/*------------------------------------------------------------------------------------------------------------------------------ VARIABLES ------------------------------------------------------------------------------------------------------------------------------*/ /* ----------------------------------------- Utils ----------------------------------------- */ /* ----------------------------------------- Core Mixins ----------------------------------------- */ /* ----------------------------------------- Hover-Helper ----------------------------------------- */ /* ----------------------------------------- Parent-Hover (konfigurierbar) ----------------------------------------- */ /* ----------------------------------------- Overlay-Link Hover (konfigurierbar) ----------------------------------------- */ /* ----------------------------------------- Klassen-Generator (mit Enable-Listen) ----------------------------------------- */ @charset "UTF-8"; /* Utils */ /* Reset */ /*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio, svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: pointer; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* Globals */ /*------------------------------------------------------------------------------------------------------------------------------ VARIABLES ------------------------------------------------------------------------------------------------------------------------------*/ /* ----------------------------------------- Utils ----------------------------------------- */ /* ----------------------------------------- Core Mixins ----------------------------------------- */ /* ----------------------------------------- Hover-Helper ----------------------------------------- */ /* ----------------------------------------- Parent-Hover (konfigurierbar) ----------------------------------------- */ /* ----------------------------------------- Overlay-Link Hover (konfigurierbar) ----------------------------------------- */ /* ----------------------------------------- Klassen-Generator (mit Enable-Listen) ----------------------------------------- */ /*------------------------------------------------------------------------------------------------------------------------------ GLOBALS ------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------- BODY / WRAPPER --------------------------------------------------------------------------*/ * { box-sizing: border-box; } img, iframe, embed { width: 100%; display: block; float: left; } body { -webkit-font-smoothing: antialiased; background: var(--body-background); } html { scroll-behavior: smooth; } html.accessibility-mode { font-size: calc(9px + 6 * (100vw - 320px) / 680) !important; } html { opacity: 0; } main { position: relative; display: block; float: left; width: 100%; min-height: 100%; overflow: hidden; } /*------------------------------------------------------------------------- GLOBAL VARIABLES --------------------------------------------------------------------------*/ .border-radius { border-radius: 0; } @media (max-width: 767px) { .border-radius { border-radius: 0; } } .border-radius-2 { border-radius: 0.5rem; } @media (max-width: 767px) { .border-radius-2 { border-radius: 1rem; } } @media (max-width: 767px) { .border-radius-m { border-radius: calc(0 / 2); } .border-radius-m-2 { border-radius: 0.5rem; } } /*------------------------------------------------------------------------- GLOBAL WIDGETS --------------------------------------------------------------------------*/ .overall-link, .link-overall, .overlay-link, .link-overlay, .accordion_title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 100; } .overall-link:hover ~ .img-container .img-cover, .link-overall:hover ~ .img-container .img-cover, .overlay-link:hover ~ .img-container .img-cover, .link-overlay:hover ~ .img-container .img-cover, .accordion_title:hover ~ .img-container .img-cover { transform: scale(1.1); } .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore::before, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download::before, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external::before, .overall-link:hover .btn.icn.is-outlined.is-plus.is-primary::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-download::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-external::before, .link-overall:hover .btn.icn.is-outlined.is-plus.is-primary::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external::before, .overlay-link:hover .btn.icn.is-outlined.is-plus.is-primary::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-download::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-external::before, .link-overlay:hover .btn.icn.is-outlined.is-plus.is-primary::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-download::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-external::before, .accordion_title:hover .btn.icn.is-outlined.is-plus.is-primary::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::before, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::before, .overall-link:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::before, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::before, .link-overall:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::before, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::before, .overlay-link:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::before, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::before, .link-overlay:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::before, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::before, .accordion_title:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .overall-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .overall-link:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .link-overall:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .link-overall:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .overlay-link:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .overlay-link:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .link-overlay:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .link-overlay:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .accordion_title:hover ~ div .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .accordion_title:hover .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .invert { filter: invert(100%) brightness(5); } /*------------------------------------------------------------------------- LIST & TABLES --------------------------------------------------------------------------*/ ul { display: block; list-style-type: disc; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0; list-style-position: outside; margin-left: 1rem; } li { -webkit-text-size-adjust: 100%; } hr { border-bottom: solid 1px var(--mid-gray); margin: 3rem 0; } /*------------------------------------------------------------------------- MODULAR STUFF --------------------------------------------------------------------------*/ .map { overflow: hidden; } .map iframe { pointer-events: none; height: 18rem; } #video, video { width: 100%; height: 100%; object-fit: cover; } .buttons { display: flex; gap: 0.5rem; align-items: center; } /* Buttons */ .btn.is-primary:not(.is-outlined) { background-color: var(--second-color); color: var(--white); border: transparent; border-radius: 5rem; margin: 0; padding: 0.5rem 2rem; align-items: center; justify-content: center; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined) { margin: 0; padding: 0.475rem 1.9rem; } } .btn.is-primary:not(.is-outlined) { --icon-filter: invert(1) brightness(5); --hover-icon-filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined):hover { color: var(--white); } .btn.is-primary:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined):hover { border: transparent; } .btn.is-primary:not(.is-outlined)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--fourth-color); z-index: -1; transform: translateX(-100%); transition: transform 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined):hover::before { transform: translateX(0); } .btn.is-primary:not(.is-outlined).is-goback.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-goback.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-goback.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-goback.btn .icn { --icn-width: 0.7rem; --icn-height: 0.7rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 0rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 0.7rem; --icn-img-height: 0.7rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: none; position: absolute; top: auto; left: auto; right: 0rem; bottom: auto; width: 0.7rem; height: 0.7rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn .icn { width: 0.665rem; height: 0.665rem; } } .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-goback.btn .icn::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: var(--icn-bg-hover); border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-goback.btn:hover .icn { border: 0px solid transparent; } .btn.is-primary:not(.is-outlined).is-goback.btn:hover .icn::before { width: 100%; height: 100%; opacity: 1; } .btn.is-primary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-readmore.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-readmore.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-readmore.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-readmore.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-readmore.svg); --icn-img-width: 0.85rem; --icn-img-height: 0.85rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1) brightness(5); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-readmore.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-primary:not(.is-outlined).is-readmore.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-readmore.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-arrow.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-arrow.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn:after { width: 0.7125rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-arrow.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: var(--third-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--third-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-arrow.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-primary:not(.is-outlined).is-arrow.btn:hover .icn { border: 1px solid var(--third-color); } .btn.is-primary:not(.is-outlined).is-arrow.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-pdf.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-pdf.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-pdf.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-pdf.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-pdf.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-pdf.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-pdf.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-pdf.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-primary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-download.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-download.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-download.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-download.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-download.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-download.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-bottom; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-download.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-download.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.is-primary:not(.is-outlined).is-download.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-download.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-external.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-external.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-extern.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-external.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-external.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-extern.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-top; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-external.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-external.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.is-primary:not(.is-outlined).is-external.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-external.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-plus.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-plus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-plus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-plus.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-plus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-plus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-plus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-plus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-plus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-primary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-minus.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-minus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-minus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-minus.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-minus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-minus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-minus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-minus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-minus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-primary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-close.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-close.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-close.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-close.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-close.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-close.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-close.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-close.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-close.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-close.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-primary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-email.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-email.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-email.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-email.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-email.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-email.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-email.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-email.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-primary:not(.is-outlined).is-email.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-email.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-phone.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-phone.btn:after { content: ""; position: absolute; display: block; width: 0.95rem; height: 0.95rem; background-image: url("/images/icon-phone.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn:after { width: 0.9025rem; height: 0.9025rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-phone.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-phone.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-phone.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: fade; --icn-before-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-before-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-before-transform: none; --icn-after-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-after-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-after-transform: none; --icn-after-hover-transform: none; position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-phone.btn .icn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--icn-bg-hover); border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-phone.btn:hover .icn { border: 0px solid transparent; } .btn.is-primary:not(.is-outlined).is-phone.btn:hover .icn::before { opacity: 1; } .btn.is-primary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-linkedin.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-primary:not(.is-outlined).is-linkedin.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-linkedin.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-facebook.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-facebook.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-facebook.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-facebook.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-primary:not(.is-outlined).is-facebook.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-facebook.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-instagram.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-instagram.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-instagram.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-instagram.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-instagram.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-instagram.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-primary:not(.is-outlined).is-instagram.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-instagram.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-primary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-info.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-primary:not(.is-outlined).is-info.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-info.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-primary:not(.is-outlined).is-info.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-primary:not(.is-outlined).is-info.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-info.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon::after, .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-primary:not(.is-outlined).is-info.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-primary:not(.is-outlined).is-info.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-primary:not(.is-outlined).is-info.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-primary:not(.is-outlined).is-info.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-primary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-primary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-primary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined) { background-color: var(--second-color); color: var(--white); border: transparent; border-radius: 5rem; margin: 0; padding: 0.5rem 2rem; align-items: center; justify-content: center; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined) { margin: 0; padding: 0.475rem 1.9rem; } } .btn.is-secondary:not(.is-outlined) { --icon-filter: invert(1) brightness(5); --hover-icon-filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined):hover { color: var(--white); } .btn.is-secondary:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined):hover { border: transparent; } .btn.is-secondary:not(.is-outlined)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--fourth-color); z-index: -1; transform: translateX(-100%); transition: transform 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined):hover::before { transform: translateX(0); } .btn.is-secondary:not(.is-outlined).is-goback.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-goback.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-goback.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn { --icn-width: 0.7rem; --icn-height: 0.7rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 0rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 0.7rem; --icn-img-height: 0.7rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: none; position: absolute; top: auto; left: auto; right: 0rem; bottom: auto; width: 0.7rem; height: 0.7rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn .icn { width: 0.665rem; height: 0.665rem; } } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-goback.btn .icn::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: var(--icn-bg-hover); border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-goback.btn:hover .icn { border: 0px solid transparent; } .btn.is-secondary:not(.is-outlined).is-goback.btn:hover .icn::before { width: 100%; height: 100%; opacity: 1; } .btn.is-secondary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-readmore.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-readmore.svg); --icn-img-width: 0.85rem; --icn-img-height: 0.85rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1) brightness(5); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-readmore.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-secondary:not(.is-outlined).is-readmore.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-readmore.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn:after { width: 0.7125rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: var(--third-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--third-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-arrow.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-secondary:not(.is-outlined).is-arrow.btn:hover .icn { border: 1px solid var(--third-color); } .btn.is-secondary:not(.is-outlined).is-arrow.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-pdf.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-pdf.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-pdf.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-pdf.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-pdf.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-download.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-download.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-download.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-download.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-download.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-download.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-bottom; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-download.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-download.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.is-secondary:not(.is-outlined).is-download.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-download.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-external.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-external.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-extern.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-external.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-external.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-extern.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-top; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-external.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-external.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.is-secondary:not(.is-outlined).is-external.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-external.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-plus.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-plus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-plus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-plus.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-plus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-plus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-plus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-plus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-minus.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-minus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-minus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-minus.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-minus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-minus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-minus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-minus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-close.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-close.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-close.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-close.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-close.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-close.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-close.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-close.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-close.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-close.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-email.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-email.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-email.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-email.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-email.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-email.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-email.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-email.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-secondary:not(.is-outlined).is-email.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-email.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-phone.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-phone.btn:after { content: ""; position: absolute; display: block; width: 0.95rem; height: 0.95rem; background-image: url("/images/icon-phone.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn:after { width: 0.9025rem; height: 0.9025rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-phone.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-phone.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: fade; --icn-before-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-before-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-before-transform: none; --icn-after-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-after-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-after-transform: none; --icn-after-hover-transform: none; position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-phone.btn .icn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--icn-bg-hover); border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-phone.btn:hover .icn { border: 0px solid transparent; } .btn.is-secondary:not(.is-outlined).is-phone.btn:hover .icn::before { opacity: 1; } .btn.is-secondary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-facebook.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-secondary:not(.is-outlined).is-facebook.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-facebook.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-instagram.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-instagram.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-instagram.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-secondary:not(.is-outlined).is-instagram.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-instagram.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-info.btn { padding: 0.5rem 3rem 0.5rem 1rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn { padding: 0.475rem 2.85rem 0.475rem 0.95rem; } } .btn.is-secondary:not(.is-outlined).is-info.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-info.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(1) brightness(5); transition: filter 0.35s ease-in-out; left: auto; right: 2rem; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-info.btn:hover:after { filter: invert(1) brightness(5); } .btn.is-secondary:not(.is-outlined).is-info.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-info.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon::after, .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-secondary:not(.is-outlined).is-info.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-secondary:not(.is-outlined).is-info.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-secondary:not(.is-outlined).is-info.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-secondary:not(.is-outlined).is-info.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-secondary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-secondary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 1rem 0.5rem 3rem; } .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward { padding: 0.475rem 0.95rem 0.475rem 2.85rem; } .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-secondary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined) { background-color: transparent; color: var(--second-color); border: transparent; border-radius: 5rem; margin: 0; padding: 0; align-items: center; justify-content: flex-start; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined) { margin: 0; padding: 0; } } .btn.is-tertiary:not(.is-outlined) { --icon-filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); --hover-icon-filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined):hover { color: var(--fourth-color); } .btn.is-tertiary:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined):hover { border: transparent; } .btn.is-tertiary:not(.is-outlined).is-goback.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-goback.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-goback.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn { --icn-width: 0.7rem; --icn-height: 0.7rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 0rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 0.7rem; --icn-img-height: 0.7rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: none; position: absolute; top: auto; left: auto; right: 0rem; bottom: auto; width: 0.7rem; height: 0.7rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn { width: 0.665rem; height: 0.665rem; } } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-goback.btn .icn::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: var(--icn-bg-hover); border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-goback.btn:hover .icn { border: 0px solid transparent; } .btn.is-tertiary:not(.is-outlined).is-goback.btn:hover .icn::before { width: 100%; height: 100%; opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-goback.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-goback.btn.is-backward.is-backward .icn { left: 0rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-readmore.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-readmore.svg); --icn-img-width: 0.85rem; --icn-img-height: 0.85rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1) brightness(5); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-readmore.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 1rem; background-image: url("/images/icon-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn:after { width: 0.7125rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: var(--third-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--third-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:hover .icn { border: 1px solid var(--third-color); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-arrow.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-pdf.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-pdf.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-pdf.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-download.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-download.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-download.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-download.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-download.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-bottom; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-download.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.is-tertiary:not(.is-outlined).is-download.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-download.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-download.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-download.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-external.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-external.btn:after { content: ""; position: absolute; display: block; width: 0.75rem; height: 0.75rem; background-image: url("/images/icon-extern.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn:after { width: 0.7125rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-external.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-extern.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-top; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-external.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.is-tertiary:not(.is-outlined).is-external.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-external.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-external.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-external.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-plus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-plus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-plus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-plus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-plus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-plus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-plus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-minus.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-minus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-minus.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-minus.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-minus.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-minus.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-minus.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-close.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-close.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-close.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-close.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-close.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-close.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-close.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-close.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-close.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-close.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-email.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-email.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 0.75rem; background-image: url("/images/icon-email.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn:after { width: 0.95rem; height: 0.7125rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-email.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-email.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-email.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-tertiary:not(.is-outlined).is-email.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-email.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-email.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-email.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn:after { content: ""; position: absolute; display: block; width: 0.95rem; height: 0.95rem; background-image: url("/images/icon-phone.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn:after { width: 0.9025rem; height: 0.9025rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-phone.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: fade; --icn-before-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-before-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-before-transform: none; --icn-after-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-after-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-after-transform: none; --icn-after-hover-transform: none; position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-phone.btn .icn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--icn-bg-hover); border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-phone.btn:hover .icn { border: 0px solid transparent; } .btn.is-tertiary:not(.is-outlined).is-phone.btn:hover .icn::before { opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-phone.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-phone.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-linkedin.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-linkedin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-facebook.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-instagram.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-instagram.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-instagram.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-info.btn { padding: 0.5rem 3rem 0.5rem 0; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn { padding: 0.475rem 2.85rem 0.475rem 0; } } .btn.is-tertiary:not(.is-outlined).is-info.btn:after { content: ""; position: absolute; display: block; width: 1rem; height: 1rem; background-image: url("/images/icon-info.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); transition: filter 0.35s ease-in-out; left: auto; right: 1.2rem; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn:after { width: 0.95rem; height: 0.95rem; left: auto; right: 1.14rem; } } .btn.is-tertiary:not(.is-outlined).is-info.btn:hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-info.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon::after, .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-tertiary:not(.is-outlined).is-info.btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-tertiary:not(.is-outlined).is-info.btn:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-tertiary:not(.is-outlined).is-info.btn:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-tertiary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-info.btn:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward { justify-content: flex-start; padding: 0.5rem 0 0.5rem 3rem; } .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 1.2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward { padding: 0.475rem 0 0.475rem 2.85rem; } .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward::after { left: 1.14rem; right: auto; } } .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-tertiary:not(.is-outlined).is-info.btn.is-backward.is-backward .icn { left: 0.95rem; right: auto; } } .btn.icn.is-primary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-primary.is-goback::after { display: none !important; } .btn.icn.is-primary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-primary.is-goback .icn-icon::after, .btn.icn.is-primary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-primary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-primary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-readmore::after { display: none !important; } .btn.icn.is-primary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-primary.is-readmore .icn-icon::after, .btn.icn.is-primary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-primary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-primary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-arrow::after { display: none !important; } .btn.icn.is-primary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-arrow .icn-icon::after, .btn.icn.is-primary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-primary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-primary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-primary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-pdf::after { display: none !important; } .btn.icn.is-primary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-pdf .icn-icon::after, .btn.icn.is-primary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-primary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-download::after { display: none !important; } .btn.icn.is-primary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-download .icn-icon::after, .btn.icn.is-primary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-primary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-external::after { display: none !important; } .btn.icn.is-primary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-external .icn-icon::after, .btn.icn.is-primary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-primary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-plus::after { display: none !important; } .btn.icn.is-primary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-plus .icn-icon::after, .btn.icn.is-primary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-primary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-minus::after { display: none !important; } .btn.icn.is-primary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-minus .icn-icon::after, .btn.icn.is-primary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-primary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-close::after { display: none !important; } .btn.icn.is-primary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-close .icn-icon::after, .btn.icn.is-primary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-primary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-email::after { display: none !important; } .btn.icn.is-primary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-email .icn-icon::after, .btn.icn.is-primary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-primary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-phone::after { display: none !important; } .btn.icn.is-primary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-phone .icn-icon::after, .btn.icn.is-primary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-primary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-primary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-primary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-primary.is-phone:hover::before { opacity: 1; } .btn.icn.is-primary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-primary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-primary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-linkedin::after { display: none !important; } .btn.icn.is-primary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-linkedin .icn-icon::after, .btn.icn.is-primary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-primary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-facebook::after { display: none !important; } .btn.icn.is-primary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-facebook .icn-icon::after, .btn.icn.is-primary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-primary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-instagram::after { display: none !important; } .btn.icn.is-primary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-instagram .icn-icon::after, .btn.icn.is-primary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-primary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-primary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-primary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-primary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-primary.is-info::after { display: none !important; } .btn.icn.is-primary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-primary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-primary.is-info .icn-icon::after, .btn.icn.is-primary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-primary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-primary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-primary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-primary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-primary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-primary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-outlined.is-primary.is-goback::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-outlined.is-primary.is-goback .icn-icon::after, .btn.icn.is-outlined.is-primary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-primary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-outlined.is-primary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-readmore::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after, .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-primary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-arrow::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-arrow .icn-icon::after, .btn.icn.is-outlined.is-primary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-primary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-outlined.is-primary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-pdf::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-pdf .icn-icon::after, .btn.icn.is-outlined.is-primary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-primary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-download::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-download .icn-icon::after, .btn.icn.is-outlined.is-primary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-outlined.is-primary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-external::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-external .icn-icon::after, .btn.icn.is-outlined.is-primary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-outlined.is-primary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-plus::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-plus .icn-icon::after, .btn.icn.is-outlined.is-primary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-primary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-minus::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-minus .icn-icon::after, .btn.icn.is-outlined.is-primary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-primary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-close::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-close .icn-icon::after, .btn.icn.is-outlined.is-primary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-primary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-email::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-email .icn-icon::after, .btn.icn.is-outlined.is-primary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-primary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-phone::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-phone .icn-icon::after, .btn.icn.is-outlined.is-primary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-primary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-primary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-primary.is-phone:hover::before { opacity: 1; } .btn.icn.is-outlined.is-primary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-outlined.is-primary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-outlined.is-primary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-linkedin::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon::after, .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-primary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-facebook::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-facebook .icn-icon::after, .btn.icn.is-outlined.is-primary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-primary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-instagram::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-instagram .icn-icon::after, .btn.icn.is-outlined.is-primary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-primary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-primary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-primary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-primary.is-info::after { display: none !important; } .btn.icn.is-outlined.is-primary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-primary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-primary.is-info .icn-icon::after, .btn.icn.is-outlined.is-primary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-primary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-primary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-primary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-primary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-primary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-primary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-secondary.is-goback::after { display: none !important; } .btn.icn.is-secondary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-secondary.is-goback .icn-icon::after, .btn.icn.is-secondary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-secondary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-secondary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-readmore::after { display: none !important; } .btn.icn.is-secondary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-secondary.is-readmore .icn-icon::after, .btn.icn.is-secondary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-secondary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-secondary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-arrow::after { display: none !important; } .btn.icn.is-secondary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-arrow .icn-icon::after, .btn.icn.is-secondary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-secondary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-secondary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-secondary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-pdf::after { display: none !important; } .btn.icn.is-secondary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-pdf .icn-icon::after, .btn.icn.is-secondary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-secondary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-download::after { display: none !important; } .btn.icn.is-secondary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-download .icn-icon::after, .btn.icn.is-secondary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-secondary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-external::after { display: none !important; } .btn.icn.is-secondary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-external .icn-icon::after, .btn.icn.is-secondary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-secondary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-plus::after { display: none !important; } .btn.icn.is-secondary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-plus .icn-icon::after, .btn.icn.is-secondary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-secondary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-minus::after { display: none !important; } .btn.icn.is-secondary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-minus .icn-icon::after, .btn.icn.is-secondary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-secondary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-close::after { display: none !important; } .btn.icn.is-secondary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-close .icn-icon::after, .btn.icn.is-secondary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-secondary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-email::after { display: none !important; } .btn.icn.is-secondary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-email .icn-icon::after, .btn.icn.is-secondary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-secondary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-phone::after { display: none !important; } .btn.icn.is-secondary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-phone .icn-icon::after, .btn.icn.is-secondary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-secondary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-secondary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-secondary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-secondary.is-phone:hover::before { opacity: 1; } .btn.icn.is-secondary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-secondary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-secondary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-linkedin::after { display: none !important; } .btn.icn.is-secondary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-linkedin .icn-icon::after, .btn.icn.is-secondary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-secondary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-facebook::after { display: none !important; } .btn.icn.is-secondary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-facebook .icn-icon::after, .btn.icn.is-secondary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-secondary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-instagram::after { display: none !important; } .btn.icn.is-secondary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-instagram .icn-icon::after, .btn.icn.is-secondary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-secondary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-secondary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-secondary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-secondary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-secondary.is-info::after { display: none !important; } .btn.icn.is-secondary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-secondary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-secondary.is-info .icn-icon::after, .btn.icn.is-secondary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-secondary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-secondary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-secondary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-secondary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-secondary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-secondary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-outlined.is-secondary.is-goback::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-outlined.is-secondary.is-goback .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-secondary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-outlined.is-secondary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-readmore::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-secondary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-arrow::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-secondary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-outlined.is-secondary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-pdf::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-download::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-download .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-outlined.is-secondary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-external::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-external .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-outlined.is-secondary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-plus::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-plus .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-minus::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-minus .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-close::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-close .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-email::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-email .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-secondary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-phone::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-phone .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-secondary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-secondary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-secondary.is-phone:hover::before { opacity: 1; } .btn.icn.is-outlined.is-secondary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-outlined.is-secondary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-outlined.is-secondary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-linkedin::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-secondary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-facebook::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-secondary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-instagram::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-secondary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-secondary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-secondary.is-info::after { display: none !important; } .btn.icn.is-outlined.is-secondary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-secondary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-secondary.is-info .icn-icon::after, .btn.icn.is-outlined.is-secondary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-secondary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-secondary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-secondary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-secondary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-secondary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-secondary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-tertiary.is-goback::after { display: none !important; } .btn.icn.is-tertiary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-tertiary.is-goback .icn-icon::after, .btn.icn.is-tertiary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-tertiary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-tertiary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-readmore::after { display: none !important; } .btn.icn.is-tertiary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-tertiary.is-readmore .icn-icon::after, .btn.icn.is-tertiary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-tertiary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-tertiary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-arrow::after { display: none !important; } .btn.icn.is-tertiary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-arrow .icn-icon::after, .btn.icn.is-tertiary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-tertiary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-tertiary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-tertiary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-pdf::after { display: none !important; } .btn.icn.is-tertiary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-pdf .icn-icon::after, .btn.icn.is-tertiary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-tertiary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-download::after { display: none !important; } .btn.icn.is-tertiary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-download .icn-icon::after, .btn.icn.is-tertiary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-tertiary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-external::after { display: none !important; } .btn.icn.is-tertiary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-external .icn-icon::after, .btn.icn.is-tertiary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-tertiary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-plus::after { display: none !important; } .btn.icn.is-tertiary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-plus .icn-icon::after, .btn.icn.is-tertiary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-tertiary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-minus::after { display: none !important; } .btn.icn.is-tertiary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-minus .icn-icon::after, .btn.icn.is-tertiary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-tertiary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-close::after { display: none !important; } .btn.icn.is-tertiary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-close .icn-icon::after, .btn.icn.is-tertiary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-tertiary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-email::after { display: none !important; } .btn.icn.is-tertiary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-email .icn-icon::after, .btn.icn.is-tertiary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-tertiary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-phone::after { display: none !important; } .btn.icn.is-tertiary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-phone .icn-icon::after, .btn.icn.is-tertiary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-tertiary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-tertiary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-tertiary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-tertiary.is-phone:hover::before { opacity: 1; } .btn.icn.is-tertiary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-tertiary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-tertiary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-linkedin::after { display: none !important; } .btn.icn.is-tertiary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-linkedin .icn-icon::after, .btn.icn.is-tertiary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-tertiary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-facebook::after { display: none !important; } .btn.icn.is-tertiary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-facebook .icn-icon::after, .btn.icn.is-tertiary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-tertiary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-instagram::after { display: none !important; } .btn.icn.is-tertiary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-instagram .icn-icon::after, .btn.icn.is-tertiary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-tertiary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-tertiary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-tertiary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-tertiary.is-info::after { display: none !important; } .btn.icn.is-tertiary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-tertiary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-tertiary.is-info .icn-icon::after, .btn.icn.is-tertiary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-tertiary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-tertiary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-tertiary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-tertiary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-tertiary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-tertiary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-goback { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 0.7rem; height: 0.7rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-goback { width: 0.665rem; height: 0.665rem; } } .btn.icn.is-outlined.is-tertiary.is-goback::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-goback .icn-icon { position: relative; width: 0.7rem; height: 0.7rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-goback .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.icn.is-outlined.is-tertiary.is-goback .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-goback .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-goback::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-goback:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-tertiary.is-goback:hover::before { width: 100%; height: 100%; opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-readmore { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-readmore { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-readmore::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon { position: relative; width: 0.85rem; height: 0.85rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon::after { filter: invert(1) brightness(5); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-readmore .icn-icon::before { filter: invert(1) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-readmore::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-tertiary.is-readmore:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-readmore:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-readmore:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-readmore:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-arrow { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-arrow { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-arrow::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-arrow .icn-icon::before { filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-arrow::before { content: ""; position: absolute; background-color: var(--third-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-tertiary.is-arrow:hover { border: 1px solid var(--third-color); } .btn.icn.is-outlined.is-tertiary.is-arrow:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-arrow:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-arrow:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-pdf { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-pdf { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-pdf::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-pdf .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-pdf::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-pdf:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-pdf:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-pdf:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-pdf:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-download { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-download { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-download::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-download .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-download .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-download .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-download .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-download .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-download .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-download::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.icn.is-outlined.is-tertiary.is-download:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-download:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-download:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-download:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-external { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-external { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-external::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-external .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-external .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-external .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-external .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-external .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-external .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-external::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.icn.is-outlined.is-tertiary.is-external:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-external:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-external:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-external:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-plus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-plus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-plus::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-plus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-plus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-plus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-plus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-plus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-plus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-minus { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-minus { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-minus::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-minus .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-minus::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-minus:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-minus:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-minus:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-minus:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-close { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-close { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-close::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-close .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-close .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-close .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-close .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-close .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-close .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-close::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-close:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-close:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-close:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-close:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-email { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-email { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-email::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-email .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-email .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-email .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-email .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-email .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-email .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-email::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.icn.is-outlined.is-tertiary.is-email:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-email:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-email:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-email:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-phone { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 0px solid transparent; border-radius: 0; background-color: transparent; width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-phone { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-phone::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon::after { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-tertiary.is-phone .icn-icon::before { filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); transform: none; } .btn.icn.is-outlined.is-tertiary.is-phone::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-phone:hover { border: 0px solid transparent; } .btn.icn.is-outlined.is-tertiary.is-phone:hover::before { opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-phone:hover .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .btn.icn.is-outlined.is-tertiary.is-phone:hover .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .btn.icn.is-outlined.is-tertiary.is-linkedin { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-linkedin { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-linkedin::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-linkedin .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-linkedin::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-tertiary.is-linkedin:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-linkedin:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-linkedin:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-linkedin:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-facebook { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-facebook { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-facebook::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-facebook .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-facebook::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-tertiary.is-facebook:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-facebook:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-facebook:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-facebook:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-instagram { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-instagram { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-instagram::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-instagram .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-instagram::before { content: ""; position: absolute; background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.icn.is-outlined.is-tertiary.is-instagram:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-instagram:hover::before { transform: translate(0, 0); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-instagram:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-instagram:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.icn.is-outlined.is-tertiary.is-info { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); width: 2rem; height: 2rem; overflow: hidden; transition: all 0.35s ease-in-out; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-info { width: 1.9rem; height: 1.9rem; } } .btn.icn.is-outlined.is-tertiary.is-info::after { display: none !important; } .btn.icn.is-outlined.is-tertiary.is-info .icn-icon { position: relative; width: 1rem; height: 1rem; z-index: 2; display: flex; justify-content: center; align-items: center; overflow: hidden; } @media (max-width: 767px) { .btn.icn.is-outlined.is-tertiary.is-info .icn-icon { width: 1rem; height: 1rem; } } .btn.icn.is-outlined.is-tertiary.is-info .icn-icon::after, .btn.icn.is-outlined.is-tertiary.is-info .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.icn.is-outlined.is-tertiary.is-info .icn-icon::after { filter: invert(1); transform: translateX(-40px); } .btn.icn.is-outlined.is-tertiary.is-info .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-info::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--highlight-color); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.icn.is-outlined.is-tertiary.is-info:hover { border: 1px solid var(--highlight-color); } .btn.icn.is-outlined.is-tertiary.is-info:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.icn.is-outlined.is-tertiary.is-info:hover .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .btn.icn.is-outlined.is-tertiary.is-info:hover .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .btn.is-goback .icn { --icn-width: 0.7rem; --icn-height: 0.7rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 0rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 0.7rem; --icn-img-height: 0.7rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: none; position: absolute; top: auto; left: auto; right: 0rem; bottom: auto; width: 0.7rem; height: 0.7rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-goback .icn { width: 0.665rem; height: 0.665rem; } } .btn.is-goback .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-goback .icn .icn-icon { width: 0.7rem; height: 0.7rem; } } .btn.is-goback .icn .icn-icon::after, .btn.is-goback .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-goback .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-goback .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-goback .icn::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: var(--icn-bg-hover); border-radius: 0; width: 0; height: 0; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-goback:hover .icn { border: 0px solid transparent; } .btn.is-goback:hover .icn::before { width: 100%; height: 100%; opacity: 1; } .btn.is-goback:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-goback:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-readmore .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-readmore.svg); --icn-img-width: 0.85rem; --icn-img-height: 0.85rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1) brightness(5); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-readmore .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-readmore .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-readmore .icn .icn-icon { width: 0.85rem; height: 0.85rem; } } .btn.is-readmore .icn .icn-icon::after, .btn.is-readmore .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-readmore.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-readmore .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-readmore .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-readmore .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-readmore:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-readmore:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-readmore:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-readmore:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-arrow .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-arrow.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: var(--third-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--third-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(66%) sepia(45%) saturate(327%) hue-rotate(28deg) brightness(95%) contrast(87%); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-arrow .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-arrow .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-arrow .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-arrow .icn .icn-icon::after, .btn.is-arrow .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-arrow .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-arrow .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-arrow .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-arrow:hover .icn { border: 1px solid var(--third-color); } .btn.is-arrow:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-arrow:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-arrow:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-pdf .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-pdf.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-pdf .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-pdf .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-pdf .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-pdf .icn .icn-icon::after, .btn.is-pdf .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-pdf.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-pdf .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-pdf .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-pdf .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-pdf:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-pdf:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-pdf:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-pdf:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-download .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-download.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-bottom; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-download .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-download .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-download .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-download .icn .icn-icon::after, .btn.is-download .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-download.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-download .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-download .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-download .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; bottom: 0; left: 0; right: auto; transform: translateY(100%); } .btn.is-download:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-download:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-download:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-download:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-external .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-extern.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-top; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-external .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-external .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-external .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-external .icn .icn-icon::after, .btn.is-external .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-extern.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-external .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-external .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-external .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateY(-100%); } .btn.is-external:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-external:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-external:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-external:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-plus .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-plus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-plus .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-plus .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-plus .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-plus .icn .icn-icon::after, .btn.is-plus .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-plus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-plus .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-plus .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-plus .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-plus:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-plus:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-plus:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-plus:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-minus .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-minus.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-minus .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-minus .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-minus .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-minus .icn .icn-icon::after, .btn.is-minus .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-minus.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-minus .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-minus .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-minus .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-minus:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-minus:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-minus:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-minus:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-close .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-close.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-close .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-close .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-close .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-close .icn .icn-icon::after, .btn.is-close .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-close.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-close .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-close .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-close .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-close:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-close:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-close:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-close:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-email .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-email.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-left; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-email .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-email .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-email .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-email .icn .icn-icon::after, .btn.is-email .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-email.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-email .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-email .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-email .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; left: 0; right: auto; transform: translateX(-100%); } .btn.is-email:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-email:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-email:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-email:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-phone .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-phone.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: transparent; --icn-bg-hover: transparent; --icn-border: 0px solid transparent; --icn-border-hover: 0px solid transparent; --icn-radius: 0; --icn-hover-effect: fade; --icn-before-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-before-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-before-transform: none; --icn-after-filter: invert(68%) sepia(59%) saturate(142%) hue-rotate(355deg) brightness(67%) contrast(226%); --icn-after-hover-filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); --icn-after-transform: none; --icn-after-hover-transform: none; position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 0px solid transparent; border-radius: 0; background-color: transparent; overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-phone .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-phone .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-phone .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-phone .icn .icn-icon::after, .btn.is-phone .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-phone.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-phone .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-phone .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-phone .icn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--icn-bg-hover); border-radius: 0; opacity: 0; z-index: 0; transition: opacity 0.35s ease-in-out; } .btn.is-phone:hover .icn { border: 0px solid transparent; } .btn.is-phone:hover .icn::before { opacity: 1; } .btn.is-phone:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-phone:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-linkedin .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-linkedin .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-linkedin .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-linkedin .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-linkedin .icn .icn-icon::after, .btn.is-linkedin .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-linkedin .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-linkedin .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-linkedin .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-linkedin:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-linkedin:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-linkedin:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-linkedin:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-facebook .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-linkedin.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-facebook .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-facebook .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-facebook .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-facebook .icn .icn-icon::after, .btn.is-facebook .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-linkedin.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-facebook .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-facebook .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-facebook .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-facebook:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-facebook:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-facebook:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-facebook:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-instagram .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-instagram.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-right; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-instagram .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-instagram .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-instagram .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-instagram .icn .icn-icon::after, .btn.is-instagram .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-instagram.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-instagram .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-instagram .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-instagram .icn::before { content: ""; position: absolute; background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; top: 0; right: 0; left: auto; transform: translateX(100%); } .btn.is-instagram:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-instagram:hover .icn::before { transform: translate(0, 0); opacity: 1; } .btn.is-instagram:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-instagram:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn.is-info .icn { --icn-width: 2rem; --icn-height: 2rem; --icn-position: absolute; --icn-top: auto; --icn-left: auto; --icn-right: 1rem; --icn-bottom: auto; --icn-icon: url(/images/icon-info.svg); --icn-img-width: 1rem; --icn-img-height: 1rem; --icn-bg: var(--second-color); --icn-bg-hover: var(--highlight-color); --icn-border: 1px solid var(--second-color); --icn-border-hover: 1px solid var(--highlight-color); --icn-radius: 0; --icn-hover-effect: slide-center; --icn-before-filter: invert(1) saturate(0) brightness(5); --icn-before-hover-filter: invert(1) saturate(0) brightness(5); --icn-before-transform: translateX(0); --icn-before-hover-transform: translateX(40px); --icn-after-filter: invert(1); --icn-after-hover-filter: invert(1) saturate(0) brightness(5); --icn-after-transform: translateX(-40px); --icn-after-hover-transform: translateX(0); position: absolute; top: auto; left: auto; right: 1rem; bottom: auto; width: 2rem; height: 2rem; border: 1px solid var(--second-color); border-radius: 0; background-color: var(--second-color); overflow: hidden; z-index: 1; transition: border 0.35s ease-in-out; } @media (max-width: 767px) { .btn.is-info .icn { width: 1.9rem; height: 1.9rem; } } .btn.is-info .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } @media (max-width: 767px) { .btn.is-info .icn .icn-icon { width: 1rem; height: 1rem; } } .btn.is-info .icn .icn-icon::after, .btn.is-info .icn .icn-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/icon-info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); transition: -webkit-transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); will-change: transform, filter; } .btn.is-info .icn .icn-icon::after { filter: var(--icn-after-filter, none); -webkit-transform: var(--icn-after-transform, none); transform: var(--icn-after-transform, none); } .btn.is-info .icn .icn-icon::before { filter: var(--icn-before-filter, none); -webkit-transform: var(--icn-before-transform); transform: var(--icn-before-transform); } .btn.is-info .icn::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background-color: var(--icn-bg-hover); border-radius: 0; width: 100%; height: 100%; opacity: 0; z-index: 0; transition: all 0.35s ease-in-out; } .btn.is-info:hover .icn { border: 1px solid var(--highlight-color); } .btn.is-info:hover .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .btn.is-info:hover .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); -webkit-transform: var(--icn-after-hover-transform); transform: var(--icn-after-hover-transform); } .btn.is-info:hover .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); -webkit-transform: var(--icn-before-hover-transform); transform: var(--icn-before-hover-transform); } .btn:has(.icn)::after { content: none !important; display: none !important; } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-goback:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-primary.is-goback:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-readmore:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-readmore:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-arrow:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .hover-parent:hover .btn.icn.is-primary.is-arrow:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-pdf:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-pdf:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-download:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-download:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-external:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-external:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-plus:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-plus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-minus:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-minus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-close:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-close:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-email:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-email:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-phone:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-primary.is-phone:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-phone:not(.is-outlined)::before { opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .hover-parent:hover .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-facebook:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-facebook:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-instagram:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-instagram:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined)::before, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined) .icn, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-primary.is-info:not(.is-outlined), .parent-hover:hover .btn.icn.is-primary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-primary.is-info:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-primary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-goback:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-secondary.is-goback:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .hover-parent:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-download:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-download:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-external:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-external:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-plus:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-plus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-minus:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-minus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-close:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-close:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-email:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-email:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-phone:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-secondary.is-phone:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-phone:not(.is-outlined)::before { opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .hover-parent:hover .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined):hover { color: var(--white); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined)::before, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined)::before { transform: translateX(0); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined) .icn, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-secondary.is-info:not(.is-outlined), .parent-hover:hover .btn.icn.is-secondary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-secondary.is-info:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-secondary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-goback:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .hover-parent:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-download:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-download:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-external:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-external:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-close:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-close:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-email:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-email:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .hover-parent:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before { opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .hover-parent:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined):hover { color: var(--fourth-color); } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined):hover:after, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined):hover, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined):hover { border: transparent; } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn::before, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .hover-parent:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before, .parent-hover:hover .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .hover-parent:hover .btn.icn.is-tertiary.is-info:not(.is-outlined), .parent-hover:hover .btn.icn.is-tertiary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .hover-parent:hover .btn.icn.is-tertiary.is-info:not(.is-outlined)::before, .parent-hover:hover .btn.icn.is-tertiary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .hover-parent:hover .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after, .parent-hover:hover .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .hover-parent:hover .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before, .parent-hover:hover .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-primary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-primary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover { color: var(--white); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover:after { filter: invert(1) brightness(5); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined)::before { transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-secondary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-secondary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-goback:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-goback:not(.is-outlined)::before { width: 100%; height: 100%; opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-readmore:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-readmore:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-arrow:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) { border: 1px solid var(--third-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-arrow:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-pdf:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-pdf:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-download:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-download:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-external:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-external:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-plus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-plus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-minus:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-minus:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-close:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-close:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-email:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-email:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-phone:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) { border: 0px solid transparent; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined)::before { opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::after { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); transform: none; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-phone:not(.is-outlined) .icn-icon::before { filter: invert(24%) sepia(51%) saturate(148%) hue-rotate(306deg) brightness(161%) contrast(177%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-linkedin:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-linkedin:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-facebook:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-facebook:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-instagram:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined)::before { transform: translate(0, 0); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-instagram:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover { color: var(--fourth-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover:after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover:after { filter: invert(28%) sepia(69%) saturate(701%) hue-rotate(309deg) brightness(100%) contrast(145%); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined):hover { border: transparent; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::after { filter: var(--icn-after-hover-filter, none); transform: var(--icn-after-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.is-tertiary.is-info:not(.is-outlined) .icn .icn-icon::before { filter: var(--icn-before-hover-filter, none); transform: var(--icn-before-hover-transform); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined), .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) { border: 1px solid var(--highlight-color); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined)::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined)::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .overlay-link.parent-hover:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before, .overlay-link.hover-parent:hover ~ * .btn.icn.is-tertiary.is-info:not(.is-outlined) .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } /*------------------------------------------------------------------------------------------------------------------------------ BUTTONS ------------------------------------------------------------------------------------------------------------------------------*/ .btn { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-family: "font", sans-serif; font-size: 1rem; font-weight: 700; padding: 1rem 2rem; text-transform: none; cursor: pointer; transition: all 0.35s ease-in-out; width: max-content; text-decoration: none; overflow: hidden; z-index: 1; background-color: transparent; color: var(--base-color); border: none; border-radius: 5rem; margin: 0; padding: 0 2rem 0 0; align-items: center; justify-content: flex-start; } @media (max-width: 767px) { .btn { margin: 0; padding: 0 1.9rem 0 0; } } .btn { --icon-filter: none; --hover-icon-filter: none; } .btn:hover { color: var(--second-color); } .btn:hover:after { filter: none; } .btn:hover { border: transparent; } .btn.is-backward { justify-content: flex-start; padding: 1rem 0 1rem 4rem; } .btn.is-backward::after { left: 2rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-backward { padding: 0.95rem 0 0.95rem 3.8rem; } .btn.is-backward::after { left: 1.9rem; right: auto; } } .btn.is-backward .icn { left: 1rem; right: auto; transform: rotate(180deg); } @media (max-width: 767px) { .btn.is-backward .icn { left: 0.95rem; right: auto; } } .btn .icn { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 1; } .btn .icn::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background-color: var(--icn-bg-hover, var(--second-color)); border-radius: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; z-index: 1; transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out; } .btn .icn .icn-icon { position: relative; width: var(--icn-img-width, 1rem); height: var(--icn-img-height, 1rem); z-index: 2; } .btn:has(.icn)::after { content: none !important; display: none !important; } /* Borders */ .border-left-base-color { border-left: solid 1px var(--base-color); } .border-left-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-0-base-color { border-left: solid 0px var(--base-color); } .border-left-0-solid-base-color { border-left: solid 0px var(--base-color); } .border-left-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .border-left-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .border-left-0-5-base-color { border-left: solid 0.5px var(--base-color); } .border-left-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .border-left-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .border-left-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .border-left-1-base-color { border-left: solid 1px var(--base-color); } .border-left-1-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-1-5-base-color { border-left: solid 1.5px var(--base-color); } .border-left-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .border-left-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .border-left-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .border-left-2-base-color { border-left: solid 2px var(--base-color); } .border-left-2-solid-base-color { border-left: solid 2px var(--base-color); } .border-left-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .border-left-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .border-left-2-5-base-color { border-left: solid 2.5px var(--base-color); } .border-left-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .border-left-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .border-left-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .border-left-3-base-color { border-left: solid 3px var(--base-color); } .border-left-3-solid-base-color { border-left: solid 3px var(--base-color); } .border-left-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .border-left-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .border-left-first-base-color:first-child { border-left: solid 1px var(--base-color); } .border-left-last-base-color:last-child { border-left: solid 1px var(--base-color); } .border-left-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .border-left-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .border-right-base-color { border-right: solid 1px var(--base-color); } .border-right-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-0-base-color { border-right: solid 0px var(--base-color); } .border-right-0-solid-base-color { border-right: solid 0px var(--base-color); } .border-right-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .border-right-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .border-right-0-5-base-color { border-right: solid 0.5px var(--base-color); } .border-right-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .border-right-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .border-right-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .border-right-1-base-color { border-right: solid 1px var(--base-color); } .border-right-1-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-1-5-base-color { border-right: solid 1.5px var(--base-color); } .border-right-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .border-right-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .border-right-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .border-right-2-base-color { border-right: solid 2px var(--base-color); } .border-right-2-solid-base-color { border-right: solid 2px var(--base-color); } .border-right-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .border-right-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .border-right-2-5-base-color { border-right: solid 2.5px var(--base-color); } .border-right-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .border-right-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .border-right-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .border-right-3-base-color { border-right: solid 3px var(--base-color); } .border-right-3-solid-base-color { border-right: solid 3px var(--base-color); } .border-right-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .border-right-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .border-right-first-base-color:first-child { border-right: solid 1px var(--base-color); } .border-right-last-base-color:last-child { border-right: solid 1px var(--base-color); } .border-right-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .border-right-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .border-top-base-color { border-top: solid 1px var(--base-color); } .border-top-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-0-base-color { border-top: solid 0px var(--base-color); } .border-top-0-solid-base-color { border-top: solid 0px var(--base-color); } .border-top-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .border-top-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .border-top-0-5-base-color { border-top: solid 0.5px var(--base-color); } .border-top-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .border-top-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .border-top-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .border-top-1-base-color { border-top: solid 1px var(--base-color); } .border-top-1-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-1-5-base-color { border-top: solid 1.5px var(--base-color); } .border-top-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .border-top-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .border-top-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .border-top-2-base-color { border-top: solid 2px var(--base-color); } .border-top-2-solid-base-color { border-top: solid 2px var(--base-color); } .border-top-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .border-top-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .border-top-2-5-base-color { border-top: solid 2.5px var(--base-color); } .border-top-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .border-top-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .border-top-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .border-top-3-base-color { border-top: solid 3px var(--base-color); } .border-top-3-solid-base-color { border-top: solid 3px var(--base-color); } .border-top-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .border-top-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .border-top-first-base-color:first-child { border-top: solid 1px var(--base-color); } .border-top-last-base-color:last-child { border-top: solid 1px var(--base-color); } .border-top-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .border-top-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .border-bottom-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-0-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .border-bottom-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .border-bottom-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .border-bottom-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .border-bottom-1-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .border-bottom-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .border-bottom-2-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .border-bottom-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .border-bottom-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .border-bottom-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .border-bottom-3-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .border-bottom-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .border-bottom-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .border-bottom-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .border-bottom-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .border-bottom-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .border-left-second-color { border-left: solid 1px var(--second-color); } .border-left-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-0-second-color { border-left: solid 0px var(--second-color); } .border-left-0-solid-second-color { border-left: solid 0px var(--second-color); } .border-left-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .border-left-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .border-left-0-5-second-color { border-left: solid 0.5px var(--second-color); } .border-left-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .border-left-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .border-left-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .border-left-1-second-color { border-left: solid 1px var(--second-color); } .border-left-1-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-1-5-second-color { border-left: solid 1.5px var(--second-color); } .border-left-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .border-left-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .border-left-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .border-left-2-second-color { border-left: solid 2px var(--second-color); } .border-left-2-solid-second-color { border-left: solid 2px var(--second-color); } .border-left-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .border-left-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .border-left-2-5-second-color { border-left: solid 2.5px var(--second-color); } .border-left-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .border-left-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .border-left-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .border-left-3-second-color { border-left: solid 3px var(--second-color); } .border-left-3-solid-second-color { border-left: solid 3px var(--second-color); } .border-left-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .border-left-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .border-left-first-second-color:first-child { border-left: solid 1px var(--second-color); } .border-left-last-second-color:last-child { border-left: solid 1px var(--second-color); } .border-left-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .border-left-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .border-right-second-color { border-right: solid 1px var(--second-color); } .border-right-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-0-second-color { border-right: solid 0px var(--second-color); } .border-right-0-solid-second-color { border-right: solid 0px var(--second-color); } .border-right-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .border-right-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .border-right-0-5-second-color { border-right: solid 0.5px var(--second-color); } .border-right-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .border-right-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .border-right-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .border-right-1-second-color { border-right: solid 1px var(--second-color); } .border-right-1-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-1-5-second-color { border-right: solid 1.5px var(--second-color); } .border-right-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .border-right-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .border-right-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .border-right-2-second-color { border-right: solid 2px var(--second-color); } .border-right-2-solid-second-color { border-right: solid 2px var(--second-color); } .border-right-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .border-right-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .border-right-2-5-second-color { border-right: solid 2.5px var(--second-color); } .border-right-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .border-right-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .border-right-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .border-right-3-second-color { border-right: solid 3px var(--second-color); } .border-right-3-solid-second-color { border-right: solid 3px var(--second-color); } .border-right-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .border-right-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .border-right-first-second-color:first-child { border-right: solid 1px var(--second-color); } .border-right-last-second-color:last-child { border-right: solid 1px var(--second-color); } .border-right-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .border-right-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .border-top-second-color { border-top: solid 1px var(--second-color); } .border-top-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-0-second-color { border-top: solid 0px var(--second-color); } .border-top-0-solid-second-color { border-top: solid 0px var(--second-color); } .border-top-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .border-top-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .border-top-0-5-second-color { border-top: solid 0.5px var(--second-color); } .border-top-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .border-top-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .border-top-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .border-top-1-second-color { border-top: solid 1px var(--second-color); } .border-top-1-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-1-5-second-color { border-top: solid 1.5px var(--second-color); } .border-top-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .border-top-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .border-top-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .border-top-2-second-color { border-top: solid 2px var(--second-color); } .border-top-2-solid-second-color { border-top: solid 2px var(--second-color); } .border-top-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .border-top-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .border-top-2-5-second-color { border-top: solid 2.5px var(--second-color); } .border-top-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .border-top-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .border-top-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .border-top-3-second-color { border-top: solid 3px var(--second-color); } .border-top-3-solid-second-color { border-top: solid 3px var(--second-color); } .border-top-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .border-top-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .border-top-first-second-color:first-child { border-top: solid 1px var(--second-color); } .border-top-last-second-color:last-child { border-top: solid 1px var(--second-color); } .border-top-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .border-top-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .border-bottom-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-0-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .border-bottom-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .border-bottom-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .border-bottom-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .border-bottom-1-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .border-bottom-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .border-bottom-2-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .border-bottom-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .border-bottom-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .border-bottom-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .border-bottom-3-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .border-bottom-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .border-bottom-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .border-bottom-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .border-bottom-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .border-bottom-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .border-left-third-color { border-left: solid 1px var(--third-color); } .border-left-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-0-third-color { border-left: solid 0px var(--third-color); } .border-left-0-solid-third-color { border-left: solid 0px var(--third-color); } .border-left-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .border-left-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .border-left-0-5-third-color { border-left: solid 0.5px var(--third-color); } .border-left-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .border-left-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .border-left-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .border-left-1-third-color { border-left: solid 1px var(--third-color); } .border-left-1-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-1-5-third-color { border-left: solid 1.5px var(--third-color); } .border-left-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .border-left-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .border-left-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .border-left-2-third-color { border-left: solid 2px var(--third-color); } .border-left-2-solid-third-color { border-left: solid 2px var(--third-color); } .border-left-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .border-left-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .border-left-2-5-third-color { border-left: solid 2.5px var(--third-color); } .border-left-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .border-left-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .border-left-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .border-left-3-third-color { border-left: solid 3px var(--third-color); } .border-left-3-solid-third-color { border-left: solid 3px var(--third-color); } .border-left-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .border-left-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .border-left-first-third-color:first-child { border-left: solid 1px var(--third-color); } .border-left-last-third-color:last-child { border-left: solid 1px var(--third-color); } .border-left-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .border-left-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .border-right-third-color { border-right: solid 1px var(--third-color); } .border-right-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-0-third-color { border-right: solid 0px var(--third-color); } .border-right-0-solid-third-color { border-right: solid 0px var(--third-color); } .border-right-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .border-right-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .border-right-0-5-third-color { border-right: solid 0.5px var(--third-color); } .border-right-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .border-right-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .border-right-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .border-right-1-third-color { border-right: solid 1px var(--third-color); } .border-right-1-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-1-5-third-color { border-right: solid 1.5px var(--third-color); } .border-right-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .border-right-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .border-right-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .border-right-2-third-color { border-right: solid 2px var(--third-color); } .border-right-2-solid-third-color { border-right: solid 2px var(--third-color); } .border-right-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .border-right-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .border-right-2-5-third-color { border-right: solid 2.5px var(--third-color); } .border-right-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .border-right-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .border-right-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .border-right-3-third-color { border-right: solid 3px var(--third-color); } .border-right-3-solid-third-color { border-right: solid 3px var(--third-color); } .border-right-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .border-right-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .border-right-first-third-color:first-child { border-right: solid 1px var(--third-color); } .border-right-last-third-color:last-child { border-right: solid 1px var(--third-color); } .border-right-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .border-right-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .border-top-third-color { border-top: solid 1px var(--third-color); } .border-top-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-0-third-color { border-top: solid 0px var(--third-color); } .border-top-0-solid-third-color { border-top: solid 0px var(--third-color); } .border-top-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .border-top-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .border-top-0-5-third-color { border-top: solid 0.5px var(--third-color); } .border-top-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .border-top-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .border-top-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .border-top-1-third-color { border-top: solid 1px var(--third-color); } .border-top-1-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-1-5-third-color { border-top: solid 1.5px var(--third-color); } .border-top-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .border-top-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .border-top-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .border-top-2-third-color { border-top: solid 2px var(--third-color); } .border-top-2-solid-third-color { border-top: solid 2px var(--third-color); } .border-top-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .border-top-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .border-top-2-5-third-color { border-top: solid 2.5px var(--third-color); } .border-top-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .border-top-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .border-top-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .border-top-3-third-color { border-top: solid 3px var(--third-color); } .border-top-3-solid-third-color { border-top: solid 3px var(--third-color); } .border-top-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .border-top-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .border-top-first-third-color:first-child { border-top: solid 1px var(--third-color); } .border-top-last-third-color:last-child { border-top: solid 1px var(--third-color); } .border-top-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .border-top-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .border-bottom-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-0-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .border-bottom-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .border-bottom-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .border-bottom-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .border-bottom-1-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .border-bottom-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .border-bottom-2-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .border-bottom-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .border-bottom-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .border-bottom-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .border-bottom-3-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .border-bottom-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .border-bottom-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .border-bottom-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .border-bottom-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .border-bottom-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .border-left-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-0-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .border-left-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .border-left-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .border-left-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .border-left-1-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .border-left-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .border-left-2-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .border-left-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .border-left-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .border-left-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .border-left-3-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .border-left-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .border-left-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .border-left-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .border-left-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .border-left-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .border-right-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-0-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .border-right-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .border-right-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .border-right-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .border-right-1-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .border-right-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .border-right-2-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .border-right-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .border-right-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .border-right-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .border-right-3-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .border-right-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .border-right-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .border-right-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .border-right-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .border-right-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .border-top-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-0-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .border-top-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .border-top-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .border-top-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .border-top-1-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .border-top-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .border-top-2-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .border-top-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .border-top-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .border-top-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .border-top-3-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .border-top-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .border-top-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .border-top-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .border-top-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .border-top-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .border-bottom-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .border-bottom-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .border-bottom-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .border-bottom-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .border-bottom-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .border-bottom-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .border-bottom-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .border-bottom-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .border-bottom-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .border-bottom-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .border-bottom-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .border-bottom-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .border-bottom-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .border-bottom-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .border-left-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-0-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .border-left-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .border-left-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .border-left-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .border-left-1-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .border-left-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .border-left-2-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .border-left-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .border-left-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .border-left-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .border-left-3-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .border-left-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .border-left-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .border-left-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .border-left-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .border-left-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .border-right-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-0-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .border-right-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .border-right-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .border-right-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .border-right-1-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .border-right-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .border-right-2-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .border-right-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .border-right-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .border-right-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .border-right-3-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .border-right-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .border-right-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .border-right-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .border-right-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .border-right-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .border-top-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-0-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .border-top-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .border-top-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .border-top-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .border-top-1-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .border-top-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .border-top-2-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .border-top-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .border-top-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .border-top-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .border-top-3-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .border-top-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .border-top-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .border-top-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .border-top-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .border-top-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .border-bottom-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .border-bottom-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .border-bottom-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .border-bottom-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .border-bottom-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .border-bottom-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .border-bottom-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .border-bottom-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .border-bottom-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .border-bottom-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .border-bottom-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .border-bottom-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .border-bottom-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .border-bottom-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .border-left-white { border-left: solid 1px var(--white); } .border-left-solid-white { border-left: solid 1px var(--white); } .border-left-dashed-white { border-left: dashed 1px var(--white); } .border-left-dotted-white { border-left: dotted 1px var(--white); } .border-left-0-white { border-left: solid 0px var(--white); } .border-left-0-solid-white { border-left: solid 0px var(--white); } .border-left-0-dashed-white { border-left: dashed 0px var(--white); } .border-left-0-dotted-white { border-left: dotted 0px var(--white); } .border-left-0-5-white { border-left: solid 0.5px var(--white); } .border-left-0-5-solid-white { border-left: solid 0.5px var(--white); } .border-left-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .border-left-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .border-left-1-white { border-left: solid 1px var(--white); } .border-left-1-solid-white { border-left: solid 1px var(--white); } .border-left-1-dashed-white { border-left: dashed 1px var(--white); } .border-left-1-dotted-white { border-left: dotted 1px var(--white); } .border-left-1-5-white { border-left: solid 1.5px var(--white); } .border-left-1-5-solid-white { border-left: solid 1.5px var(--white); } .border-left-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .border-left-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .border-left-2-white { border-left: solid 2px var(--white); } .border-left-2-solid-white { border-left: solid 2px var(--white); } .border-left-2-dashed-white { border-left: dashed 2px var(--white); } .border-left-2-dotted-white { border-left: dotted 2px var(--white); } .border-left-2-5-white { border-left: solid 2.5px var(--white); } .border-left-2-5-solid-white { border-left: solid 2.5px var(--white); } .border-left-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .border-left-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .border-left-3-white { border-left: solid 3px var(--white); } .border-left-3-solid-white { border-left: solid 3px var(--white); } .border-left-3-dashed-white { border-left: dashed 3px var(--white); } .border-left-3-dotted-white { border-left: dotted 3px var(--white); } .border-left-first-white:first-child { border-left: solid 1px var(--white); } .border-left-last-white:last-child { border-left: solid 1px var(--white); } .border-left-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .border-left-even-white:nth-child(even) { border-left: solid 1px var(--white); } .border-right-white { border-right: solid 1px var(--white); } .border-right-solid-white { border-right: solid 1px var(--white); } .border-right-dashed-white { border-right: dashed 1px var(--white); } .border-right-dotted-white { border-right: dotted 1px var(--white); } .border-right-0-white { border-right: solid 0px var(--white); } .border-right-0-solid-white { border-right: solid 0px var(--white); } .border-right-0-dashed-white { border-right: dashed 0px var(--white); } .border-right-0-dotted-white { border-right: dotted 0px var(--white); } .border-right-0-5-white { border-right: solid 0.5px var(--white); } .border-right-0-5-solid-white { border-right: solid 0.5px var(--white); } .border-right-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .border-right-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .border-right-1-white { border-right: solid 1px var(--white); } .border-right-1-solid-white { border-right: solid 1px var(--white); } .border-right-1-dashed-white { border-right: dashed 1px var(--white); } .border-right-1-dotted-white { border-right: dotted 1px var(--white); } .border-right-1-5-white { border-right: solid 1.5px var(--white); } .border-right-1-5-solid-white { border-right: solid 1.5px var(--white); } .border-right-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .border-right-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .border-right-2-white { border-right: solid 2px var(--white); } .border-right-2-solid-white { border-right: solid 2px var(--white); } .border-right-2-dashed-white { border-right: dashed 2px var(--white); } .border-right-2-dotted-white { border-right: dotted 2px var(--white); } .border-right-2-5-white { border-right: solid 2.5px var(--white); } .border-right-2-5-solid-white { border-right: solid 2.5px var(--white); } .border-right-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .border-right-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .border-right-3-white { border-right: solid 3px var(--white); } .border-right-3-solid-white { border-right: solid 3px var(--white); } .border-right-3-dashed-white { border-right: dashed 3px var(--white); } .border-right-3-dotted-white { border-right: dotted 3px var(--white); } .border-right-first-white:first-child { border-right: solid 1px var(--white); } .border-right-last-white:last-child { border-right: solid 1px var(--white); } .border-right-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .border-right-even-white:nth-child(even) { border-right: solid 1px var(--white); } .border-top-white { border-top: solid 1px var(--white); } .border-top-solid-white { border-top: solid 1px var(--white); } .border-top-dashed-white { border-top: dashed 1px var(--white); } .border-top-dotted-white { border-top: dotted 1px var(--white); } .border-top-0-white { border-top: solid 0px var(--white); } .border-top-0-solid-white { border-top: solid 0px var(--white); } .border-top-0-dashed-white { border-top: dashed 0px var(--white); } .border-top-0-dotted-white { border-top: dotted 0px var(--white); } .border-top-0-5-white { border-top: solid 0.5px var(--white); } .border-top-0-5-solid-white { border-top: solid 0.5px var(--white); } .border-top-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .border-top-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .border-top-1-white { border-top: solid 1px var(--white); } .border-top-1-solid-white { border-top: solid 1px var(--white); } .border-top-1-dashed-white { border-top: dashed 1px var(--white); } .border-top-1-dotted-white { border-top: dotted 1px var(--white); } .border-top-1-5-white { border-top: solid 1.5px var(--white); } .border-top-1-5-solid-white { border-top: solid 1.5px var(--white); } .border-top-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .border-top-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .border-top-2-white { border-top: solid 2px var(--white); } .border-top-2-solid-white { border-top: solid 2px var(--white); } .border-top-2-dashed-white { border-top: dashed 2px var(--white); } .border-top-2-dotted-white { border-top: dotted 2px var(--white); } .border-top-2-5-white { border-top: solid 2.5px var(--white); } .border-top-2-5-solid-white { border-top: solid 2.5px var(--white); } .border-top-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .border-top-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .border-top-3-white { border-top: solid 3px var(--white); } .border-top-3-solid-white { border-top: solid 3px var(--white); } .border-top-3-dashed-white { border-top: dashed 3px var(--white); } .border-top-3-dotted-white { border-top: dotted 3px var(--white); } .border-top-first-white:first-child { border-top: solid 1px var(--white); } .border-top-last-white:last-child { border-top: solid 1px var(--white); } .border-top-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .border-top-even-white:nth-child(even) { border-top: solid 1px var(--white); } .border-bottom-white { border-bottom: solid 1px var(--white); } .border-bottom-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-0-white { border-bottom: solid 0px var(--white); } .border-bottom-0-solid-white { border-bottom: solid 0px var(--white); } .border-bottom-0-dashed-white { border-bottom: dashed 0px var(--white); } .border-bottom-0-dotted-white { border-bottom: dotted 0px var(--white); } .border-bottom-0-5-white { border-bottom: solid 0.5px var(--white); } .border-bottom-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .border-bottom-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .border-bottom-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .border-bottom-1-white { border-bottom: solid 1px var(--white); } .border-bottom-1-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-1-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-1-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-1-5-white { border-bottom: solid 1.5px var(--white); } .border-bottom-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .border-bottom-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .border-bottom-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .border-bottom-2-white { border-bottom: solid 2px var(--white); } .border-bottom-2-solid-white { border-bottom: solid 2px var(--white); } .border-bottom-2-dashed-white { border-bottom: dashed 2px var(--white); } .border-bottom-2-dotted-white { border-bottom: dotted 2px var(--white); } .border-bottom-2-5-white { border-bottom: solid 2.5px var(--white); } .border-bottom-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .border-bottom-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .border-bottom-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .border-bottom-3-white { border-bottom: solid 3px var(--white); } .border-bottom-3-solid-white { border-bottom: solid 3px var(--white); } .border-bottom-3-dashed-white { border-bottom: dashed 3px var(--white); } .border-bottom-3-dotted-white { border-bottom: dotted 3px var(--white); } .border-bottom-first-white:first-child { border-bottom: solid 1px var(--white); } .border-bottom-last-white:last-child { border-bottom: solid 1px var(--white); } .border-bottom-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .border-bottom-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .border-left-black { border-left: solid 1px var(--black); } .border-left-solid-black { border-left: solid 1px var(--black); } .border-left-dashed-black { border-left: dashed 1px var(--black); } .border-left-dotted-black { border-left: dotted 1px var(--black); } .border-left-0-black { border-left: solid 0px var(--black); } .border-left-0-solid-black { border-left: solid 0px var(--black); } .border-left-0-dashed-black { border-left: dashed 0px var(--black); } .border-left-0-dotted-black { border-left: dotted 0px var(--black); } .border-left-0-5-black { border-left: solid 0.5px var(--black); } .border-left-0-5-solid-black { border-left: solid 0.5px var(--black); } .border-left-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .border-left-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .border-left-1-black { border-left: solid 1px var(--black); } .border-left-1-solid-black { border-left: solid 1px var(--black); } .border-left-1-dashed-black { border-left: dashed 1px var(--black); } .border-left-1-dotted-black { border-left: dotted 1px var(--black); } .border-left-1-5-black { border-left: solid 1.5px var(--black); } .border-left-1-5-solid-black { border-left: solid 1.5px var(--black); } .border-left-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .border-left-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .border-left-2-black { border-left: solid 2px var(--black); } .border-left-2-solid-black { border-left: solid 2px var(--black); } .border-left-2-dashed-black { border-left: dashed 2px var(--black); } .border-left-2-dotted-black { border-left: dotted 2px var(--black); } .border-left-2-5-black { border-left: solid 2.5px var(--black); } .border-left-2-5-solid-black { border-left: solid 2.5px var(--black); } .border-left-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .border-left-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .border-left-3-black { border-left: solid 3px var(--black); } .border-left-3-solid-black { border-left: solid 3px var(--black); } .border-left-3-dashed-black { border-left: dashed 3px var(--black); } .border-left-3-dotted-black { border-left: dotted 3px var(--black); } .border-left-first-black:first-child { border-left: solid 1px var(--black); } .border-left-last-black:last-child { border-left: solid 1px var(--black); } .border-left-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .border-left-even-black:nth-child(even) { border-left: solid 1px var(--black); } .border-right-black { border-right: solid 1px var(--black); } .border-right-solid-black { border-right: solid 1px var(--black); } .border-right-dashed-black { border-right: dashed 1px var(--black); } .border-right-dotted-black { border-right: dotted 1px var(--black); } .border-right-0-black { border-right: solid 0px var(--black); } .border-right-0-solid-black { border-right: solid 0px var(--black); } .border-right-0-dashed-black { border-right: dashed 0px var(--black); } .border-right-0-dotted-black { border-right: dotted 0px var(--black); } .border-right-0-5-black { border-right: solid 0.5px var(--black); } .border-right-0-5-solid-black { border-right: solid 0.5px var(--black); } .border-right-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .border-right-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .border-right-1-black { border-right: solid 1px var(--black); } .border-right-1-solid-black { border-right: solid 1px var(--black); } .border-right-1-dashed-black { border-right: dashed 1px var(--black); } .border-right-1-dotted-black { border-right: dotted 1px var(--black); } .border-right-1-5-black { border-right: solid 1.5px var(--black); } .border-right-1-5-solid-black { border-right: solid 1.5px var(--black); } .border-right-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .border-right-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .border-right-2-black { border-right: solid 2px var(--black); } .border-right-2-solid-black { border-right: solid 2px var(--black); } .border-right-2-dashed-black { border-right: dashed 2px var(--black); } .border-right-2-dotted-black { border-right: dotted 2px var(--black); } .border-right-2-5-black { border-right: solid 2.5px var(--black); } .border-right-2-5-solid-black { border-right: solid 2.5px var(--black); } .border-right-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .border-right-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .border-right-3-black { border-right: solid 3px var(--black); } .border-right-3-solid-black { border-right: solid 3px var(--black); } .border-right-3-dashed-black { border-right: dashed 3px var(--black); } .border-right-3-dotted-black { border-right: dotted 3px var(--black); } .border-right-first-black:first-child { border-right: solid 1px var(--black); } .border-right-last-black:last-child { border-right: solid 1px var(--black); } .border-right-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .border-right-even-black:nth-child(even) { border-right: solid 1px var(--black); } .border-top-black { border-top: solid 1px var(--black); } .border-top-solid-black { border-top: solid 1px var(--black); } .border-top-dashed-black { border-top: dashed 1px var(--black); } .border-top-dotted-black { border-top: dotted 1px var(--black); } .border-top-0-black { border-top: solid 0px var(--black); } .border-top-0-solid-black { border-top: solid 0px var(--black); } .border-top-0-dashed-black { border-top: dashed 0px var(--black); } .border-top-0-dotted-black { border-top: dotted 0px var(--black); } .border-top-0-5-black { border-top: solid 0.5px var(--black); } .border-top-0-5-solid-black { border-top: solid 0.5px var(--black); } .border-top-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .border-top-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .border-top-1-black { border-top: solid 1px var(--black); } .border-top-1-solid-black { border-top: solid 1px var(--black); } .border-top-1-dashed-black { border-top: dashed 1px var(--black); } .border-top-1-dotted-black { border-top: dotted 1px var(--black); } .border-top-1-5-black { border-top: solid 1.5px var(--black); } .border-top-1-5-solid-black { border-top: solid 1.5px var(--black); } .border-top-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .border-top-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .border-top-2-black { border-top: solid 2px var(--black); } .border-top-2-solid-black { border-top: solid 2px var(--black); } .border-top-2-dashed-black { border-top: dashed 2px var(--black); } .border-top-2-dotted-black { border-top: dotted 2px var(--black); } .border-top-2-5-black { border-top: solid 2.5px var(--black); } .border-top-2-5-solid-black { border-top: solid 2.5px var(--black); } .border-top-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .border-top-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .border-top-3-black { border-top: solid 3px var(--black); } .border-top-3-solid-black { border-top: solid 3px var(--black); } .border-top-3-dashed-black { border-top: dashed 3px var(--black); } .border-top-3-dotted-black { border-top: dotted 3px var(--black); } .border-top-first-black:first-child { border-top: solid 1px var(--black); } .border-top-last-black:last-child { border-top: solid 1px var(--black); } .border-top-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .border-top-even-black:nth-child(even) { border-top: solid 1px var(--black); } .border-bottom-black { border-bottom: solid 1px var(--black); } .border-bottom-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-0-black { border-bottom: solid 0px var(--black); } .border-bottom-0-solid-black { border-bottom: solid 0px var(--black); } .border-bottom-0-dashed-black { border-bottom: dashed 0px var(--black); } .border-bottom-0-dotted-black { border-bottom: dotted 0px var(--black); } .border-bottom-0-5-black { border-bottom: solid 0.5px var(--black); } .border-bottom-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .border-bottom-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .border-bottom-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .border-bottom-1-black { border-bottom: solid 1px var(--black); } .border-bottom-1-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-1-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-1-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-1-5-black { border-bottom: solid 1.5px var(--black); } .border-bottom-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .border-bottom-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .border-bottom-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .border-bottom-2-black { border-bottom: solid 2px var(--black); } .border-bottom-2-solid-black { border-bottom: solid 2px var(--black); } .border-bottom-2-dashed-black { border-bottom: dashed 2px var(--black); } .border-bottom-2-dotted-black { border-bottom: dotted 2px var(--black); } .border-bottom-2-5-black { border-bottom: solid 2.5px var(--black); } .border-bottom-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .border-bottom-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .border-bottom-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .border-bottom-3-black { border-bottom: solid 3px var(--black); } .border-bottom-3-solid-black { border-bottom: solid 3px var(--black); } .border-bottom-3-dashed-black { border-bottom: dashed 3px var(--black); } .border-bottom-3-dotted-black { border-bottom: dotted 3px var(--black); } .border-bottom-first-black:first-child { border-bottom: solid 1px var(--black); } .border-bottom-last-black:last-child { border-bottom: solid 1px var(--black); } .border-bottom-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .border-bottom-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .border-left-light-gray { border-left: solid 1px var(--light-gray); } .border-left-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-0-light-gray { border-left: solid 0px var(--light-gray); } .border-left-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .border-left-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .border-left-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .border-left-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .border-left-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .border-left-1-light-gray { border-left: solid 1px var(--light-gray); } .border-left-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .border-left-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .border-left-2-light-gray { border-left: solid 2px var(--light-gray); } .border-left-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .border-left-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .border-left-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .border-left-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .border-left-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .border-left-3-light-gray { border-left: solid 3px var(--light-gray); } .border-left-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .border-left-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .border-left-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .border-left-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .border-left-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .border-left-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .border-left-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .border-right-light-gray { border-right: solid 1px var(--light-gray); } .border-right-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-0-light-gray { border-right: solid 0px var(--light-gray); } .border-right-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .border-right-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .border-right-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .border-right-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .border-right-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .border-right-1-light-gray { border-right: solid 1px var(--light-gray); } .border-right-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .border-right-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .border-right-2-light-gray { border-right: solid 2px var(--light-gray); } .border-right-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .border-right-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .border-right-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .border-right-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .border-right-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .border-right-3-light-gray { border-right: solid 3px var(--light-gray); } .border-right-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .border-right-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .border-right-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .border-right-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .border-right-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .border-right-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .border-right-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .border-top-light-gray { border-top: solid 1px var(--light-gray); } .border-top-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-0-light-gray { border-top: solid 0px var(--light-gray); } .border-top-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .border-top-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .border-top-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .border-top-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .border-top-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .border-top-1-light-gray { border-top: solid 1px var(--light-gray); } .border-top-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .border-top-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .border-top-2-light-gray { border-top: solid 2px var(--light-gray); } .border-top-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .border-top-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .border-top-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .border-top-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .border-top-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .border-top-3-light-gray { border-top: solid 3px var(--light-gray); } .border-top-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .border-top-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .border-top-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .border-top-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .border-top-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .border-top-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .border-top-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .border-bottom-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-0-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .border-bottom-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .border-bottom-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .border-bottom-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .border-bottom-1-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .border-bottom-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .border-bottom-2-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .border-bottom-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .border-bottom-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .border-bottom-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .border-bottom-3-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .border-bottom-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .border-bottom-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .border-bottom-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .border-left-gray { border-left: solid 1px var(--gray); } .border-left-solid-gray { border-left: solid 1px var(--gray); } .border-left-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-0-gray { border-left: solid 0px var(--gray); } .border-left-0-solid-gray { border-left: solid 0px var(--gray); } .border-left-0-dashed-gray { border-left: dashed 0px var(--gray); } .border-left-0-dotted-gray { border-left: dotted 0px var(--gray); } .border-left-0-5-gray { border-left: solid 0.5px var(--gray); } .border-left-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .border-left-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .border-left-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .border-left-1-gray { border-left: solid 1px var(--gray); } .border-left-1-solid-gray { border-left: solid 1px var(--gray); } .border-left-1-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-1-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-1-5-gray { border-left: solid 1.5px var(--gray); } .border-left-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .border-left-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .border-left-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .border-left-2-gray { border-left: solid 2px var(--gray); } .border-left-2-solid-gray { border-left: solid 2px var(--gray); } .border-left-2-dashed-gray { border-left: dashed 2px var(--gray); } .border-left-2-dotted-gray { border-left: dotted 2px var(--gray); } .border-left-2-5-gray { border-left: solid 2.5px var(--gray); } .border-left-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .border-left-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .border-left-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .border-left-3-gray { border-left: solid 3px var(--gray); } .border-left-3-solid-gray { border-left: solid 3px var(--gray); } .border-left-3-dashed-gray { border-left: dashed 3px var(--gray); } .border-left-3-dotted-gray { border-left: dotted 3px var(--gray); } .border-left-first-gray:first-child { border-left: solid 1px var(--gray); } .border-left-last-gray:last-child { border-left: solid 1px var(--gray); } .border-left-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .border-left-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .border-right-gray { border-right: solid 1px var(--gray); } .border-right-solid-gray { border-right: solid 1px var(--gray); } .border-right-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-0-gray { border-right: solid 0px var(--gray); } .border-right-0-solid-gray { border-right: solid 0px var(--gray); } .border-right-0-dashed-gray { border-right: dashed 0px var(--gray); } .border-right-0-dotted-gray { border-right: dotted 0px var(--gray); } .border-right-0-5-gray { border-right: solid 0.5px var(--gray); } .border-right-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .border-right-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .border-right-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .border-right-1-gray { border-right: solid 1px var(--gray); } .border-right-1-solid-gray { border-right: solid 1px var(--gray); } .border-right-1-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-1-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-1-5-gray { border-right: solid 1.5px var(--gray); } .border-right-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .border-right-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .border-right-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .border-right-2-gray { border-right: solid 2px var(--gray); } .border-right-2-solid-gray { border-right: solid 2px var(--gray); } .border-right-2-dashed-gray { border-right: dashed 2px var(--gray); } .border-right-2-dotted-gray { border-right: dotted 2px var(--gray); } .border-right-2-5-gray { border-right: solid 2.5px var(--gray); } .border-right-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .border-right-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .border-right-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .border-right-3-gray { border-right: solid 3px var(--gray); } .border-right-3-solid-gray { border-right: solid 3px var(--gray); } .border-right-3-dashed-gray { border-right: dashed 3px var(--gray); } .border-right-3-dotted-gray { border-right: dotted 3px var(--gray); } .border-right-first-gray:first-child { border-right: solid 1px var(--gray); } .border-right-last-gray:last-child { border-right: solid 1px var(--gray); } .border-right-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .border-right-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .border-top-gray { border-top: solid 1px var(--gray); } .border-top-solid-gray { border-top: solid 1px var(--gray); } .border-top-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-0-gray { border-top: solid 0px var(--gray); } .border-top-0-solid-gray { border-top: solid 0px var(--gray); } .border-top-0-dashed-gray { border-top: dashed 0px var(--gray); } .border-top-0-dotted-gray { border-top: dotted 0px var(--gray); } .border-top-0-5-gray { border-top: solid 0.5px var(--gray); } .border-top-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .border-top-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .border-top-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .border-top-1-gray { border-top: solid 1px var(--gray); } .border-top-1-solid-gray { border-top: solid 1px var(--gray); } .border-top-1-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-1-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-1-5-gray { border-top: solid 1.5px var(--gray); } .border-top-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .border-top-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .border-top-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .border-top-2-gray { border-top: solid 2px var(--gray); } .border-top-2-solid-gray { border-top: solid 2px var(--gray); } .border-top-2-dashed-gray { border-top: dashed 2px var(--gray); } .border-top-2-dotted-gray { border-top: dotted 2px var(--gray); } .border-top-2-5-gray { border-top: solid 2.5px var(--gray); } .border-top-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .border-top-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .border-top-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .border-top-3-gray { border-top: solid 3px var(--gray); } .border-top-3-solid-gray { border-top: solid 3px var(--gray); } .border-top-3-dashed-gray { border-top: dashed 3px var(--gray); } .border-top-3-dotted-gray { border-top: dotted 3px var(--gray); } .border-top-first-gray:first-child { border-top: solid 1px var(--gray); } .border-top-last-gray:last-child { border-top: solid 1px var(--gray); } .border-top-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .border-top-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .border-bottom-gray { border-bottom: solid 1px var(--gray); } .border-bottom-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-0-gray { border-bottom: solid 0px var(--gray); } .border-bottom-0-solid-gray { border-bottom: solid 0px var(--gray); } .border-bottom-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .border-bottom-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .border-bottom-0-5-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .border-bottom-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .border-bottom-1-gray { border-bottom: solid 1px var(--gray); } .border-bottom-1-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-1-5-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .border-bottom-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .border-bottom-2-gray { border-bottom: solid 2px var(--gray); } .border-bottom-2-solid-gray { border-bottom: solid 2px var(--gray); } .border-bottom-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .border-bottom-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .border-bottom-2-5-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .border-bottom-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .border-bottom-3-gray { border-bottom: solid 3px var(--gray); } .border-bottom-3-solid-gray { border-bottom: solid 3px var(--gray); } .border-bottom-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .border-bottom-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .border-bottom-first-gray:first-child { border-bottom: solid 1px var(--gray); } .border-bottom-last-gray:last-child { border-bottom: solid 1px var(--gray); } .border-bottom-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .border-bottom-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .border-left-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-0-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .border-left-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .border-left-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .border-left-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .border-left-1-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .border-left-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .border-left-2-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .border-left-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .border-left-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .border-left-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .border-left-3-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .border-left-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .border-left-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .border-left-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .border-left-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .border-left-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .border-right-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-0-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .border-right-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .border-right-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .border-right-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .border-right-1-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .border-right-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .border-right-2-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .border-right-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .border-right-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .border-right-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .border-right-3-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .border-right-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .border-right-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .border-right-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .border-right-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .border-right-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .border-top-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-0-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .border-top-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .border-top-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .border-top-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .border-top-1-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .border-top-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .border-top-2-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .border-top-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .border-top-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .border-top-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .border-top-3-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .border-top-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .border-top-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .border-top-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .border-top-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .border-top-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .border-bottom-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .border-bottom-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .border-bottom-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .border-bottom-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .border-bottom-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .border-bottom-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .border-bottom-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .border-bottom-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .border-bottom-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .border-bottom-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .border-bottom-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .border-bottom-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .border-bottom-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .border-bottom-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .border-left-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-0-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .border-left-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .border-left-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .border-left-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .border-left-1-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .border-left-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .border-left-2-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .border-left-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .border-left-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .border-left-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .border-left-3-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .border-left-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .border-left-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .border-left-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .border-left-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .border-left-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .border-right-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-0-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .border-right-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .border-right-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .border-right-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .border-right-1-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .border-right-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .border-right-2-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .border-right-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .border-right-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .border-right-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .border-right-3-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .border-right-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .border-right-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .border-right-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .border-right-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .border-right-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .border-top-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-0-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .border-top-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .border-top-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .border-top-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .border-top-1-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .border-top-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .border-top-2-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .border-top-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .border-top-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .border-top-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .border-top-3-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .border-top-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .border-top-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .border-top-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .border-top-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .border-top-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .border-bottom-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .border-bottom-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .border-bottom-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .border-bottom-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .border-bottom-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .border-bottom-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .border-bottom-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .border-bottom-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .border-bottom-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .border-bottom-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .border-bottom-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .border-bottom-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .border-bottom-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .border-bottom-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .border-left-body-background { border-left: solid 1px var(--body-background); } .border-left-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-0-body-background { border-left: solid 0px var(--body-background); } .border-left-0-solid-body-background { border-left: solid 0px var(--body-background); } .border-left-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .border-left-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .border-left-0-5-body-background { border-left: solid 0.5px var(--body-background); } .border-left-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .border-left-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .border-left-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .border-left-1-body-background { border-left: solid 1px var(--body-background); } .border-left-1-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-1-5-body-background { border-left: solid 1.5px var(--body-background); } .border-left-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .border-left-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .border-left-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .border-left-2-body-background { border-left: solid 2px var(--body-background); } .border-left-2-solid-body-background { border-left: solid 2px var(--body-background); } .border-left-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .border-left-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .border-left-2-5-body-background { border-left: solid 2.5px var(--body-background); } .border-left-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .border-left-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .border-left-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .border-left-3-body-background { border-left: solid 3px var(--body-background); } .border-left-3-solid-body-background { border-left: solid 3px var(--body-background); } .border-left-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .border-left-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .border-left-first-body-background:first-child { border-left: solid 1px var(--body-background); } .border-left-last-body-background:last-child { border-left: solid 1px var(--body-background); } .border-left-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .border-left-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .border-right-body-background { border-right: solid 1px var(--body-background); } .border-right-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-0-body-background { border-right: solid 0px var(--body-background); } .border-right-0-solid-body-background { border-right: solid 0px var(--body-background); } .border-right-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .border-right-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .border-right-0-5-body-background { border-right: solid 0.5px var(--body-background); } .border-right-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .border-right-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .border-right-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .border-right-1-body-background { border-right: solid 1px var(--body-background); } .border-right-1-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-1-5-body-background { border-right: solid 1.5px var(--body-background); } .border-right-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .border-right-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .border-right-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .border-right-2-body-background { border-right: solid 2px var(--body-background); } .border-right-2-solid-body-background { border-right: solid 2px var(--body-background); } .border-right-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .border-right-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .border-right-2-5-body-background { border-right: solid 2.5px var(--body-background); } .border-right-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .border-right-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .border-right-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .border-right-3-body-background { border-right: solid 3px var(--body-background); } .border-right-3-solid-body-background { border-right: solid 3px var(--body-background); } .border-right-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .border-right-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .border-right-first-body-background:first-child { border-right: solid 1px var(--body-background); } .border-right-last-body-background:last-child { border-right: solid 1px var(--body-background); } .border-right-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .border-right-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .border-top-body-background { border-top: solid 1px var(--body-background); } .border-top-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-0-body-background { border-top: solid 0px var(--body-background); } .border-top-0-solid-body-background { border-top: solid 0px var(--body-background); } .border-top-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .border-top-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .border-top-0-5-body-background { border-top: solid 0.5px var(--body-background); } .border-top-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .border-top-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .border-top-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .border-top-1-body-background { border-top: solid 1px var(--body-background); } .border-top-1-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-1-5-body-background { border-top: solid 1.5px var(--body-background); } .border-top-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .border-top-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .border-top-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .border-top-2-body-background { border-top: solid 2px var(--body-background); } .border-top-2-solid-body-background { border-top: solid 2px var(--body-background); } .border-top-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .border-top-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .border-top-2-5-body-background { border-top: solid 2.5px var(--body-background); } .border-top-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .border-top-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .border-top-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .border-top-3-body-background { border-top: solid 3px var(--body-background); } .border-top-3-solid-body-background { border-top: solid 3px var(--body-background); } .border-top-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .border-top-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .border-top-first-body-background:first-child { border-top: solid 1px var(--body-background); } .border-top-last-body-background:last-child { border-top: solid 1px var(--body-background); } .border-top-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .border-top-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .border-bottom-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-0-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .border-bottom-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .border-bottom-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .border-bottom-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .border-bottom-1-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .border-bottom-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .border-bottom-2-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .border-bottom-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .border-bottom-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .border-bottom-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .border-bottom-3-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .border-bottom-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .border-bottom-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .border-bottom-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .border-bottom-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .border-bottom-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .border-left-header-background { border-left: solid 1px var(--header-background); } .border-left-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-0-header-background { border-left: solid 0px var(--header-background); } .border-left-0-solid-header-background { border-left: solid 0px var(--header-background); } .border-left-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .border-left-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .border-left-0-5-header-background { border-left: solid 0.5px var(--header-background); } .border-left-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .border-left-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .border-left-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .border-left-1-header-background { border-left: solid 1px var(--header-background); } .border-left-1-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-1-5-header-background { border-left: solid 1.5px var(--header-background); } .border-left-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .border-left-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .border-left-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .border-left-2-header-background { border-left: solid 2px var(--header-background); } .border-left-2-solid-header-background { border-left: solid 2px var(--header-background); } .border-left-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .border-left-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .border-left-2-5-header-background { border-left: solid 2.5px var(--header-background); } .border-left-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .border-left-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .border-left-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .border-left-3-header-background { border-left: solid 3px var(--header-background); } .border-left-3-solid-header-background { border-left: solid 3px var(--header-background); } .border-left-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .border-left-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .border-left-first-header-background:first-child { border-left: solid 1px var(--header-background); } .border-left-last-header-background:last-child { border-left: solid 1px var(--header-background); } .border-left-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .border-left-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .border-right-header-background { border-right: solid 1px var(--header-background); } .border-right-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-0-header-background { border-right: solid 0px var(--header-background); } .border-right-0-solid-header-background { border-right: solid 0px var(--header-background); } .border-right-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .border-right-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .border-right-0-5-header-background { border-right: solid 0.5px var(--header-background); } .border-right-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .border-right-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .border-right-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .border-right-1-header-background { border-right: solid 1px var(--header-background); } .border-right-1-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-1-5-header-background { border-right: solid 1.5px var(--header-background); } .border-right-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .border-right-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .border-right-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .border-right-2-header-background { border-right: solid 2px var(--header-background); } .border-right-2-solid-header-background { border-right: solid 2px var(--header-background); } .border-right-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .border-right-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .border-right-2-5-header-background { border-right: solid 2.5px var(--header-background); } .border-right-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .border-right-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .border-right-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .border-right-3-header-background { border-right: solid 3px var(--header-background); } .border-right-3-solid-header-background { border-right: solid 3px var(--header-background); } .border-right-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .border-right-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .border-right-first-header-background:first-child { border-right: solid 1px var(--header-background); } .border-right-last-header-background:last-child { border-right: solid 1px var(--header-background); } .border-right-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .border-right-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .border-top-header-background { border-top: solid 1px var(--header-background); } .border-top-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-0-header-background { border-top: solid 0px var(--header-background); } .border-top-0-solid-header-background { border-top: solid 0px var(--header-background); } .border-top-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .border-top-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .border-top-0-5-header-background { border-top: solid 0.5px var(--header-background); } .border-top-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .border-top-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .border-top-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .border-top-1-header-background { border-top: solid 1px var(--header-background); } .border-top-1-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-1-5-header-background { border-top: solid 1.5px var(--header-background); } .border-top-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .border-top-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .border-top-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .border-top-2-header-background { border-top: solid 2px var(--header-background); } .border-top-2-solid-header-background { border-top: solid 2px var(--header-background); } .border-top-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .border-top-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .border-top-2-5-header-background { border-top: solid 2.5px var(--header-background); } .border-top-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .border-top-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .border-top-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .border-top-3-header-background { border-top: solid 3px var(--header-background); } .border-top-3-solid-header-background { border-top: solid 3px var(--header-background); } .border-top-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .border-top-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .border-top-first-header-background:first-child { border-top: solid 1px var(--header-background); } .border-top-last-header-background:last-child { border-top: solid 1px var(--header-background); } .border-top-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .border-top-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .border-bottom-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-0-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .border-bottom-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .border-bottom-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .border-bottom-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .border-bottom-1-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .border-bottom-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .border-bottom-2-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .border-bottom-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .border-bottom-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .border-bottom-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .border-bottom-3-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .border-bottom-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .border-bottom-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .border-bottom-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .border-bottom-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .border-bottom-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .border-left-font-color { border-left: solid 1px var(--font-color); } .border-left-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-0-font-color { border-left: solid 0px var(--font-color); } .border-left-0-solid-font-color { border-left: solid 0px var(--font-color); } .border-left-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .border-left-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .border-left-0-5-font-color { border-left: solid 0.5px var(--font-color); } .border-left-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .border-left-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .border-left-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .border-left-1-font-color { border-left: solid 1px var(--font-color); } .border-left-1-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-1-5-font-color { border-left: solid 1.5px var(--font-color); } .border-left-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .border-left-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .border-left-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .border-left-2-font-color { border-left: solid 2px var(--font-color); } .border-left-2-solid-font-color { border-left: solid 2px var(--font-color); } .border-left-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .border-left-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .border-left-2-5-font-color { border-left: solid 2.5px var(--font-color); } .border-left-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .border-left-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .border-left-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .border-left-3-font-color { border-left: solid 3px var(--font-color); } .border-left-3-solid-font-color { border-left: solid 3px var(--font-color); } .border-left-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .border-left-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .border-left-first-font-color:first-child { border-left: solid 1px var(--font-color); } .border-left-last-font-color:last-child { border-left: solid 1px var(--font-color); } .border-left-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .border-left-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .border-right-font-color { border-right: solid 1px var(--font-color); } .border-right-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-0-font-color { border-right: solid 0px var(--font-color); } .border-right-0-solid-font-color { border-right: solid 0px var(--font-color); } .border-right-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .border-right-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .border-right-0-5-font-color { border-right: solid 0.5px var(--font-color); } .border-right-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .border-right-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .border-right-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .border-right-1-font-color { border-right: solid 1px var(--font-color); } .border-right-1-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-1-5-font-color { border-right: solid 1.5px var(--font-color); } .border-right-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .border-right-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .border-right-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .border-right-2-font-color { border-right: solid 2px var(--font-color); } .border-right-2-solid-font-color { border-right: solid 2px var(--font-color); } .border-right-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .border-right-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .border-right-2-5-font-color { border-right: solid 2.5px var(--font-color); } .border-right-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .border-right-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .border-right-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .border-right-3-font-color { border-right: solid 3px var(--font-color); } .border-right-3-solid-font-color { border-right: solid 3px var(--font-color); } .border-right-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .border-right-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .border-right-first-font-color:first-child { border-right: solid 1px var(--font-color); } .border-right-last-font-color:last-child { border-right: solid 1px var(--font-color); } .border-right-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .border-right-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .border-top-font-color { border-top: solid 1px var(--font-color); } .border-top-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-0-font-color { border-top: solid 0px var(--font-color); } .border-top-0-solid-font-color { border-top: solid 0px var(--font-color); } .border-top-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .border-top-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .border-top-0-5-font-color { border-top: solid 0.5px var(--font-color); } .border-top-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .border-top-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .border-top-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .border-top-1-font-color { border-top: solid 1px var(--font-color); } .border-top-1-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-1-5-font-color { border-top: solid 1.5px var(--font-color); } .border-top-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .border-top-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .border-top-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .border-top-2-font-color { border-top: solid 2px var(--font-color); } .border-top-2-solid-font-color { border-top: solid 2px var(--font-color); } .border-top-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .border-top-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .border-top-2-5-font-color { border-top: solid 2.5px var(--font-color); } .border-top-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .border-top-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .border-top-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .border-top-3-font-color { border-top: solid 3px var(--font-color); } .border-top-3-solid-font-color { border-top: solid 3px var(--font-color); } .border-top-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .border-top-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .border-top-first-font-color:first-child { border-top: solid 1px var(--font-color); } .border-top-last-font-color:last-child { border-top: solid 1px var(--font-color); } .border-top-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .border-top-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .border-bottom-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-0-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .border-bottom-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .border-bottom-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .border-bottom-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .border-bottom-1-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .border-bottom-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .border-bottom-2-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .border-bottom-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .border-bottom-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .border-bottom-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .border-bottom-3-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .border-bottom-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .border-bottom-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .border-bottom-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .border-bottom-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .border-bottom-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .border-left-first-none:first-child { border-left: none; } .border-left-last-none:last-child { border-left: none; } .border-left-odd-none:nth-child(odd) { border-left: none; } .border-left-even-none:nth-child(even) { border-left: none; } .border-right-first-none:first-child { border-right: none; } .border-right-last-none:last-child { border-right: none; } .border-right-odd-none:nth-child(odd) { border-right: none; } .border-right-even-none:nth-child(even) { border-right: none; } .border-top-first-none:first-child { border-top: none; } .border-top-last-none:last-child { border-top: none; } .border-top-odd-none:nth-child(odd) { border-top: none; } .border-top-even-none:nth-child(even) { border-top: none; } .border-bottom-first-none:first-child { border-bottom: none; } .border-bottom-last-none:last-child { border-bottom: none; } .border-bottom-odd-none:nth-child(odd) { border-bottom: none; } .border-bottom-even-none:nth-child(even) { border-bottom: none; } @media (prefers-color-scheme: light) { .border-left-base-color { border-left: solid 1px var(--base-color); } .border-left-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-0-base-color { border-left: solid 0px var(--base-color); } .border-left-0-solid-base-color { border-left: solid 0px var(--base-color); } .border-left-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .border-left-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .border-left-0-5-base-color { border-left: solid 0.5px var(--base-color); } .border-left-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .border-left-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .border-left-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .border-left-1-base-color { border-left: solid 1px var(--base-color); } .border-left-1-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-1-5-base-color { border-left: solid 1.5px var(--base-color); } .border-left-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .border-left-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .border-left-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .border-left-2-base-color { border-left: solid 2px var(--base-color); } .border-left-2-solid-base-color { border-left: solid 2px var(--base-color); } .border-left-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .border-left-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .border-left-2-5-base-color { border-left: solid 2.5px var(--base-color); } .border-left-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .border-left-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .border-left-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .border-left-3-base-color { border-left: solid 3px var(--base-color); } .border-left-3-solid-base-color { border-left: solid 3px var(--base-color); } .border-left-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .border-left-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .border-left-first-base-color:first-child { border-left: solid 1px var(--base-color); } .border-left-last-base-color:last-child { border-left: solid 1px var(--base-color); } .border-left-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .border-left-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .border-right-base-color { border-right: solid 1px var(--base-color); } .border-right-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-0-base-color { border-right: solid 0px var(--base-color); } .border-right-0-solid-base-color { border-right: solid 0px var(--base-color); } .border-right-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .border-right-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .border-right-0-5-base-color { border-right: solid 0.5px var(--base-color); } .border-right-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .border-right-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .border-right-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .border-right-1-base-color { border-right: solid 1px var(--base-color); } .border-right-1-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-1-5-base-color { border-right: solid 1.5px var(--base-color); } .border-right-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .border-right-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .border-right-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .border-right-2-base-color { border-right: solid 2px var(--base-color); } .border-right-2-solid-base-color { border-right: solid 2px var(--base-color); } .border-right-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .border-right-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .border-right-2-5-base-color { border-right: solid 2.5px var(--base-color); } .border-right-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .border-right-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .border-right-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .border-right-3-base-color { border-right: solid 3px var(--base-color); } .border-right-3-solid-base-color { border-right: solid 3px var(--base-color); } .border-right-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .border-right-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .border-right-first-base-color:first-child { border-right: solid 1px var(--base-color); } .border-right-last-base-color:last-child { border-right: solid 1px var(--base-color); } .border-right-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .border-right-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .border-top-base-color { border-top: solid 1px var(--base-color); } .border-top-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-0-base-color { border-top: solid 0px var(--base-color); } .border-top-0-solid-base-color { border-top: solid 0px var(--base-color); } .border-top-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .border-top-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .border-top-0-5-base-color { border-top: solid 0.5px var(--base-color); } .border-top-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .border-top-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .border-top-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .border-top-1-base-color { border-top: solid 1px var(--base-color); } .border-top-1-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-1-5-base-color { border-top: solid 1.5px var(--base-color); } .border-top-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .border-top-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .border-top-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .border-top-2-base-color { border-top: solid 2px var(--base-color); } .border-top-2-solid-base-color { border-top: solid 2px var(--base-color); } .border-top-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .border-top-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .border-top-2-5-base-color { border-top: solid 2.5px var(--base-color); } .border-top-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .border-top-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .border-top-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .border-top-3-base-color { border-top: solid 3px var(--base-color); } .border-top-3-solid-base-color { border-top: solid 3px var(--base-color); } .border-top-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .border-top-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .border-top-first-base-color:first-child { border-top: solid 1px var(--base-color); } .border-top-last-base-color:last-child { border-top: solid 1px var(--base-color); } .border-top-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .border-top-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .border-bottom-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-0-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .border-bottom-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .border-bottom-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .border-bottom-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .border-bottom-1-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .border-bottom-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .border-bottom-2-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .border-bottom-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .border-bottom-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .border-bottom-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .border-bottom-3-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .border-bottom-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .border-bottom-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .border-bottom-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .border-bottom-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .border-bottom-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .border-left-second-color { border-left: solid 1px var(--second-color); } .border-left-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-0-second-color { border-left: solid 0px var(--second-color); } .border-left-0-solid-second-color { border-left: solid 0px var(--second-color); } .border-left-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .border-left-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .border-left-0-5-second-color { border-left: solid 0.5px var(--second-color); } .border-left-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .border-left-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .border-left-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .border-left-1-second-color { border-left: solid 1px var(--second-color); } .border-left-1-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-1-5-second-color { border-left: solid 1.5px var(--second-color); } .border-left-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .border-left-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .border-left-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .border-left-2-second-color { border-left: solid 2px var(--second-color); } .border-left-2-solid-second-color { border-left: solid 2px var(--second-color); } .border-left-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .border-left-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .border-left-2-5-second-color { border-left: solid 2.5px var(--second-color); } .border-left-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .border-left-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .border-left-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .border-left-3-second-color { border-left: solid 3px var(--second-color); } .border-left-3-solid-second-color { border-left: solid 3px var(--second-color); } .border-left-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .border-left-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .border-left-first-second-color:first-child { border-left: solid 1px var(--second-color); } .border-left-last-second-color:last-child { border-left: solid 1px var(--second-color); } .border-left-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .border-left-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .border-right-second-color { border-right: solid 1px var(--second-color); } .border-right-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-0-second-color { border-right: solid 0px var(--second-color); } .border-right-0-solid-second-color { border-right: solid 0px var(--second-color); } .border-right-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .border-right-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .border-right-0-5-second-color { border-right: solid 0.5px var(--second-color); } .border-right-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .border-right-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .border-right-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .border-right-1-second-color { border-right: solid 1px var(--second-color); } .border-right-1-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-1-5-second-color { border-right: solid 1.5px var(--second-color); } .border-right-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .border-right-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .border-right-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .border-right-2-second-color { border-right: solid 2px var(--second-color); } .border-right-2-solid-second-color { border-right: solid 2px var(--second-color); } .border-right-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .border-right-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .border-right-2-5-second-color { border-right: solid 2.5px var(--second-color); } .border-right-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .border-right-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .border-right-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .border-right-3-second-color { border-right: solid 3px var(--second-color); } .border-right-3-solid-second-color { border-right: solid 3px var(--second-color); } .border-right-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .border-right-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .border-right-first-second-color:first-child { border-right: solid 1px var(--second-color); } .border-right-last-second-color:last-child { border-right: solid 1px var(--second-color); } .border-right-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .border-right-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .border-top-second-color { border-top: solid 1px var(--second-color); } .border-top-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-0-second-color { border-top: solid 0px var(--second-color); } .border-top-0-solid-second-color { border-top: solid 0px var(--second-color); } .border-top-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .border-top-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .border-top-0-5-second-color { border-top: solid 0.5px var(--second-color); } .border-top-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .border-top-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .border-top-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .border-top-1-second-color { border-top: solid 1px var(--second-color); } .border-top-1-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-1-5-second-color { border-top: solid 1.5px var(--second-color); } .border-top-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .border-top-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .border-top-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .border-top-2-second-color { border-top: solid 2px var(--second-color); } .border-top-2-solid-second-color { border-top: solid 2px var(--second-color); } .border-top-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .border-top-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .border-top-2-5-second-color { border-top: solid 2.5px var(--second-color); } .border-top-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .border-top-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .border-top-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .border-top-3-second-color { border-top: solid 3px var(--second-color); } .border-top-3-solid-second-color { border-top: solid 3px var(--second-color); } .border-top-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .border-top-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .border-top-first-second-color:first-child { border-top: solid 1px var(--second-color); } .border-top-last-second-color:last-child { border-top: solid 1px var(--second-color); } .border-top-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .border-top-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .border-bottom-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-0-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .border-bottom-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .border-bottom-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .border-bottom-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .border-bottom-1-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .border-bottom-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .border-bottom-2-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .border-bottom-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .border-bottom-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .border-bottom-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .border-bottom-3-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .border-bottom-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .border-bottom-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .border-bottom-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .border-bottom-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .border-bottom-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .border-left-third-color { border-left: solid 1px var(--third-color); } .border-left-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-0-third-color { border-left: solid 0px var(--third-color); } .border-left-0-solid-third-color { border-left: solid 0px var(--third-color); } .border-left-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .border-left-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .border-left-0-5-third-color { border-left: solid 0.5px var(--third-color); } .border-left-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .border-left-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .border-left-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .border-left-1-third-color { border-left: solid 1px var(--third-color); } .border-left-1-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-1-5-third-color { border-left: solid 1.5px var(--third-color); } .border-left-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .border-left-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .border-left-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .border-left-2-third-color { border-left: solid 2px var(--third-color); } .border-left-2-solid-third-color { border-left: solid 2px var(--third-color); } .border-left-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .border-left-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .border-left-2-5-third-color { border-left: solid 2.5px var(--third-color); } .border-left-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .border-left-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .border-left-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .border-left-3-third-color { border-left: solid 3px var(--third-color); } .border-left-3-solid-third-color { border-left: solid 3px var(--third-color); } .border-left-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .border-left-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .border-left-first-third-color:first-child { border-left: solid 1px var(--third-color); } .border-left-last-third-color:last-child { border-left: solid 1px var(--third-color); } .border-left-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .border-left-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .border-right-third-color { border-right: solid 1px var(--third-color); } .border-right-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-0-third-color { border-right: solid 0px var(--third-color); } .border-right-0-solid-third-color { border-right: solid 0px var(--third-color); } .border-right-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .border-right-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .border-right-0-5-third-color { border-right: solid 0.5px var(--third-color); } .border-right-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .border-right-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .border-right-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .border-right-1-third-color { border-right: solid 1px var(--third-color); } .border-right-1-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-1-5-third-color { border-right: solid 1.5px var(--third-color); } .border-right-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .border-right-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .border-right-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .border-right-2-third-color { border-right: solid 2px var(--third-color); } .border-right-2-solid-third-color { border-right: solid 2px var(--third-color); } .border-right-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .border-right-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .border-right-2-5-third-color { border-right: solid 2.5px var(--third-color); } .border-right-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .border-right-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .border-right-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .border-right-3-third-color { border-right: solid 3px var(--third-color); } .border-right-3-solid-third-color { border-right: solid 3px var(--third-color); } .border-right-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .border-right-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .border-right-first-third-color:first-child { border-right: solid 1px var(--third-color); } .border-right-last-third-color:last-child { border-right: solid 1px var(--third-color); } .border-right-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .border-right-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .border-top-third-color { border-top: solid 1px var(--third-color); } .border-top-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-0-third-color { border-top: solid 0px var(--third-color); } .border-top-0-solid-third-color { border-top: solid 0px var(--third-color); } .border-top-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .border-top-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .border-top-0-5-third-color { border-top: solid 0.5px var(--third-color); } .border-top-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .border-top-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .border-top-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .border-top-1-third-color { border-top: solid 1px var(--third-color); } .border-top-1-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-1-5-third-color { border-top: solid 1.5px var(--third-color); } .border-top-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .border-top-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .border-top-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .border-top-2-third-color { border-top: solid 2px var(--third-color); } .border-top-2-solid-third-color { border-top: solid 2px var(--third-color); } .border-top-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .border-top-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .border-top-2-5-third-color { border-top: solid 2.5px var(--third-color); } .border-top-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .border-top-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .border-top-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .border-top-3-third-color { border-top: solid 3px var(--third-color); } .border-top-3-solid-third-color { border-top: solid 3px var(--third-color); } .border-top-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .border-top-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .border-top-first-third-color:first-child { border-top: solid 1px var(--third-color); } .border-top-last-third-color:last-child { border-top: solid 1px var(--third-color); } .border-top-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .border-top-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .border-bottom-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-0-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .border-bottom-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .border-bottom-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .border-bottom-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .border-bottom-1-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .border-bottom-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .border-bottom-2-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .border-bottom-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .border-bottom-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .border-bottom-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .border-bottom-3-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .border-bottom-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .border-bottom-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .border-bottom-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .border-bottom-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .border-bottom-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .border-left-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-0-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .border-left-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .border-left-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .border-left-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .border-left-1-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .border-left-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .border-left-2-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .border-left-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .border-left-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .border-left-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .border-left-3-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .border-left-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .border-left-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .border-left-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .border-left-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .border-left-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .border-right-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-0-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .border-right-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .border-right-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .border-right-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .border-right-1-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .border-right-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .border-right-2-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .border-right-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .border-right-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .border-right-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .border-right-3-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .border-right-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .border-right-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .border-right-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .border-right-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .border-right-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .border-top-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-0-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .border-top-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .border-top-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .border-top-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .border-top-1-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .border-top-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .border-top-2-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .border-top-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .border-top-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .border-top-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .border-top-3-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .border-top-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .border-top-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .border-top-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .border-top-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .border-top-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .border-bottom-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .border-bottom-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .border-bottom-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .border-bottom-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .border-bottom-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .border-bottom-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .border-bottom-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .border-bottom-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .border-bottom-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .border-bottom-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .border-bottom-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .border-bottom-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .border-bottom-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .border-bottom-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .border-left-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-0-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .border-left-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .border-left-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .border-left-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .border-left-1-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .border-left-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .border-left-2-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .border-left-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .border-left-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .border-left-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .border-left-3-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .border-left-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .border-left-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .border-left-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .border-left-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .border-left-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .border-right-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-0-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .border-right-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .border-right-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .border-right-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .border-right-1-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .border-right-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .border-right-2-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .border-right-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .border-right-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .border-right-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .border-right-3-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .border-right-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .border-right-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .border-right-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .border-right-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .border-right-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .border-top-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-0-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .border-top-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .border-top-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .border-top-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .border-top-1-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .border-top-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .border-top-2-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .border-top-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .border-top-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .border-top-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .border-top-3-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .border-top-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .border-top-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .border-top-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .border-top-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .border-top-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .border-bottom-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .border-bottom-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .border-bottom-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .border-bottom-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .border-bottom-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .border-bottom-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .border-bottom-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .border-bottom-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .border-bottom-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .border-bottom-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .border-bottom-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .border-bottom-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .border-bottom-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .border-bottom-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .border-left-white { border-left: solid 1px var(--white); } .border-left-solid-white { border-left: solid 1px var(--white); } .border-left-dashed-white { border-left: dashed 1px var(--white); } .border-left-dotted-white { border-left: dotted 1px var(--white); } .border-left-0-white { border-left: solid 0px var(--white); } .border-left-0-solid-white { border-left: solid 0px var(--white); } .border-left-0-dashed-white { border-left: dashed 0px var(--white); } .border-left-0-dotted-white { border-left: dotted 0px var(--white); } .border-left-0-5-white { border-left: solid 0.5px var(--white); } .border-left-0-5-solid-white { border-left: solid 0.5px var(--white); } .border-left-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .border-left-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .border-left-1-white { border-left: solid 1px var(--white); } .border-left-1-solid-white { border-left: solid 1px var(--white); } .border-left-1-dashed-white { border-left: dashed 1px var(--white); } .border-left-1-dotted-white { border-left: dotted 1px var(--white); } .border-left-1-5-white { border-left: solid 1.5px var(--white); } .border-left-1-5-solid-white { border-left: solid 1.5px var(--white); } .border-left-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .border-left-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .border-left-2-white { border-left: solid 2px var(--white); } .border-left-2-solid-white { border-left: solid 2px var(--white); } .border-left-2-dashed-white { border-left: dashed 2px var(--white); } .border-left-2-dotted-white { border-left: dotted 2px var(--white); } .border-left-2-5-white { border-left: solid 2.5px var(--white); } .border-left-2-5-solid-white { border-left: solid 2.5px var(--white); } .border-left-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .border-left-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .border-left-3-white { border-left: solid 3px var(--white); } .border-left-3-solid-white { border-left: solid 3px var(--white); } .border-left-3-dashed-white { border-left: dashed 3px var(--white); } .border-left-3-dotted-white { border-left: dotted 3px var(--white); } .border-left-first-white:first-child { border-left: solid 1px var(--white); } .border-left-last-white:last-child { border-left: solid 1px var(--white); } .border-left-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .border-left-even-white:nth-child(even) { border-left: solid 1px var(--white); } .border-right-white { border-right: solid 1px var(--white); } .border-right-solid-white { border-right: solid 1px var(--white); } .border-right-dashed-white { border-right: dashed 1px var(--white); } .border-right-dotted-white { border-right: dotted 1px var(--white); } .border-right-0-white { border-right: solid 0px var(--white); } .border-right-0-solid-white { border-right: solid 0px var(--white); } .border-right-0-dashed-white { border-right: dashed 0px var(--white); } .border-right-0-dotted-white { border-right: dotted 0px var(--white); } .border-right-0-5-white { border-right: solid 0.5px var(--white); } .border-right-0-5-solid-white { border-right: solid 0.5px var(--white); } .border-right-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .border-right-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .border-right-1-white { border-right: solid 1px var(--white); } .border-right-1-solid-white { border-right: solid 1px var(--white); } .border-right-1-dashed-white { border-right: dashed 1px var(--white); } .border-right-1-dotted-white { border-right: dotted 1px var(--white); } .border-right-1-5-white { border-right: solid 1.5px var(--white); } .border-right-1-5-solid-white { border-right: solid 1.5px var(--white); } .border-right-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .border-right-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .border-right-2-white { border-right: solid 2px var(--white); } .border-right-2-solid-white { border-right: solid 2px var(--white); } .border-right-2-dashed-white { border-right: dashed 2px var(--white); } .border-right-2-dotted-white { border-right: dotted 2px var(--white); } .border-right-2-5-white { border-right: solid 2.5px var(--white); } .border-right-2-5-solid-white { border-right: solid 2.5px var(--white); } .border-right-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .border-right-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .border-right-3-white { border-right: solid 3px var(--white); } .border-right-3-solid-white { border-right: solid 3px var(--white); } .border-right-3-dashed-white { border-right: dashed 3px var(--white); } .border-right-3-dotted-white { border-right: dotted 3px var(--white); } .border-right-first-white:first-child { border-right: solid 1px var(--white); } .border-right-last-white:last-child { border-right: solid 1px var(--white); } .border-right-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .border-right-even-white:nth-child(even) { border-right: solid 1px var(--white); } .border-top-white { border-top: solid 1px var(--white); } .border-top-solid-white { border-top: solid 1px var(--white); } .border-top-dashed-white { border-top: dashed 1px var(--white); } .border-top-dotted-white { border-top: dotted 1px var(--white); } .border-top-0-white { border-top: solid 0px var(--white); } .border-top-0-solid-white { border-top: solid 0px var(--white); } .border-top-0-dashed-white { border-top: dashed 0px var(--white); } .border-top-0-dotted-white { border-top: dotted 0px var(--white); } .border-top-0-5-white { border-top: solid 0.5px var(--white); } .border-top-0-5-solid-white { border-top: solid 0.5px var(--white); } .border-top-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .border-top-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .border-top-1-white { border-top: solid 1px var(--white); } .border-top-1-solid-white { border-top: solid 1px var(--white); } .border-top-1-dashed-white { border-top: dashed 1px var(--white); } .border-top-1-dotted-white { border-top: dotted 1px var(--white); } .border-top-1-5-white { border-top: solid 1.5px var(--white); } .border-top-1-5-solid-white { border-top: solid 1.5px var(--white); } .border-top-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .border-top-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .border-top-2-white { border-top: solid 2px var(--white); } .border-top-2-solid-white { border-top: solid 2px var(--white); } .border-top-2-dashed-white { border-top: dashed 2px var(--white); } .border-top-2-dotted-white { border-top: dotted 2px var(--white); } .border-top-2-5-white { border-top: solid 2.5px var(--white); } .border-top-2-5-solid-white { border-top: solid 2.5px var(--white); } .border-top-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .border-top-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .border-top-3-white { border-top: solid 3px var(--white); } .border-top-3-solid-white { border-top: solid 3px var(--white); } .border-top-3-dashed-white { border-top: dashed 3px var(--white); } .border-top-3-dotted-white { border-top: dotted 3px var(--white); } .border-top-first-white:first-child { border-top: solid 1px var(--white); } .border-top-last-white:last-child { border-top: solid 1px var(--white); } .border-top-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .border-top-even-white:nth-child(even) { border-top: solid 1px var(--white); } .border-bottom-white { border-bottom: solid 1px var(--white); } .border-bottom-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-0-white { border-bottom: solid 0px var(--white); } .border-bottom-0-solid-white { border-bottom: solid 0px var(--white); } .border-bottom-0-dashed-white { border-bottom: dashed 0px var(--white); } .border-bottom-0-dotted-white { border-bottom: dotted 0px var(--white); } .border-bottom-0-5-white { border-bottom: solid 0.5px var(--white); } .border-bottom-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .border-bottom-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .border-bottom-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .border-bottom-1-white { border-bottom: solid 1px var(--white); } .border-bottom-1-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-1-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-1-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-1-5-white { border-bottom: solid 1.5px var(--white); } .border-bottom-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .border-bottom-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .border-bottom-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .border-bottom-2-white { border-bottom: solid 2px var(--white); } .border-bottom-2-solid-white { border-bottom: solid 2px var(--white); } .border-bottom-2-dashed-white { border-bottom: dashed 2px var(--white); } .border-bottom-2-dotted-white { border-bottom: dotted 2px var(--white); } .border-bottom-2-5-white { border-bottom: solid 2.5px var(--white); } .border-bottom-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .border-bottom-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .border-bottom-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .border-bottom-3-white { border-bottom: solid 3px var(--white); } .border-bottom-3-solid-white { border-bottom: solid 3px var(--white); } .border-bottom-3-dashed-white { border-bottom: dashed 3px var(--white); } .border-bottom-3-dotted-white { border-bottom: dotted 3px var(--white); } .border-bottom-first-white:first-child { border-bottom: solid 1px var(--white); } .border-bottom-last-white:last-child { border-bottom: solid 1px var(--white); } .border-bottom-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .border-bottom-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .border-left-black { border-left: solid 1px var(--black); } .border-left-solid-black { border-left: solid 1px var(--black); } .border-left-dashed-black { border-left: dashed 1px var(--black); } .border-left-dotted-black { border-left: dotted 1px var(--black); } .border-left-0-black { border-left: solid 0px var(--black); } .border-left-0-solid-black { border-left: solid 0px var(--black); } .border-left-0-dashed-black { border-left: dashed 0px var(--black); } .border-left-0-dotted-black { border-left: dotted 0px var(--black); } .border-left-0-5-black { border-left: solid 0.5px var(--black); } .border-left-0-5-solid-black { border-left: solid 0.5px var(--black); } .border-left-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .border-left-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .border-left-1-black { border-left: solid 1px var(--black); } .border-left-1-solid-black { border-left: solid 1px var(--black); } .border-left-1-dashed-black { border-left: dashed 1px var(--black); } .border-left-1-dotted-black { border-left: dotted 1px var(--black); } .border-left-1-5-black { border-left: solid 1.5px var(--black); } .border-left-1-5-solid-black { border-left: solid 1.5px var(--black); } .border-left-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .border-left-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .border-left-2-black { border-left: solid 2px var(--black); } .border-left-2-solid-black { border-left: solid 2px var(--black); } .border-left-2-dashed-black { border-left: dashed 2px var(--black); } .border-left-2-dotted-black { border-left: dotted 2px var(--black); } .border-left-2-5-black { border-left: solid 2.5px var(--black); } .border-left-2-5-solid-black { border-left: solid 2.5px var(--black); } .border-left-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .border-left-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .border-left-3-black { border-left: solid 3px var(--black); } .border-left-3-solid-black { border-left: solid 3px var(--black); } .border-left-3-dashed-black { border-left: dashed 3px var(--black); } .border-left-3-dotted-black { border-left: dotted 3px var(--black); } .border-left-first-black:first-child { border-left: solid 1px var(--black); } .border-left-last-black:last-child { border-left: solid 1px var(--black); } .border-left-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .border-left-even-black:nth-child(even) { border-left: solid 1px var(--black); } .border-right-black { border-right: solid 1px var(--black); } .border-right-solid-black { border-right: solid 1px var(--black); } .border-right-dashed-black { border-right: dashed 1px var(--black); } .border-right-dotted-black { border-right: dotted 1px var(--black); } .border-right-0-black { border-right: solid 0px var(--black); } .border-right-0-solid-black { border-right: solid 0px var(--black); } .border-right-0-dashed-black { border-right: dashed 0px var(--black); } .border-right-0-dotted-black { border-right: dotted 0px var(--black); } .border-right-0-5-black { border-right: solid 0.5px var(--black); } .border-right-0-5-solid-black { border-right: solid 0.5px var(--black); } .border-right-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .border-right-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .border-right-1-black { border-right: solid 1px var(--black); } .border-right-1-solid-black { border-right: solid 1px var(--black); } .border-right-1-dashed-black { border-right: dashed 1px var(--black); } .border-right-1-dotted-black { border-right: dotted 1px var(--black); } .border-right-1-5-black { border-right: solid 1.5px var(--black); } .border-right-1-5-solid-black { border-right: solid 1.5px var(--black); } .border-right-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .border-right-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .border-right-2-black { border-right: solid 2px var(--black); } .border-right-2-solid-black { border-right: solid 2px var(--black); } .border-right-2-dashed-black { border-right: dashed 2px var(--black); } .border-right-2-dotted-black { border-right: dotted 2px var(--black); } .border-right-2-5-black { border-right: solid 2.5px var(--black); } .border-right-2-5-solid-black { border-right: solid 2.5px var(--black); } .border-right-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .border-right-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .border-right-3-black { border-right: solid 3px var(--black); } .border-right-3-solid-black { border-right: solid 3px var(--black); } .border-right-3-dashed-black { border-right: dashed 3px var(--black); } .border-right-3-dotted-black { border-right: dotted 3px var(--black); } .border-right-first-black:first-child { border-right: solid 1px var(--black); } .border-right-last-black:last-child { border-right: solid 1px var(--black); } .border-right-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .border-right-even-black:nth-child(even) { border-right: solid 1px var(--black); } .border-top-black { border-top: solid 1px var(--black); } .border-top-solid-black { border-top: solid 1px var(--black); } .border-top-dashed-black { border-top: dashed 1px var(--black); } .border-top-dotted-black { border-top: dotted 1px var(--black); } .border-top-0-black { border-top: solid 0px var(--black); } .border-top-0-solid-black { border-top: solid 0px var(--black); } .border-top-0-dashed-black { border-top: dashed 0px var(--black); } .border-top-0-dotted-black { border-top: dotted 0px var(--black); } .border-top-0-5-black { border-top: solid 0.5px var(--black); } .border-top-0-5-solid-black { border-top: solid 0.5px var(--black); } .border-top-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .border-top-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .border-top-1-black { border-top: solid 1px var(--black); } .border-top-1-solid-black { border-top: solid 1px var(--black); } .border-top-1-dashed-black { border-top: dashed 1px var(--black); } .border-top-1-dotted-black { border-top: dotted 1px var(--black); } .border-top-1-5-black { border-top: solid 1.5px var(--black); } .border-top-1-5-solid-black { border-top: solid 1.5px var(--black); } .border-top-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .border-top-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .border-top-2-black { border-top: solid 2px var(--black); } .border-top-2-solid-black { border-top: solid 2px var(--black); } .border-top-2-dashed-black { border-top: dashed 2px var(--black); } .border-top-2-dotted-black { border-top: dotted 2px var(--black); } .border-top-2-5-black { border-top: solid 2.5px var(--black); } .border-top-2-5-solid-black { border-top: solid 2.5px var(--black); } .border-top-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .border-top-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .border-top-3-black { border-top: solid 3px var(--black); } .border-top-3-solid-black { border-top: solid 3px var(--black); } .border-top-3-dashed-black { border-top: dashed 3px var(--black); } .border-top-3-dotted-black { border-top: dotted 3px var(--black); } .border-top-first-black:first-child { border-top: solid 1px var(--black); } .border-top-last-black:last-child { border-top: solid 1px var(--black); } .border-top-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .border-top-even-black:nth-child(even) { border-top: solid 1px var(--black); } .border-bottom-black { border-bottom: solid 1px var(--black); } .border-bottom-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-0-black { border-bottom: solid 0px var(--black); } .border-bottom-0-solid-black { border-bottom: solid 0px var(--black); } .border-bottom-0-dashed-black { border-bottom: dashed 0px var(--black); } .border-bottom-0-dotted-black { border-bottom: dotted 0px var(--black); } .border-bottom-0-5-black { border-bottom: solid 0.5px var(--black); } .border-bottom-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .border-bottom-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .border-bottom-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .border-bottom-1-black { border-bottom: solid 1px var(--black); } .border-bottom-1-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-1-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-1-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-1-5-black { border-bottom: solid 1.5px var(--black); } .border-bottom-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .border-bottom-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .border-bottom-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .border-bottom-2-black { border-bottom: solid 2px var(--black); } .border-bottom-2-solid-black { border-bottom: solid 2px var(--black); } .border-bottom-2-dashed-black { border-bottom: dashed 2px var(--black); } .border-bottom-2-dotted-black { border-bottom: dotted 2px var(--black); } .border-bottom-2-5-black { border-bottom: solid 2.5px var(--black); } .border-bottom-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .border-bottom-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .border-bottom-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .border-bottom-3-black { border-bottom: solid 3px var(--black); } .border-bottom-3-solid-black { border-bottom: solid 3px var(--black); } .border-bottom-3-dashed-black { border-bottom: dashed 3px var(--black); } .border-bottom-3-dotted-black { border-bottom: dotted 3px var(--black); } .border-bottom-first-black:first-child { border-bottom: solid 1px var(--black); } .border-bottom-last-black:last-child { border-bottom: solid 1px var(--black); } .border-bottom-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .border-bottom-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .border-left-light-gray { border-left: solid 1px var(--light-gray); } .border-left-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-0-light-gray { border-left: solid 0px var(--light-gray); } .border-left-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .border-left-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .border-left-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .border-left-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .border-left-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .border-left-1-light-gray { border-left: solid 1px var(--light-gray); } .border-left-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .border-left-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .border-left-2-light-gray { border-left: solid 2px var(--light-gray); } .border-left-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .border-left-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .border-left-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .border-left-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .border-left-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .border-left-3-light-gray { border-left: solid 3px var(--light-gray); } .border-left-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .border-left-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .border-left-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .border-left-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .border-left-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .border-left-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .border-left-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .border-right-light-gray { border-right: solid 1px var(--light-gray); } .border-right-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-0-light-gray { border-right: solid 0px var(--light-gray); } .border-right-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .border-right-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .border-right-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .border-right-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .border-right-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .border-right-1-light-gray { border-right: solid 1px var(--light-gray); } .border-right-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .border-right-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .border-right-2-light-gray { border-right: solid 2px var(--light-gray); } .border-right-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .border-right-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .border-right-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .border-right-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .border-right-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .border-right-3-light-gray { border-right: solid 3px var(--light-gray); } .border-right-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .border-right-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .border-right-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .border-right-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .border-right-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .border-right-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .border-right-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .border-top-light-gray { border-top: solid 1px var(--light-gray); } .border-top-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-0-light-gray { border-top: solid 0px var(--light-gray); } .border-top-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .border-top-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .border-top-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .border-top-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .border-top-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .border-top-1-light-gray { border-top: solid 1px var(--light-gray); } .border-top-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .border-top-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .border-top-2-light-gray { border-top: solid 2px var(--light-gray); } .border-top-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .border-top-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .border-top-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .border-top-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .border-top-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .border-top-3-light-gray { border-top: solid 3px var(--light-gray); } .border-top-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .border-top-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .border-top-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .border-top-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .border-top-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .border-top-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .border-top-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .border-bottom-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-0-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .border-bottom-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .border-bottom-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .border-bottom-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .border-bottom-1-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .border-bottom-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .border-bottom-2-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .border-bottom-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .border-bottom-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .border-bottom-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .border-bottom-3-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .border-bottom-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .border-bottom-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .border-bottom-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .border-left-gray { border-left: solid 1px var(--gray); } .border-left-solid-gray { border-left: solid 1px var(--gray); } .border-left-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-0-gray { border-left: solid 0px var(--gray); } .border-left-0-solid-gray { border-left: solid 0px var(--gray); } .border-left-0-dashed-gray { border-left: dashed 0px var(--gray); } .border-left-0-dotted-gray { border-left: dotted 0px var(--gray); } .border-left-0-5-gray { border-left: solid 0.5px var(--gray); } .border-left-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .border-left-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .border-left-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .border-left-1-gray { border-left: solid 1px var(--gray); } .border-left-1-solid-gray { border-left: solid 1px var(--gray); } .border-left-1-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-1-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-1-5-gray { border-left: solid 1.5px var(--gray); } .border-left-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .border-left-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .border-left-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .border-left-2-gray { border-left: solid 2px var(--gray); } .border-left-2-solid-gray { border-left: solid 2px var(--gray); } .border-left-2-dashed-gray { border-left: dashed 2px var(--gray); } .border-left-2-dotted-gray { border-left: dotted 2px var(--gray); } .border-left-2-5-gray { border-left: solid 2.5px var(--gray); } .border-left-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .border-left-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .border-left-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .border-left-3-gray { border-left: solid 3px var(--gray); } .border-left-3-solid-gray { border-left: solid 3px var(--gray); } .border-left-3-dashed-gray { border-left: dashed 3px var(--gray); } .border-left-3-dotted-gray { border-left: dotted 3px var(--gray); } .border-left-first-gray:first-child { border-left: solid 1px var(--gray); } .border-left-last-gray:last-child { border-left: solid 1px var(--gray); } .border-left-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .border-left-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .border-right-gray { border-right: solid 1px var(--gray); } .border-right-solid-gray { border-right: solid 1px var(--gray); } .border-right-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-0-gray { border-right: solid 0px var(--gray); } .border-right-0-solid-gray { border-right: solid 0px var(--gray); } .border-right-0-dashed-gray { border-right: dashed 0px var(--gray); } .border-right-0-dotted-gray { border-right: dotted 0px var(--gray); } .border-right-0-5-gray { border-right: solid 0.5px var(--gray); } .border-right-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .border-right-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .border-right-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .border-right-1-gray { border-right: solid 1px var(--gray); } .border-right-1-solid-gray { border-right: solid 1px var(--gray); } .border-right-1-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-1-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-1-5-gray { border-right: solid 1.5px var(--gray); } .border-right-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .border-right-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .border-right-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .border-right-2-gray { border-right: solid 2px var(--gray); } .border-right-2-solid-gray { border-right: solid 2px var(--gray); } .border-right-2-dashed-gray { border-right: dashed 2px var(--gray); } .border-right-2-dotted-gray { border-right: dotted 2px var(--gray); } .border-right-2-5-gray { border-right: solid 2.5px var(--gray); } .border-right-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .border-right-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .border-right-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .border-right-3-gray { border-right: solid 3px var(--gray); } .border-right-3-solid-gray { border-right: solid 3px var(--gray); } .border-right-3-dashed-gray { border-right: dashed 3px var(--gray); } .border-right-3-dotted-gray { border-right: dotted 3px var(--gray); } .border-right-first-gray:first-child { border-right: solid 1px var(--gray); } .border-right-last-gray:last-child { border-right: solid 1px var(--gray); } .border-right-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .border-right-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .border-top-gray { border-top: solid 1px var(--gray); } .border-top-solid-gray { border-top: solid 1px var(--gray); } .border-top-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-0-gray { border-top: solid 0px var(--gray); } .border-top-0-solid-gray { border-top: solid 0px var(--gray); } .border-top-0-dashed-gray { border-top: dashed 0px var(--gray); } .border-top-0-dotted-gray { border-top: dotted 0px var(--gray); } .border-top-0-5-gray { border-top: solid 0.5px var(--gray); } .border-top-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .border-top-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .border-top-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .border-top-1-gray { border-top: solid 1px var(--gray); } .border-top-1-solid-gray { border-top: solid 1px var(--gray); } .border-top-1-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-1-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-1-5-gray { border-top: solid 1.5px var(--gray); } .border-top-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .border-top-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .border-top-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .border-top-2-gray { border-top: solid 2px var(--gray); } .border-top-2-solid-gray { border-top: solid 2px var(--gray); } .border-top-2-dashed-gray { border-top: dashed 2px var(--gray); } .border-top-2-dotted-gray { border-top: dotted 2px var(--gray); } .border-top-2-5-gray { border-top: solid 2.5px var(--gray); } .border-top-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .border-top-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .border-top-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .border-top-3-gray { border-top: solid 3px var(--gray); } .border-top-3-solid-gray { border-top: solid 3px var(--gray); } .border-top-3-dashed-gray { border-top: dashed 3px var(--gray); } .border-top-3-dotted-gray { border-top: dotted 3px var(--gray); } .border-top-first-gray:first-child { border-top: solid 1px var(--gray); } .border-top-last-gray:last-child { border-top: solid 1px var(--gray); } .border-top-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .border-top-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .border-bottom-gray { border-bottom: solid 1px var(--gray); } .border-bottom-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-0-gray { border-bottom: solid 0px var(--gray); } .border-bottom-0-solid-gray { border-bottom: solid 0px var(--gray); } .border-bottom-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .border-bottom-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .border-bottom-0-5-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .border-bottom-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .border-bottom-1-gray { border-bottom: solid 1px var(--gray); } .border-bottom-1-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-1-5-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .border-bottom-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .border-bottom-2-gray { border-bottom: solid 2px var(--gray); } .border-bottom-2-solid-gray { border-bottom: solid 2px var(--gray); } .border-bottom-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .border-bottom-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .border-bottom-2-5-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .border-bottom-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .border-bottom-3-gray { border-bottom: solid 3px var(--gray); } .border-bottom-3-solid-gray { border-bottom: solid 3px var(--gray); } .border-bottom-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .border-bottom-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .border-bottom-first-gray:first-child { border-bottom: solid 1px var(--gray); } .border-bottom-last-gray:last-child { border-bottom: solid 1px var(--gray); } .border-bottom-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .border-bottom-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .border-left-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-0-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .border-left-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .border-left-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .border-left-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .border-left-1-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .border-left-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .border-left-2-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .border-left-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .border-left-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .border-left-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .border-left-3-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .border-left-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .border-left-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .border-left-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .border-left-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .border-left-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .border-right-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-0-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .border-right-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .border-right-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .border-right-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .border-right-1-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .border-right-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .border-right-2-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .border-right-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .border-right-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .border-right-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .border-right-3-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .border-right-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .border-right-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .border-right-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .border-right-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .border-right-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .border-top-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-0-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .border-top-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .border-top-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .border-top-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .border-top-1-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .border-top-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .border-top-2-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .border-top-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .border-top-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .border-top-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .border-top-3-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .border-top-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .border-top-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .border-top-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .border-top-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .border-top-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .border-bottom-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .border-bottom-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .border-bottom-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .border-bottom-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .border-bottom-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .border-bottom-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .border-bottom-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .border-bottom-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .border-bottom-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .border-bottom-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .border-bottom-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .border-bottom-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .border-bottom-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .border-bottom-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .border-left-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-0-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .border-left-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .border-left-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .border-left-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .border-left-1-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .border-left-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .border-left-2-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .border-left-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .border-left-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .border-left-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .border-left-3-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .border-left-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .border-left-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .border-left-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .border-left-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .border-left-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .border-right-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-0-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .border-right-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .border-right-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .border-right-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .border-right-1-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .border-right-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .border-right-2-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .border-right-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .border-right-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .border-right-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .border-right-3-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .border-right-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .border-right-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .border-right-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .border-right-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .border-right-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .border-top-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-0-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .border-top-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .border-top-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .border-top-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .border-top-1-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .border-top-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .border-top-2-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .border-top-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .border-top-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .border-top-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .border-top-3-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .border-top-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .border-top-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .border-top-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .border-top-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .border-top-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .border-bottom-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .border-bottom-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .border-bottom-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .border-bottom-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .border-bottom-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .border-bottom-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .border-bottom-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .border-bottom-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .border-bottom-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .border-bottom-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .border-bottom-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .border-bottom-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .border-bottom-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .border-bottom-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .border-left-body-background { border-left: solid 1px var(--body-background); } .border-left-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-0-body-background { border-left: solid 0px var(--body-background); } .border-left-0-solid-body-background { border-left: solid 0px var(--body-background); } .border-left-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .border-left-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .border-left-0-5-body-background { border-left: solid 0.5px var(--body-background); } .border-left-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .border-left-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .border-left-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .border-left-1-body-background { border-left: solid 1px var(--body-background); } .border-left-1-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-1-5-body-background { border-left: solid 1.5px var(--body-background); } .border-left-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .border-left-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .border-left-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .border-left-2-body-background { border-left: solid 2px var(--body-background); } .border-left-2-solid-body-background { border-left: solid 2px var(--body-background); } .border-left-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .border-left-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .border-left-2-5-body-background { border-left: solid 2.5px var(--body-background); } .border-left-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .border-left-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .border-left-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .border-left-3-body-background { border-left: solid 3px var(--body-background); } .border-left-3-solid-body-background { border-left: solid 3px var(--body-background); } .border-left-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .border-left-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .border-left-first-body-background:first-child { border-left: solid 1px var(--body-background); } .border-left-last-body-background:last-child { border-left: solid 1px var(--body-background); } .border-left-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .border-left-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .border-right-body-background { border-right: solid 1px var(--body-background); } .border-right-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-0-body-background { border-right: solid 0px var(--body-background); } .border-right-0-solid-body-background { border-right: solid 0px var(--body-background); } .border-right-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .border-right-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .border-right-0-5-body-background { border-right: solid 0.5px var(--body-background); } .border-right-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .border-right-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .border-right-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .border-right-1-body-background { border-right: solid 1px var(--body-background); } .border-right-1-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-1-5-body-background { border-right: solid 1.5px var(--body-background); } .border-right-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .border-right-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .border-right-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .border-right-2-body-background { border-right: solid 2px var(--body-background); } .border-right-2-solid-body-background { border-right: solid 2px var(--body-background); } .border-right-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .border-right-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .border-right-2-5-body-background { border-right: solid 2.5px var(--body-background); } .border-right-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .border-right-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .border-right-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .border-right-3-body-background { border-right: solid 3px var(--body-background); } .border-right-3-solid-body-background { border-right: solid 3px var(--body-background); } .border-right-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .border-right-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .border-right-first-body-background:first-child { border-right: solid 1px var(--body-background); } .border-right-last-body-background:last-child { border-right: solid 1px var(--body-background); } .border-right-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .border-right-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .border-top-body-background { border-top: solid 1px var(--body-background); } .border-top-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-0-body-background { border-top: solid 0px var(--body-background); } .border-top-0-solid-body-background { border-top: solid 0px var(--body-background); } .border-top-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .border-top-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .border-top-0-5-body-background { border-top: solid 0.5px var(--body-background); } .border-top-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .border-top-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .border-top-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .border-top-1-body-background { border-top: solid 1px var(--body-background); } .border-top-1-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-1-5-body-background { border-top: solid 1.5px var(--body-background); } .border-top-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .border-top-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .border-top-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .border-top-2-body-background { border-top: solid 2px var(--body-background); } .border-top-2-solid-body-background { border-top: solid 2px var(--body-background); } .border-top-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .border-top-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .border-top-2-5-body-background { border-top: solid 2.5px var(--body-background); } .border-top-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .border-top-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .border-top-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .border-top-3-body-background { border-top: solid 3px var(--body-background); } .border-top-3-solid-body-background { border-top: solid 3px var(--body-background); } .border-top-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .border-top-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .border-top-first-body-background:first-child { border-top: solid 1px var(--body-background); } .border-top-last-body-background:last-child { border-top: solid 1px var(--body-background); } .border-top-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .border-top-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .border-bottom-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-0-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .border-bottom-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .border-bottom-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .border-bottom-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .border-bottom-1-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .border-bottom-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .border-bottom-2-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .border-bottom-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .border-bottom-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .border-bottom-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .border-bottom-3-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .border-bottom-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .border-bottom-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .border-bottom-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .border-bottom-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .border-bottom-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .border-left-header-background { border-left: solid 1px var(--header-background); } .border-left-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-0-header-background { border-left: solid 0px var(--header-background); } .border-left-0-solid-header-background { border-left: solid 0px var(--header-background); } .border-left-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .border-left-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .border-left-0-5-header-background { border-left: solid 0.5px var(--header-background); } .border-left-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .border-left-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .border-left-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .border-left-1-header-background { border-left: solid 1px var(--header-background); } .border-left-1-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-1-5-header-background { border-left: solid 1.5px var(--header-background); } .border-left-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .border-left-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .border-left-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .border-left-2-header-background { border-left: solid 2px var(--header-background); } .border-left-2-solid-header-background { border-left: solid 2px var(--header-background); } .border-left-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .border-left-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .border-left-2-5-header-background { border-left: solid 2.5px var(--header-background); } .border-left-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .border-left-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .border-left-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .border-left-3-header-background { border-left: solid 3px var(--header-background); } .border-left-3-solid-header-background { border-left: solid 3px var(--header-background); } .border-left-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .border-left-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .border-left-first-header-background:first-child { border-left: solid 1px var(--header-background); } .border-left-last-header-background:last-child { border-left: solid 1px var(--header-background); } .border-left-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .border-left-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .border-right-header-background { border-right: solid 1px var(--header-background); } .border-right-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-0-header-background { border-right: solid 0px var(--header-background); } .border-right-0-solid-header-background { border-right: solid 0px var(--header-background); } .border-right-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .border-right-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .border-right-0-5-header-background { border-right: solid 0.5px var(--header-background); } .border-right-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .border-right-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .border-right-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .border-right-1-header-background { border-right: solid 1px var(--header-background); } .border-right-1-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-1-5-header-background { border-right: solid 1.5px var(--header-background); } .border-right-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .border-right-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .border-right-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .border-right-2-header-background { border-right: solid 2px var(--header-background); } .border-right-2-solid-header-background { border-right: solid 2px var(--header-background); } .border-right-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .border-right-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .border-right-2-5-header-background { border-right: solid 2.5px var(--header-background); } .border-right-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .border-right-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .border-right-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .border-right-3-header-background { border-right: solid 3px var(--header-background); } .border-right-3-solid-header-background { border-right: solid 3px var(--header-background); } .border-right-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .border-right-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .border-right-first-header-background:first-child { border-right: solid 1px var(--header-background); } .border-right-last-header-background:last-child { border-right: solid 1px var(--header-background); } .border-right-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .border-right-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .border-top-header-background { border-top: solid 1px var(--header-background); } .border-top-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-0-header-background { border-top: solid 0px var(--header-background); } .border-top-0-solid-header-background { border-top: solid 0px var(--header-background); } .border-top-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .border-top-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .border-top-0-5-header-background { border-top: solid 0.5px var(--header-background); } .border-top-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .border-top-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .border-top-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .border-top-1-header-background { border-top: solid 1px var(--header-background); } .border-top-1-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-1-5-header-background { border-top: solid 1.5px var(--header-background); } .border-top-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .border-top-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .border-top-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .border-top-2-header-background { border-top: solid 2px var(--header-background); } .border-top-2-solid-header-background { border-top: solid 2px var(--header-background); } .border-top-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .border-top-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .border-top-2-5-header-background { border-top: solid 2.5px var(--header-background); } .border-top-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .border-top-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .border-top-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .border-top-3-header-background { border-top: solid 3px var(--header-background); } .border-top-3-solid-header-background { border-top: solid 3px var(--header-background); } .border-top-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .border-top-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .border-top-first-header-background:first-child { border-top: solid 1px var(--header-background); } .border-top-last-header-background:last-child { border-top: solid 1px var(--header-background); } .border-top-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .border-top-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .border-bottom-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-0-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .border-bottom-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .border-bottom-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .border-bottom-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .border-bottom-1-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .border-bottom-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .border-bottom-2-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .border-bottom-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .border-bottom-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .border-bottom-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .border-bottom-3-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .border-bottom-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .border-bottom-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .border-bottom-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .border-bottom-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .border-bottom-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .border-left-font-color { border-left: solid 1px var(--font-color); } .border-left-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-0-font-color { border-left: solid 0px var(--font-color); } .border-left-0-solid-font-color { border-left: solid 0px var(--font-color); } .border-left-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .border-left-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .border-left-0-5-font-color { border-left: solid 0.5px var(--font-color); } .border-left-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .border-left-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .border-left-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .border-left-1-font-color { border-left: solid 1px var(--font-color); } .border-left-1-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-1-5-font-color { border-left: solid 1.5px var(--font-color); } .border-left-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .border-left-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .border-left-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .border-left-2-font-color { border-left: solid 2px var(--font-color); } .border-left-2-solid-font-color { border-left: solid 2px var(--font-color); } .border-left-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .border-left-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .border-left-2-5-font-color { border-left: solid 2.5px var(--font-color); } .border-left-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .border-left-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .border-left-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .border-left-3-font-color { border-left: solid 3px var(--font-color); } .border-left-3-solid-font-color { border-left: solid 3px var(--font-color); } .border-left-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .border-left-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .border-left-first-font-color:first-child { border-left: solid 1px var(--font-color); } .border-left-last-font-color:last-child { border-left: solid 1px var(--font-color); } .border-left-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .border-left-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .border-right-font-color { border-right: solid 1px var(--font-color); } .border-right-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-0-font-color { border-right: solid 0px var(--font-color); } .border-right-0-solid-font-color { border-right: solid 0px var(--font-color); } .border-right-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .border-right-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .border-right-0-5-font-color { border-right: solid 0.5px var(--font-color); } .border-right-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .border-right-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .border-right-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .border-right-1-font-color { border-right: solid 1px var(--font-color); } .border-right-1-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-1-5-font-color { border-right: solid 1.5px var(--font-color); } .border-right-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .border-right-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .border-right-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .border-right-2-font-color { border-right: solid 2px var(--font-color); } .border-right-2-solid-font-color { border-right: solid 2px var(--font-color); } .border-right-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .border-right-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .border-right-2-5-font-color { border-right: solid 2.5px var(--font-color); } .border-right-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .border-right-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .border-right-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .border-right-3-font-color { border-right: solid 3px var(--font-color); } .border-right-3-solid-font-color { border-right: solid 3px var(--font-color); } .border-right-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .border-right-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .border-right-first-font-color:first-child { border-right: solid 1px var(--font-color); } .border-right-last-font-color:last-child { border-right: solid 1px var(--font-color); } .border-right-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .border-right-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .border-top-font-color { border-top: solid 1px var(--font-color); } .border-top-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-0-font-color { border-top: solid 0px var(--font-color); } .border-top-0-solid-font-color { border-top: solid 0px var(--font-color); } .border-top-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .border-top-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .border-top-0-5-font-color { border-top: solid 0.5px var(--font-color); } .border-top-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .border-top-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .border-top-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .border-top-1-font-color { border-top: solid 1px var(--font-color); } .border-top-1-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-1-5-font-color { border-top: solid 1.5px var(--font-color); } .border-top-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .border-top-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .border-top-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .border-top-2-font-color { border-top: solid 2px var(--font-color); } .border-top-2-solid-font-color { border-top: solid 2px var(--font-color); } .border-top-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .border-top-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .border-top-2-5-font-color { border-top: solid 2.5px var(--font-color); } .border-top-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .border-top-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .border-top-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .border-top-3-font-color { border-top: solid 3px var(--font-color); } .border-top-3-solid-font-color { border-top: solid 3px var(--font-color); } .border-top-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .border-top-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .border-top-first-font-color:first-child { border-top: solid 1px var(--font-color); } .border-top-last-font-color:last-child { border-top: solid 1px var(--font-color); } .border-top-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .border-top-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .border-bottom-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-0-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .border-bottom-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .border-bottom-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .border-bottom-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .border-bottom-1-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .border-bottom-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .border-bottom-2-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .border-bottom-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .border-bottom-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .border-bottom-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .border-bottom-3-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .border-bottom-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .border-bottom-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .border-bottom-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .border-bottom-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .border-bottom-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .border-left-first-none:first-child { border-left: none; } .border-left-last-none:last-child { border-left: none; } .border-left-odd-none:nth-child(odd) { border-left: none; } .border-left-even-none:nth-child(even) { border-left: none; } .border-right-first-none:first-child { border-right: none; } .border-right-last-none:last-child { border-right: none; } .border-right-odd-none:nth-child(odd) { border-right: none; } .border-right-even-none:nth-child(even) { border-right: none; } .border-top-first-none:first-child { border-top: none; } .border-top-last-none:last-child { border-top: none; } .border-top-odd-none:nth-child(odd) { border-top: none; } .border-top-even-none:nth-child(even) { border-top: none; } .border-bottom-first-none:first-child { border-bottom: none; } .border-bottom-last-none:last-child { border-bottom: none; } .border-bottom-odd-none:nth-child(odd) { border-bottom: none; } .border-bottom-even-none:nth-child(even) { border-bottom: none; } } .theme[data-theme=light] .border-left-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-solid-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-dashed-base-color { border-left: dashed 1px var(--base-color); } .theme[data-theme=light] .border-left-dotted-base-color { border-left: dotted 1px var(--base-color); } .theme[data-theme=light] .border-left-0-base-color { border-left: solid 0px var(--base-color); } .theme[data-theme=light] .border-left-0-solid-base-color { border-left: solid 0px var(--base-color); } .theme[data-theme=light] .border-left-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .theme[data-theme=light] .border-left-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .theme[data-theme=light] .border-left-0-5-base-color { border-left: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-left-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-left-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-left-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-left-1-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-1-solid-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .theme[data-theme=light] .border-left-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .theme[data-theme=light] .border-left-1-5-base-color { border-left: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-left-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-left-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-left-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-left-2-base-color { border-left: solid 2px var(--base-color); } .theme[data-theme=light] .border-left-2-solid-base-color { border-left: solid 2px var(--base-color); } .theme[data-theme=light] .border-left-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .theme[data-theme=light] .border-left-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .theme[data-theme=light] .border-left-2-5-base-color { border-left: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-left-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-left-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-left-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-left-3-base-color { border-left: solid 3px var(--base-color); } .theme[data-theme=light] .border-left-3-solid-base-color { border-left: solid 3px var(--base-color); } .theme[data-theme=light] .border-left-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .theme[data-theme=light] .border-left-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .theme[data-theme=light] .border-left-first-base-color:first-child { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-last-base-color:last-child { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-solid-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-dashed-base-color { border-right: dashed 1px var(--base-color); } .theme[data-theme=light] .border-right-dotted-base-color { border-right: dotted 1px var(--base-color); } .theme[data-theme=light] .border-right-0-base-color { border-right: solid 0px var(--base-color); } .theme[data-theme=light] .border-right-0-solid-base-color { border-right: solid 0px var(--base-color); } .theme[data-theme=light] .border-right-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .theme[data-theme=light] .border-right-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .theme[data-theme=light] .border-right-0-5-base-color { border-right: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-right-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-right-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-right-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-right-1-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-1-solid-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .theme[data-theme=light] .border-right-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .theme[data-theme=light] .border-right-1-5-base-color { border-right: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-right-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-right-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-right-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-right-2-base-color { border-right: solid 2px var(--base-color); } .theme[data-theme=light] .border-right-2-solid-base-color { border-right: solid 2px var(--base-color); } .theme[data-theme=light] .border-right-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .theme[data-theme=light] .border-right-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .theme[data-theme=light] .border-right-2-5-base-color { border-right: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-right-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-right-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-right-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-right-3-base-color { border-right: solid 3px var(--base-color); } .theme[data-theme=light] .border-right-3-solid-base-color { border-right: solid 3px var(--base-color); } .theme[data-theme=light] .border-right-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .theme[data-theme=light] .border-right-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .theme[data-theme=light] .border-right-first-base-color:first-child { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-last-base-color:last-child { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-solid-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-dashed-base-color { border-top: dashed 1px var(--base-color); } .theme[data-theme=light] .border-top-dotted-base-color { border-top: dotted 1px var(--base-color); } .theme[data-theme=light] .border-top-0-base-color { border-top: solid 0px var(--base-color); } .theme[data-theme=light] .border-top-0-solid-base-color { border-top: solid 0px var(--base-color); } .theme[data-theme=light] .border-top-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .theme[data-theme=light] .border-top-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .theme[data-theme=light] .border-top-0-5-base-color { border-top: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-top-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-top-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-top-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-top-1-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-1-solid-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .theme[data-theme=light] .border-top-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .theme[data-theme=light] .border-top-1-5-base-color { border-top: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-top-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-top-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-top-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-top-2-base-color { border-top: solid 2px var(--base-color); } .theme[data-theme=light] .border-top-2-solid-base-color { border-top: solid 2px var(--base-color); } .theme[data-theme=light] .border-top-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .theme[data-theme=light] .border-top-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .theme[data-theme=light] .border-top-2-5-base-color { border-top: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-top-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-top-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-top-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-top-3-base-color { border-top: solid 3px var(--base-color); } .theme[data-theme=light] .border-top-3-solid-base-color { border-top: solid 3px var(--base-color); } .theme[data-theme=light] .border-top-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .theme[data-theme=light] .border-top-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .theme[data-theme=light] .border-top-first-base-color:first-child { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-last-base-color:last-child { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-solid-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .theme[data-theme=light] .border-bottom-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .theme[data-theme=light] .border-bottom-0-base-color { border-bottom: solid 0px var(--base-color); } .theme[data-theme=light] .border-bottom-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .theme[data-theme=light] .border-bottom-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .theme[data-theme=light] .border-bottom-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .theme[data-theme=light] .border-bottom-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-1-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .theme[data-theme=light] .border-bottom-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .theme[data-theme=light] .border-bottom-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-2-base-color { border-bottom: solid 2px var(--base-color); } .theme[data-theme=light] .border-bottom-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .theme[data-theme=light] .border-bottom-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .theme[data-theme=light] .border-bottom-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .theme[data-theme=light] .border-bottom-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-3-base-color { border-bottom: solid 3px var(--base-color); } .theme[data-theme=light] .border-bottom-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .theme[data-theme=light] .border-bottom-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .theme[data-theme=light] .border-bottom-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .theme[data-theme=light] .border-bottom-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-solid-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-dashed-second-color { border-left: dashed 1px var(--second-color); } .theme[data-theme=light] .border-left-dotted-second-color { border-left: dotted 1px var(--second-color); } .theme[data-theme=light] .border-left-0-second-color { border-left: solid 0px var(--second-color); } .theme[data-theme=light] .border-left-0-solid-second-color { border-left: solid 0px var(--second-color); } .theme[data-theme=light] .border-left-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .theme[data-theme=light] .border-left-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .theme[data-theme=light] .border-left-0-5-second-color { border-left: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-left-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-left-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-left-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-left-1-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-1-solid-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .theme[data-theme=light] .border-left-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .theme[data-theme=light] .border-left-1-5-second-color { border-left: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-left-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-left-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-left-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-left-2-second-color { border-left: solid 2px var(--second-color); } .theme[data-theme=light] .border-left-2-solid-second-color { border-left: solid 2px var(--second-color); } .theme[data-theme=light] .border-left-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .theme[data-theme=light] .border-left-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .theme[data-theme=light] .border-left-2-5-second-color { border-left: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-left-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-left-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-left-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-left-3-second-color { border-left: solid 3px var(--second-color); } .theme[data-theme=light] .border-left-3-solid-second-color { border-left: solid 3px var(--second-color); } .theme[data-theme=light] .border-left-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .theme[data-theme=light] .border-left-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .theme[data-theme=light] .border-left-first-second-color:first-child { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-last-second-color:last-child { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-solid-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-dashed-second-color { border-right: dashed 1px var(--second-color); } .theme[data-theme=light] .border-right-dotted-second-color { border-right: dotted 1px var(--second-color); } .theme[data-theme=light] .border-right-0-second-color { border-right: solid 0px var(--second-color); } .theme[data-theme=light] .border-right-0-solid-second-color { border-right: solid 0px var(--second-color); } .theme[data-theme=light] .border-right-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .theme[data-theme=light] .border-right-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .theme[data-theme=light] .border-right-0-5-second-color { border-right: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-right-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-right-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-right-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-right-1-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-1-solid-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .theme[data-theme=light] .border-right-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .theme[data-theme=light] .border-right-1-5-second-color { border-right: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-right-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-right-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-right-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-right-2-second-color { border-right: solid 2px var(--second-color); } .theme[data-theme=light] .border-right-2-solid-second-color { border-right: solid 2px var(--second-color); } .theme[data-theme=light] .border-right-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .theme[data-theme=light] .border-right-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .theme[data-theme=light] .border-right-2-5-second-color { border-right: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-right-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-right-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-right-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-right-3-second-color { border-right: solid 3px var(--second-color); } .theme[data-theme=light] .border-right-3-solid-second-color { border-right: solid 3px var(--second-color); } .theme[data-theme=light] .border-right-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .theme[data-theme=light] .border-right-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .theme[data-theme=light] .border-right-first-second-color:first-child { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-last-second-color:last-child { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-solid-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-dashed-second-color { border-top: dashed 1px var(--second-color); } .theme[data-theme=light] .border-top-dotted-second-color { border-top: dotted 1px var(--second-color); } .theme[data-theme=light] .border-top-0-second-color { border-top: solid 0px var(--second-color); } .theme[data-theme=light] .border-top-0-solid-second-color { border-top: solid 0px var(--second-color); } .theme[data-theme=light] .border-top-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .theme[data-theme=light] .border-top-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .theme[data-theme=light] .border-top-0-5-second-color { border-top: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-top-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-top-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-top-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-top-1-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-1-solid-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .theme[data-theme=light] .border-top-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .theme[data-theme=light] .border-top-1-5-second-color { border-top: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-top-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-top-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-top-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-top-2-second-color { border-top: solid 2px var(--second-color); } .theme[data-theme=light] .border-top-2-solid-second-color { border-top: solid 2px var(--second-color); } .theme[data-theme=light] .border-top-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .theme[data-theme=light] .border-top-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .theme[data-theme=light] .border-top-2-5-second-color { border-top: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-top-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-top-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-top-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-top-3-second-color { border-top: solid 3px var(--second-color); } .theme[data-theme=light] .border-top-3-solid-second-color { border-top: solid 3px var(--second-color); } .theme[data-theme=light] .border-top-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .theme[data-theme=light] .border-top-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .theme[data-theme=light] .border-top-first-second-color:first-child { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-last-second-color:last-child { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-solid-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .theme[data-theme=light] .border-bottom-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .theme[data-theme=light] .border-bottom-0-second-color { border-bottom: solid 0px var(--second-color); } .theme[data-theme=light] .border-bottom-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .theme[data-theme=light] .border-bottom-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .theme[data-theme=light] .border-bottom-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .theme[data-theme=light] .border-bottom-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-1-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .theme[data-theme=light] .border-bottom-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .theme[data-theme=light] .border-bottom-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-2-second-color { border-bottom: solid 2px var(--second-color); } .theme[data-theme=light] .border-bottom-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .theme[data-theme=light] .border-bottom-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .theme[data-theme=light] .border-bottom-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .theme[data-theme=light] .border-bottom-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-3-second-color { border-bottom: solid 3px var(--second-color); } .theme[data-theme=light] .border-bottom-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .theme[data-theme=light] .border-bottom-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .theme[data-theme=light] .border-bottom-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .theme[data-theme=light] .border-bottom-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-solid-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-dashed-third-color { border-left: dashed 1px var(--third-color); } .theme[data-theme=light] .border-left-dotted-third-color { border-left: dotted 1px var(--third-color); } .theme[data-theme=light] .border-left-0-third-color { border-left: solid 0px var(--third-color); } .theme[data-theme=light] .border-left-0-solid-third-color { border-left: solid 0px var(--third-color); } .theme[data-theme=light] .border-left-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .theme[data-theme=light] .border-left-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .theme[data-theme=light] .border-left-0-5-third-color { border-left: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-left-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-left-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-left-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-left-1-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-1-solid-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .theme[data-theme=light] .border-left-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .theme[data-theme=light] .border-left-1-5-third-color { border-left: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-left-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-left-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-left-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-left-2-third-color { border-left: solid 2px var(--third-color); } .theme[data-theme=light] .border-left-2-solid-third-color { border-left: solid 2px var(--third-color); } .theme[data-theme=light] .border-left-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .theme[data-theme=light] .border-left-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .theme[data-theme=light] .border-left-2-5-third-color { border-left: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-left-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-left-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-left-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-left-3-third-color { border-left: solid 3px var(--third-color); } .theme[data-theme=light] .border-left-3-solid-third-color { border-left: solid 3px var(--third-color); } .theme[data-theme=light] .border-left-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .theme[data-theme=light] .border-left-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .theme[data-theme=light] .border-left-first-third-color:first-child { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-last-third-color:last-child { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-solid-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-dashed-third-color { border-right: dashed 1px var(--third-color); } .theme[data-theme=light] .border-right-dotted-third-color { border-right: dotted 1px var(--third-color); } .theme[data-theme=light] .border-right-0-third-color { border-right: solid 0px var(--third-color); } .theme[data-theme=light] .border-right-0-solid-third-color { border-right: solid 0px var(--third-color); } .theme[data-theme=light] .border-right-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .theme[data-theme=light] .border-right-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .theme[data-theme=light] .border-right-0-5-third-color { border-right: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-right-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-right-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-right-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-right-1-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-1-solid-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .theme[data-theme=light] .border-right-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .theme[data-theme=light] .border-right-1-5-third-color { border-right: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-right-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-right-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-right-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-right-2-third-color { border-right: solid 2px var(--third-color); } .theme[data-theme=light] .border-right-2-solid-third-color { border-right: solid 2px var(--third-color); } .theme[data-theme=light] .border-right-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .theme[data-theme=light] .border-right-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .theme[data-theme=light] .border-right-2-5-third-color { border-right: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-right-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-right-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-right-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-right-3-third-color { border-right: solid 3px var(--third-color); } .theme[data-theme=light] .border-right-3-solid-third-color { border-right: solid 3px var(--third-color); } .theme[data-theme=light] .border-right-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .theme[data-theme=light] .border-right-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .theme[data-theme=light] .border-right-first-third-color:first-child { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-last-third-color:last-child { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-solid-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-dashed-third-color { border-top: dashed 1px var(--third-color); } .theme[data-theme=light] .border-top-dotted-third-color { border-top: dotted 1px var(--third-color); } .theme[data-theme=light] .border-top-0-third-color { border-top: solid 0px var(--third-color); } .theme[data-theme=light] .border-top-0-solid-third-color { border-top: solid 0px var(--third-color); } .theme[data-theme=light] .border-top-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .theme[data-theme=light] .border-top-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .theme[data-theme=light] .border-top-0-5-third-color { border-top: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-top-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-top-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-top-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-top-1-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-1-solid-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .theme[data-theme=light] .border-top-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .theme[data-theme=light] .border-top-1-5-third-color { border-top: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-top-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-top-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-top-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-top-2-third-color { border-top: solid 2px var(--third-color); } .theme[data-theme=light] .border-top-2-solid-third-color { border-top: solid 2px var(--third-color); } .theme[data-theme=light] .border-top-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .theme[data-theme=light] .border-top-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .theme[data-theme=light] .border-top-2-5-third-color { border-top: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-top-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-top-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-top-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-top-3-third-color { border-top: solid 3px var(--third-color); } .theme[data-theme=light] .border-top-3-solid-third-color { border-top: solid 3px var(--third-color); } .theme[data-theme=light] .border-top-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .theme[data-theme=light] .border-top-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .theme[data-theme=light] .border-top-first-third-color:first-child { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-last-third-color:last-child { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-solid-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .theme[data-theme=light] .border-bottom-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .theme[data-theme=light] .border-bottom-0-third-color { border-bottom: solid 0px var(--third-color); } .theme[data-theme=light] .border-bottom-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .theme[data-theme=light] .border-bottom-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .theme[data-theme=light] .border-bottom-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .theme[data-theme=light] .border-bottom-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-1-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .theme[data-theme=light] .border-bottom-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .theme[data-theme=light] .border-bottom-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-2-third-color { border-bottom: solid 2px var(--third-color); } .theme[data-theme=light] .border-bottom-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .theme[data-theme=light] .border-bottom-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .theme[data-theme=light] .border-bottom-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .theme[data-theme=light] .border-bottom-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-3-third-color { border-bottom: solid 3px var(--third-color); } .theme[data-theme=light] .border-bottom-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .theme[data-theme=light] .border-bottom-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .theme[data-theme=light] .border-bottom-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .theme[data-theme=light] .border-bottom-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-left-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-left-0-fourth-color { border-left: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-left-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-left-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-left-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-left-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-1-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-left-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-left-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-2-fourth-color { border-left: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-left-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-left-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-left-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-left-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-3-fourth-color { border-left: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-left-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-left-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-left-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-left-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-right-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-right-0-fourth-color { border-right: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-right-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-right-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-right-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-right-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-1-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-right-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-right-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-2-fourth-color { border-right: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-right-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-right-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-right-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-right-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-3-fourth-color { border-right: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-right-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-right-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-right-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-right-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-top-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-top-0-fourth-color { border-top: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-top-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-top-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-top-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-top-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-1-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-top-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-top-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-2-fourth-color { border-top: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-top-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-top-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-top-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-top-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-3-fourth-color { border-top: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-top-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-top-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-top-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-top-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-left-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-left-0-highlight-color { border-left: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-left-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-left-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-left-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-left-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-1-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-left-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-left-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-2-highlight-color { border-left: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-left-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-left-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-left-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-left-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-3-highlight-color { border-left: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-left-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-left-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-left-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-left-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-right-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-right-0-highlight-color { border-right: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-right-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-right-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-right-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-right-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-1-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-right-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-right-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-2-highlight-color { border-right: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-right-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-right-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-right-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-right-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-3-highlight-color { border-right: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-right-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-right-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-right-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-right-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-top-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-top-0-highlight-color { border-top: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-top-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-top-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-top-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-top-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-1-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-top-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-top-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-2-highlight-color { border-top: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-top-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-top-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-top-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-top-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-3-highlight-color { border-top: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-top-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-top-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-top-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-top-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-solid-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-dashed-white { border-left: dashed 1px var(--white); } .theme[data-theme=light] .border-left-dotted-white { border-left: dotted 1px var(--white); } .theme[data-theme=light] .border-left-0-white { border-left: solid 0px var(--white); } .theme[data-theme=light] .border-left-0-solid-white { border-left: solid 0px var(--white); } .theme[data-theme=light] .border-left-0-dashed-white { border-left: dashed 0px var(--white); } .theme[data-theme=light] .border-left-0-dotted-white { border-left: dotted 0px var(--white); } .theme[data-theme=light] .border-left-0-5-white { border-left: solid 0.5px var(--white); } .theme[data-theme=light] .border-left-0-5-solid-white { border-left: solid 0.5px var(--white); } .theme[data-theme=light] .border-left-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .theme[data-theme=light] .border-left-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .theme[data-theme=light] .border-left-1-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-1-solid-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-1-dashed-white { border-left: dashed 1px var(--white); } .theme[data-theme=light] .border-left-1-dotted-white { border-left: dotted 1px var(--white); } .theme[data-theme=light] .border-left-1-5-white { border-left: solid 1.5px var(--white); } .theme[data-theme=light] .border-left-1-5-solid-white { border-left: solid 1.5px var(--white); } .theme[data-theme=light] .border-left-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .theme[data-theme=light] .border-left-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .theme[data-theme=light] .border-left-2-white { border-left: solid 2px var(--white); } .theme[data-theme=light] .border-left-2-solid-white { border-left: solid 2px var(--white); } .theme[data-theme=light] .border-left-2-dashed-white { border-left: dashed 2px var(--white); } .theme[data-theme=light] .border-left-2-dotted-white { border-left: dotted 2px var(--white); } .theme[data-theme=light] .border-left-2-5-white { border-left: solid 2.5px var(--white); } .theme[data-theme=light] .border-left-2-5-solid-white { border-left: solid 2.5px var(--white); } .theme[data-theme=light] .border-left-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .theme[data-theme=light] .border-left-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .theme[data-theme=light] .border-left-3-white { border-left: solid 3px var(--white); } .theme[data-theme=light] .border-left-3-solid-white { border-left: solid 3px var(--white); } .theme[data-theme=light] .border-left-3-dashed-white { border-left: dashed 3px var(--white); } .theme[data-theme=light] .border-left-3-dotted-white { border-left: dotted 3px var(--white); } .theme[data-theme=light] .border-left-first-white:first-child { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-last-white:last-child { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-even-white:nth-child(even) { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-right-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-solid-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-dashed-white { border-right: dashed 1px var(--white); } .theme[data-theme=light] .border-right-dotted-white { border-right: dotted 1px var(--white); } .theme[data-theme=light] .border-right-0-white { border-right: solid 0px var(--white); } .theme[data-theme=light] .border-right-0-solid-white { border-right: solid 0px var(--white); } .theme[data-theme=light] .border-right-0-dashed-white { border-right: dashed 0px var(--white); } .theme[data-theme=light] .border-right-0-dotted-white { border-right: dotted 0px var(--white); } .theme[data-theme=light] .border-right-0-5-white { border-right: solid 0.5px var(--white); } .theme[data-theme=light] .border-right-0-5-solid-white { border-right: solid 0.5px var(--white); } .theme[data-theme=light] .border-right-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .theme[data-theme=light] .border-right-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .theme[data-theme=light] .border-right-1-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-1-solid-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-1-dashed-white { border-right: dashed 1px var(--white); } .theme[data-theme=light] .border-right-1-dotted-white { border-right: dotted 1px var(--white); } .theme[data-theme=light] .border-right-1-5-white { border-right: solid 1.5px var(--white); } .theme[data-theme=light] .border-right-1-5-solid-white { border-right: solid 1.5px var(--white); } .theme[data-theme=light] .border-right-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .theme[data-theme=light] .border-right-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .theme[data-theme=light] .border-right-2-white { border-right: solid 2px var(--white); } .theme[data-theme=light] .border-right-2-solid-white { border-right: solid 2px var(--white); } .theme[data-theme=light] .border-right-2-dashed-white { border-right: dashed 2px var(--white); } .theme[data-theme=light] .border-right-2-dotted-white { border-right: dotted 2px var(--white); } .theme[data-theme=light] .border-right-2-5-white { border-right: solid 2.5px var(--white); } .theme[data-theme=light] .border-right-2-5-solid-white { border-right: solid 2.5px var(--white); } .theme[data-theme=light] .border-right-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .theme[data-theme=light] .border-right-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .theme[data-theme=light] .border-right-3-white { border-right: solid 3px var(--white); } .theme[data-theme=light] .border-right-3-solid-white { border-right: solid 3px var(--white); } .theme[data-theme=light] .border-right-3-dashed-white { border-right: dashed 3px var(--white); } .theme[data-theme=light] .border-right-3-dotted-white { border-right: dotted 3px var(--white); } .theme[data-theme=light] .border-right-first-white:first-child { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-last-white:last-child { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-even-white:nth-child(even) { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-top-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-solid-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-dashed-white { border-top: dashed 1px var(--white); } .theme[data-theme=light] .border-top-dotted-white { border-top: dotted 1px var(--white); } .theme[data-theme=light] .border-top-0-white { border-top: solid 0px var(--white); } .theme[data-theme=light] .border-top-0-solid-white { border-top: solid 0px var(--white); } .theme[data-theme=light] .border-top-0-dashed-white { border-top: dashed 0px var(--white); } .theme[data-theme=light] .border-top-0-dotted-white { border-top: dotted 0px var(--white); } .theme[data-theme=light] .border-top-0-5-white { border-top: solid 0.5px var(--white); } .theme[data-theme=light] .border-top-0-5-solid-white { border-top: solid 0.5px var(--white); } .theme[data-theme=light] .border-top-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .theme[data-theme=light] .border-top-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .theme[data-theme=light] .border-top-1-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-1-solid-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-1-dashed-white { border-top: dashed 1px var(--white); } .theme[data-theme=light] .border-top-1-dotted-white { border-top: dotted 1px var(--white); } .theme[data-theme=light] .border-top-1-5-white { border-top: solid 1.5px var(--white); } .theme[data-theme=light] .border-top-1-5-solid-white { border-top: solid 1.5px var(--white); } .theme[data-theme=light] .border-top-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .theme[data-theme=light] .border-top-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .theme[data-theme=light] .border-top-2-white { border-top: solid 2px var(--white); } .theme[data-theme=light] .border-top-2-solid-white { border-top: solid 2px var(--white); } .theme[data-theme=light] .border-top-2-dashed-white { border-top: dashed 2px var(--white); } .theme[data-theme=light] .border-top-2-dotted-white { border-top: dotted 2px var(--white); } .theme[data-theme=light] .border-top-2-5-white { border-top: solid 2.5px var(--white); } .theme[data-theme=light] .border-top-2-5-solid-white { border-top: solid 2.5px var(--white); } .theme[data-theme=light] .border-top-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .theme[data-theme=light] .border-top-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .theme[data-theme=light] .border-top-3-white { border-top: solid 3px var(--white); } .theme[data-theme=light] .border-top-3-solid-white { border-top: solid 3px var(--white); } .theme[data-theme=light] .border-top-3-dashed-white { border-top: dashed 3px var(--white); } .theme[data-theme=light] .border-top-3-dotted-white { border-top: dotted 3px var(--white); } .theme[data-theme=light] .border-top-first-white:first-child { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-last-white:last-child { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-even-white:nth-child(even) { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-solid-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-dashed-white { border-bottom: dashed 1px var(--white); } .theme[data-theme=light] .border-bottom-dotted-white { border-bottom: dotted 1px var(--white); } .theme[data-theme=light] .border-bottom-0-white { border-bottom: solid 0px var(--white); } .theme[data-theme=light] .border-bottom-0-solid-white { border-bottom: solid 0px var(--white); } .theme[data-theme=light] .border-bottom-0-dashed-white { border-bottom: dashed 0px var(--white); } .theme[data-theme=light] .border-bottom-0-dotted-white { border-bottom: dotted 0px var(--white); } .theme[data-theme=light] .border-bottom-0-5-white { border-bottom: solid 0.5px var(--white); } .theme[data-theme=light] .border-bottom-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .theme[data-theme=light] .border-bottom-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .theme[data-theme=light] .border-bottom-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .theme[data-theme=light] .border-bottom-1-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-1-solid-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-1-dashed-white { border-bottom: dashed 1px var(--white); } .theme[data-theme=light] .border-bottom-1-dotted-white { border-bottom: dotted 1px var(--white); } .theme[data-theme=light] .border-bottom-1-5-white { border-bottom: solid 1.5px var(--white); } .theme[data-theme=light] .border-bottom-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .theme[data-theme=light] .border-bottom-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .theme[data-theme=light] .border-bottom-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .theme[data-theme=light] .border-bottom-2-white { border-bottom: solid 2px var(--white); } .theme[data-theme=light] .border-bottom-2-solid-white { border-bottom: solid 2px var(--white); } .theme[data-theme=light] .border-bottom-2-dashed-white { border-bottom: dashed 2px var(--white); } .theme[data-theme=light] .border-bottom-2-dotted-white { border-bottom: dotted 2px var(--white); } .theme[data-theme=light] .border-bottom-2-5-white { border-bottom: solid 2.5px var(--white); } .theme[data-theme=light] .border-bottom-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .theme[data-theme=light] .border-bottom-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .theme[data-theme=light] .border-bottom-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .theme[data-theme=light] .border-bottom-3-white { border-bottom: solid 3px var(--white); } .theme[data-theme=light] .border-bottom-3-solid-white { border-bottom: solid 3px var(--white); } .theme[data-theme=light] .border-bottom-3-dashed-white { border-bottom: dashed 3px var(--white); } .theme[data-theme=light] .border-bottom-3-dotted-white { border-bottom: dotted 3px var(--white); } .theme[data-theme=light] .border-bottom-first-white:first-child { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-last-white:last-child { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-left-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-solid-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-dashed-black { border-left: dashed 1px var(--black); } .theme[data-theme=light] .border-left-dotted-black { border-left: dotted 1px var(--black); } .theme[data-theme=light] .border-left-0-black { border-left: solid 0px var(--black); } .theme[data-theme=light] .border-left-0-solid-black { border-left: solid 0px var(--black); } .theme[data-theme=light] .border-left-0-dashed-black { border-left: dashed 0px var(--black); } .theme[data-theme=light] .border-left-0-dotted-black { border-left: dotted 0px var(--black); } .theme[data-theme=light] .border-left-0-5-black { border-left: solid 0.5px var(--black); } .theme[data-theme=light] .border-left-0-5-solid-black { border-left: solid 0.5px var(--black); } .theme[data-theme=light] .border-left-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .theme[data-theme=light] .border-left-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .theme[data-theme=light] .border-left-1-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-1-solid-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-1-dashed-black { border-left: dashed 1px var(--black); } .theme[data-theme=light] .border-left-1-dotted-black { border-left: dotted 1px var(--black); } .theme[data-theme=light] .border-left-1-5-black { border-left: solid 1.5px var(--black); } .theme[data-theme=light] .border-left-1-5-solid-black { border-left: solid 1.5px var(--black); } .theme[data-theme=light] .border-left-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .theme[data-theme=light] .border-left-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .theme[data-theme=light] .border-left-2-black { border-left: solid 2px var(--black); } .theme[data-theme=light] .border-left-2-solid-black { border-left: solid 2px var(--black); } .theme[data-theme=light] .border-left-2-dashed-black { border-left: dashed 2px var(--black); } .theme[data-theme=light] .border-left-2-dotted-black { border-left: dotted 2px var(--black); } .theme[data-theme=light] .border-left-2-5-black { border-left: solid 2.5px var(--black); } .theme[data-theme=light] .border-left-2-5-solid-black { border-left: solid 2.5px var(--black); } .theme[data-theme=light] .border-left-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .theme[data-theme=light] .border-left-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .theme[data-theme=light] .border-left-3-black { border-left: solid 3px var(--black); } .theme[data-theme=light] .border-left-3-solid-black { border-left: solid 3px var(--black); } .theme[data-theme=light] .border-left-3-dashed-black { border-left: dashed 3px var(--black); } .theme[data-theme=light] .border-left-3-dotted-black { border-left: dotted 3px var(--black); } .theme[data-theme=light] .border-left-first-black:first-child { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-last-black:last-child { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-even-black:nth-child(even) { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-right-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-solid-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-dashed-black { border-right: dashed 1px var(--black); } .theme[data-theme=light] .border-right-dotted-black { border-right: dotted 1px var(--black); } .theme[data-theme=light] .border-right-0-black { border-right: solid 0px var(--black); } .theme[data-theme=light] .border-right-0-solid-black { border-right: solid 0px var(--black); } .theme[data-theme=light] .border-right-0-dashed-black { border-right: dashed 0px var(--black); } .theme[data-theme=light] .border-right-0-dotted-black { border-right: dotted 0px var(--black); } .theme[data-theme=light] .border-right-0-5-black { border-right: solid 0.5px var(--black); } .theme[data-theme=light] .border-right-0-5-solid-black { border-right: solid 0.5px var(--black); } .theme[data-theme=light] .border-right-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .theme[data-theme=light] .border-right-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .theme[data-theme=light] .border-right-1-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-1-solid-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-1-dashed-black { border-right: dashed 1px var(--black); } .theme[data-theme=light] .border-right-1-dotted-black { border-right: dotted 1px var(--black); } .theme[data-theme=light] .border-right-1-5-black { border-right: solid 1.5px var(--black); } .theme[data-theme=light] .border-right-1-5-solid-black { border-right: solid 1.5px var(--black); } .theme[data-theme=light] .border-right-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .theme[data-theme=light] .border-right-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .theme[data-theme=light] .border-right-2-black { border-right: solid 2px var(--black); } .theme[data-theme=light] .border-right-2-solid-black { border-right: solid 2px var(--black); } .theme[data-theme=light] .border-right-2-dashed-black { border-right: dashed 2px var(--black); } .theme[data-theme=light] .border-right-2-dotted-black { border-right: dotted 2px var(--black); } .theme[data-theme=light] .border-right-2-5-black { border-right: solid 2.5px var(--black); } .theme[data-theme=light] .border-right-2-5-solid-black { border-right: solid 2.5px var(--black); } .theme[data-theme=light] .border-right-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .theme[data-theme=light] .border-right-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .theme[data-theme=light] .border-right-3-black { border-right: solid 3px var(--black); } .theme[data-theme=light] .border-right-3-solid-black { border-right: solid 3px var(--black); } .theme[data-theme=light] .border-right-3-dashed-black { border-right: dashed 3px var(--black); } .theme[data-theme=light] .border-right-3-dotted-black { border-right: dotted 3px var(--black); } .theme[data-theme=light] .border-right-first-black:first-child { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-last-black:last-child { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-even-black:nth-child(even) { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-top-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-solid-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-dashed-black { border-top: dashed 1px var(--black); } .theme[data-theme=light] .border-top-dotted-black { border-top: dotted 1px var(--black); } .theme[data-theme=light] .border-top-0-black { border-top: solid 0px var(--black); } .theme[data-theme=light] .border-top-0-solid-black { border-top: solid 0px var(--black); } .theme[data-theme=light] .border-top-0-dashed-black { border-top: dashed 0px var(--black); } .theme[data-theme=light] .border-top-0-dotted-black { border-top: dotted 0px var(--black); } .theme[data-theme=light] .border-top-0-5-black { border-top: solid 0.5px var(--black); } .theme[data-theme=light] .border-top-0-5-solid-black { border-top: solid 0.5px var(--black); } .theme[data-theme=light] .border-top-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .theme[data-theme=light] .border-top-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .theme[data-theme=light] .border-top-1-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-1-solid-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-1-dashed-black { border-top: dashed 1px var(--black); } .theme[data-theme=light] .border-top-1-dotted-black { border-top: dotted 1px var(--black); } .theme[data-theme=light] .border-top-1-5-black { border-top: solid 1.5px var(--black); } .theme[data-theme=light] .border-top-1-5-solid-black { border-top: solid 1.5px var(--black); } .theme[data-theme=light] .border-top-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .theme[data-theme=light] .border-top-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .theme[data-theme=light] .border-top-2-black { border-top: solid 2px var(--black); } .theme[data-theme=light] .border-top-2-solid-black { border-top: solid 2px var(--black); } .theme[data-theme=light] .border-top-2-dashed-black { border-top: dashed 2px var(--black); } .theme[data-theme=light] .border-top-2-dotted-black { border-top: dotted 2px var(--black); } .theme[data-theme=light] .border-top-2-5-black { border-top: solid 2.5px var(--black); } .theme[data-theme=light] .border-top-2-5-solid-black { border-top: solid 2.5px var(--black); } .theme[data-theme=light] .border-top-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .theme[data-theme=light] .border-top-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .theme[data-theme=light] .border-top-3-black { border-top: solid 3px var(--black); } .theme[data-theme=light] .border-top-3-solid-black { border-top: solid 3px var(--black); } .theme[data-theme=light] .border-top-3-dashed-black { border-top: dashed 3px var(--black); } .theme[data-theme=light] .border-top-3-dotted-black { border-top: dotted 3px var(--black); } .theme[data-theme=light] .border-top-first-black:first-child { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-last-black:last-child { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-even-black:nth-child(even) { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-solid-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-dashed-black { border-bottom: dashed 1px var(--black); } .theme[data-theme=light] .border-bottom-dotted-black { border-bottom: dotted 1px var(--black); } .theme[data-theme=light] .border-bottom-0-black { border-bottom: solid 0px var(--black); } .theme[data-theme=light] .border-bottom-0-solid-black { border-bottom: solid 0px var(--black); } .theme[data-theme=light] .border-bottom-0-dashed-black { border-bottom: dashed 0px var(--black); } .theme[data-theme=light] .border-bottom-0-dotted-black { border-bottom: dotted 0px var(--black); } .theme[data-theme=light] .border-bottom-0-5-black { border-bottom: solid 0.5px var(--black); } .theme[data-theme=light] .border-bottom-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .theme[data-theme=light] .border-bottom-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .theme[data-theme=light] .border-bottom-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .theme[data-theme=light] .border-bottom-1-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-1-solid-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-1-dashed-black { border-bottom: dashed 1px var(--black); } .theme[data-theme=light] .border-bottom-1-dotted-black { border-bottom: dotted 1px var(--black); } .theme[data-theme=light] .border-bottom-1-5-black { border-bottom: solid 1.5px var(--black); } .theme[data-theme=light] .border-bottom-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .theme[data-theme=light] .border-bottom-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .theme[data-theme=light] .border-bottom-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .theme[data-theme=light] .border-bottom-2-black { border-bottom: solid 2px var(--black); } .theme[data-theme=light] .border-bottom-2-solid-black { border-bottom: solid 2px var(--black); } .theme[data-theme=light] .border-bottom-2-dashed-black { border-bottom: dashed 2px var(--black); } .theme[data-theme=light] .border-bottom-2-dotted-black { border-bottom: dotted 2px var(--black); } .theme[data-theme=light] .border-bottom-2-5-black { border-bottom: solid 2.5px var(--black); } .theme[data-theme=light] .border-bottom-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .theme[data-theme=light] .border-bottom-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .theme[data-theme=light] .border-bottom-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .theme[data-theme=light] .border-bottom-3-black { border-bottom: solid 3px var(--black); } .theme[data-theme=light] .border-bottom-3-solid-black { border-bottom: solid 3px var(--black); } .theme[data-theme=light] .border-bottom-3-dashed-black { border-bottom: dashed 3px var(--black); } .theme[data-theme=light] .border-bottom-3-dotted-black { border-bottom: dotted 3px var(--black); } .theme[data-theme=light] .border-bottom-first-black:first-child { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-last-black:last-child { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-left-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-solid-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-left-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-left-0-light-gray { border-left: solid 0px var(--light-gray); } .theme[data-theme=light] .border-left-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .theme[data-theme=light] .border-left-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-left-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-left-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-1-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-left-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-left-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-2-light-gray { border-left: solid 2px var(--light-gray); } .theme[data-theme=light] .border-left-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .theme[data-theme=light] .border-left-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-left-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-left-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-3-light-gray { border-left: solid 3px var(--light-gray); } .theme[data-theme=light] .border-left-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .theme[data-theme=light] .border-left-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-left-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-left-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-solid-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-right-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-right-0-light-gray { border-right: solid 0px var(--light-gray); } .theme[data-theme=light] .border-right-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .theme[data-theme=light] .border-right-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-right-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-right-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-1-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-right-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-right-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-2-light-gray { border-right: solid 2px var(--light-gray); } .theme[data-theme=light] .border-right-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .theme[data-theme=light] .border-right-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-right-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-right-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-3-light-gray { border-right: solid 3px var(--light-gray); } .theme[data-theme=light] .border-right-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .theme[data-theme=light] .border-right-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-right-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-right-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-solid-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-top-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-top-0-light-gray { border-top: solid 0px var(--light-gray); } .theme[data-theme=light] .border-top-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .theme[data-theme=light] .border-top-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-top-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-top-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-1-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-top-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-top-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-2-light-gray { border-top: solid 2px var(--light-gray); } .theme[data-theme=light] .border-top-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .theme[data-theme=light] .border-top-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-top-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-top-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-3-light-gray { border-top: solid 3px var(--light-gray); } .theme[data-theme=light] .border-top-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .theme[data-theme=light] .border-top-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-top-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-top-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-light-gray { border-bottom: solid 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-light-gray { border-bottom: solid 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-3-light-gray { border-bottom: solid 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-solid-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-dashed-gray { border-left: dashed 1px var(--gray); } .theme[data-theme=light] .border-left-dotted-gray { border-left: dotted 1px var(--gray); } .theme[data-theme=light] .border-left-0-gray { border-left: solid 0px var(--gray); } .theme[data-theme=light] .border-left-0-solid-gray { border-left: solid 0px var(--gray); } .theme[data-theme=light] .border-left-0-dashed-gray { border-left: dashed 0px var(--gray); } .theme[data-theme=light] .border-left-0-dotted-gray { border-left: dotted 0px var(--gray); } .theme[data-theme=light] .border-left-0-5-gray { border-left: solid 0.5px var(--gray); } .theme[data-theme=light] .border-left-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .theme[data-theme=light] .border-left-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-left-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-left-1-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-1-solid-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-1-dashed-gray { border-left: dashed 1px var(--gray); } .theme[data-theme=light] .border-left-1-dotted-gray { border-left: dotted 1px var(--gray); } .theme[data-theme=light] .border-left-1-5-gray { border-left: solid 1.5px var(--gray); } .theme[data-theme=light] .border-left-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .theme[data-theme=light] .border-left-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-left-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-left-2-gray { border-left: solid 2px var(--gray); } .theme[data-theme=light] .border-left-2-solid-gray { border-left: solid 2px var(--gray); } .theme[data-theme=light] .border-left-2-dashed-gray { border-left: dashed 2px var(--gray); } .theme[data-theme=light] .border-left-2-dotted-gray { border-left: dotted 2px var(--gray); } .theme[data-theme=light] .border-left-2-5-gray { border-left: solid 2.5px var(--gray); } .theme[data-theme=light] .border-left-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .theme[data-theme=light] .border-left-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-left-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-left-3-gray { border-left: solid 3px var(--gray); } .theme[data-theme=light] .border-left-3-solid-gray { border-left: solid 3px var(--gray); } .theme[data-theme=light] .border-left-3-dashed-gray { border-left: dashed 3px var(--gray); } .theme[data-theme=light] .border-left-3-dotted-gray { border-left: dotted 3px var(--gray); } .theme[data-theme=light] .border-left-first-gray:first-child { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-last-gray:last-child { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-right-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-solid-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-dashed-gray { border-right: dashed 1px var(--gray); } .theme[data-theme=light] .border-right-dotted-gray { border-right: dotted 1px var(--gray); } .theme[data-theme=light] .border-right-0-gray { border-right: solid 0px var(--gray); } .theme[data-theme=light] .border-right-0-solid-gray { border-right: solid 0px var(--gray); } .theme[data-theme=light] .border-right-0-dashed-gray { border-right: dashed 0px var(--gray); } .theme[data-theme=light] .border-right-0-dotted-gray { border-right: dotted 0px var(--gray); } .theme[data-theme=light] .border-right-0-5-gray { border-right: solid 0.5px var(--gray); } .theme[data-theme=light] .border-right-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .theme[data-theme=light] .border-right-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-right-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-right-1-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-1-solid-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-1-dashed-gray { border-right: dashed 1px var(--gray); } .theme[data-theme=light] .border-right-1-dotted-gray { border-right: dotted 1px var(--gray); } .theme[data-theme=light] .border-right-1-5-gray { border-right: solid 1.5px var(--gray); } .theme[data-theme=light] .border-right-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .theme[data-theme=light] .border-right-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-right-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-right-2-gray { border-right: solid 2px var(--gray); } .theme[data-theme=light] .border-right-2-solid-gray { border-right: solid 2px var(--gray); } .theme[data-theme=light] .border-right-2-dashed-gray { border-right: dashed 2px var(--gray); } .theme[data-theme=light] .border-right-2-dotted-gray { border-right: dotted 2px var(--gray); } .theme[data-theme=light] .border-right-2-5-gray { border-right: solid 2.5px var(--gray); } .theme[data-theme=light] .border-right-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .theme[data-theme=light] .border-right-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-right-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-right-3-gray { border-right: solid 3px var(--gray); } .theme[data-theme=light] .border-right-3-solid-gray { border-right: solid 3px var(--gray); } .theme[data-theme=light] .border-right-3-dashed-gray { border-right: dashed 3px var(--gray); } .theme[data-theme=light] .border-right-3-dotted-gray { border-right: dotted 3px var(--gray); } .theme[data-theme=light] .border-right-first-gray:first-child { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-last-gray:last-child { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-top-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-solid-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-dashed-gray { border-top: dashed 1px var(--gray); } .theme[data-theme=light] .border-top-dotted-gray { border-top: dotted 1px var(--gray); } .theme[data-theme=light] .border-top-0-gray { border-top: solid 0px var(--gray); } .theme[data-theme=light] .border-top-0-solid-gray { border-top: solid 0px var(--gray); } .theme[data-theme=light] .border-top-0-dashed-gray { border-top: dashed 0px var(--gray); } .theme[data-theme=light] .border-top-0-dotted-gray { border-top: dotted 0px var(--gray); } .theme[data-theme=light] .border-top-0-5-gray { border-top: solid 0.5px var(--gray); } .theme[data-theme=light] .border-top-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .theme[data-theme=light] .border-top-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-top-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-top-1-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-1-solid-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-1-dashed-gray { border-top: dashed 1px var(--gray); } .theme[data-theme=light] .border-top-1-dotted-gray { border-top: dotted 1px var(--gray); } .theme[data-theme=light] .border-top-1-5-gray { border-top: solid 1.5px var(--gray); } .theme[data-theme=light] .border-top-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .theme[data-theme=light] .border-top-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-top-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-top-2-gray { border-top: solid 2px var(--gray); } .theme[data-theme=light] .border-top-2-solid-gray { border-top: solid 2px var(--gray); } .theme[data-theme=light] .border-top-2-dashed-gray { border-top: dashed 2px var(--gray); } .theme[data-theme=light] .border-top-2-dotted-gray { border-top: dotted 2px var(--gray); } .theme[data-theme=light] .border-top-2-5-gray { border-top: solid 2.5px var(--gray); } .theme[data-theme=light] .border-top-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .theme[data-theme=light] .border-top-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-top-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-top-3-gray { border-top: solid 3px var(--gray); } .theme[data-theme=light] .border-top-3-solid-gray { border-top: solid 3px var(--gray); } .theme[data-theme=light] .border-top-3-dashed-gray { border-top: dashed 3px var(--gray); } .theme[data-theme=light] .border-top-3-dotted-gray { border-top: dotted 3px var(--gray); } .theme[data-theme=light] .border-top-first-gray:first-child { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-last-gray:last-child { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-solid-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-dashed-gray { border-bottom: dashed 1px var(--gray); } .theme[data-theme=light] .border-bottom-dotted-gray { border-bottom: dotted 1px var(--gray); } .theme[data-theme=light] .border-bottom-0-gray { border-bottom: solid 0px var(--gray); } .theme[data-theme=light] .border-bottom-0-solid-gray { border-bottom: solid 0px var(--gray); } .theme[data-theme=light] .border-bottom-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .theme[data-theme=light] .border-bottom-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .theme[data-theme=light] .border-bottom-0-5-gray { border-bottom: solid 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-1-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-1-solid-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .theme[data-theme=light] .border-bottom-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .theme[data-theme=light] .border-bottom-1-5-gray { border-bottom: solid 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-2-gray { border-bottom: solid 2px var(--gray); } .theme[data-theme=light] .border-bottom-2-solid-gray { border-bottom: solid 2px var(--gray); } .theme[data-theme=light] .border-bottom-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .theme[data-theme=light] .border-bottom-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .theme[data-theme=light] .border-bottom-2-5-gray { border-bottom: solid 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-3-gray { border-bottom: solid 3px var(--gray); } .theme[data-theme=light] .border-bottom-3-solid-gray { border-bottom: solid 3px var(--gray); } .theme[data-theme=light] .border-bottom-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .theme[data-theme=light] .border-bottom-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .theme[data-theme=light] .border-bottom-first-gray:first-child { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-last-gray:last-child { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-left-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-left-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-left-0-mid-gray { border-left: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-left-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-left-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-left-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-left-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-1-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-left-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-left-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-2-mid-gray { border-left: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-left-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-left-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-left-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-left-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-3-mid-gray { border-left: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-left-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-left-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-left-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-left-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-right-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-right-0-mid-gray { border-right: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-right-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-right-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-right-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-right-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-1-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-right-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-right-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-2-mid-gray { border-right: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-right-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-right-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-right-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-right-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-3-mid-gray { border-right: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-right-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-right-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-right-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-right-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-top-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-top-0-mid-gray { border-top: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-top-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-top-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-top-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-top-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-1-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-top-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-top-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-2-mid-gray { border-top: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-top-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-top-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-top-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-top-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-3-mid-gray { border-top: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-top-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-top-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-top-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-top-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-left-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-left-0-dark-gray { border-left: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-left-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-left-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-left-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-left-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-1-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-left-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-left-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-2-dark-gray { border-left: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-left-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-left-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-left-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-left-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-3-dark-gray { border-left: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-left-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-left-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-left-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-left-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-right-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-right-0-dark-gray { border-right: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-right-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-right-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-right-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-right-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-1-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-right-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-right-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-2-dark-gray { border-right: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-right-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-right-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-right-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-right-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-3-dark-gray { border-right: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-right-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-right-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-right-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-right-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-top-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-top-0-dark-gray { border-top: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-top-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-top-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-top-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-top-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-1-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-top-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-top-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-2-dark-gray { border-top: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-top-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-top-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-top-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-top-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-3-dark-gray { border-top: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-top-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-top-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-top-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-top-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-solid-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-dashed-body-background { border-left: dashed 1px var(--body-background); } .theme[data-theme=light] .border-left-dotted-body-background { border-left: dotted 1px var(--body-background); } .theme[data-theme=light] .border-left-0-body-background { border-left: solid 0px var(--body-background); } .theme[data-theme=light] .border-left-0-solid-body-background { border-left: solid 0px var(--body-background); } .theme[data-theme=light] .border-left-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .theme[data-theme=light] .border-left-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .theme[data-theme=light] .border-left-0-5-body-background { border-left: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-left-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-left-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-left-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-left-1-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-1-solid-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .theme[data-theme=light] .border-left-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .theme[data-theme=light] .border-left-1-5-body-background { border-left: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-left-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-left-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-left-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-left-2-body-background { border-left: solid 2px var(--body-background); } .theme[data-theme=light] .border-left-2-solid-body-background { border-left: solid 2px var(--body-background); } .theme[data-theme=light] .border-left-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .theme[data-theme=light] .border-left-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .theme[data-theme=light] .border-left-2-5-body-background { border-left: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-left-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-left-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-left-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-left-3-body-background { border-left: solid 3px var(--body-background); } .theme[data-theme=light] .border-left-3-solid-body-background { border-left: solid 3px var(--body-background); } .theme[data-theme=light] .border-left-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .theme[data-theme=light] .border-left-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .theme[data-theme=light] .border-left-first-body-background:first-child { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-last-body-background:last-child { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-solid-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-dashed-body-background { border-right: dashed 1px var(--body-background); } .theme[data-theme=light] .border-right-dotted-body-background { border-right: dotted 1px var(--body-background); } .theme[data-theme=light] .border-right-0-body-background { border-right: solid 0px var(--body-background); } .theme[data-theme=light] .border-right-0-solid-body-background { border-right: solid 0px var(--body-background); } .theme[data-theme=light] .border-right-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .theme[data-theme=light] .border-right-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .theme[data-theme=light] .border-right-0-5-body-background { border-right: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-right-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-right-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-right-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-right-1-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-1-solid-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .theme[data-theme=light] .border-right-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .theme[data-theme=light] .border-right-1-5-body-background { border-right: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-right-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-right-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-right-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-right-2-body-background { border-right: solid 2px var(--body-background); } .theme[data-theme=light] .border-right-2-solid-body-background { border-right: solid 2px var(--body-background); } .theme[data-theme=light] .border-right-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .theme[data-theme=light] .border-right-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .theme[data-theme=light] .border-right-2-5-body-background { border-right: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-right-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-right-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-right-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-right-3-body-background { border-right: solid 3px var(--body-background); } .theme[data-theme=light] .border-right-3-solid-body-background { border-right: solid 3px var(--body-background); } .theme[data-theme=light] .border-right-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .theme[data-theme=light] .border-right-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .theme[data-theme=light] .border-right-first-body-background:first-child { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-last-body-background:last-child { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-solid-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-dashed-body-background { border-top: dashed 1px var(--body-background); } .theme[data-theme=light] .border-top-dotted-body-background { border-top: dotted 1px var(--body-background); } .theme[data-theme=light] .border-top-0-body-background { border-top: solid 0px var(--body-background); } .theme[data-theme=light] .border-top-0-solid-body-background { border-top: solid 0px var(--body-background); } .theme[data-theme=light] .border-top-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .theme[data-theme=light] .border-top-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .theme[data-theme=light] .border-top-0-5-body-background { border-top: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-top-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-top-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-top-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-top-1-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-1-solid-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .theme[data-theme=light] .border-top-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .theme[data-theme=light] .border-top-1-5-body-background { border-top: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-top-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-top-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-top-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-top-2-body-background { border-top: solid 2px var(--body-background); } .theme[data-theme=light] .border-top-2-solid-body-background { border-top: solid 2px var(--body-background); } .theme[data-theme=light] .border-top-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .theme[data-theme=light] .border-top-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .theme[data-theme=light] .border-top-2-5-body-background { border-top: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-top-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-top-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-top-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-top-3-body-background { border-top: solid 3px var(--body-background); } .theme[data-theme=light] .border-top-3-solid-body-background { border-top: solid 3px var(--body-background); } .theme[data-theme=light] .border-top-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .theme[data-theme=light] .border-top-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .theme[data-theme=light] .border-top-first-body-background:first-child { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-last-body-background:last-child { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-solid-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .theme[data-theme=light] .border-bottom-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .theme[data-theme=light] .border-bottom-0-body-background { border-bottom: solid 0px var(--body-background); } .theme[data-theme=light] .border-bottom-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .theme[data-theme=light] .border-bottom-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .theme[data-theme=light] .border-bottom-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .theme[data-theme=light] .border-bottom-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-1-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .theme[data-theme=light] .border-bottom-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .theme[data-theme=light] .border-bottom-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-2-body-background { border-bottom: solid 2px var(--body-background); } .theme[data-theme=light] .border-bottom-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .theme[data-theme=light] .border-bottom-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .theme[data-theme=light] .border-bottom-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .theme[data-theme=light] .border-bottom-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-3-body-background { border-bottom: solid 3px var(--body-background); } .theme[data-theme=light] .border-bottom-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .theme[data-theme=light] .border-bottom-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .theme[data-theme=light] .border-bottom-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .theme[data-theme=light] .border-bottom-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-solid-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-dashed-header-background { border-left: dashed 1px var(--header-background); } .theme[data-theme=light] .border-left-dotted-header-background { border-left: dotted 1px var(--header-background); } .theme[data-theme=light] .border-left-0-header-background { border-left: solid 0px var(--header-background); } .theme[data-theme=light] .border-left-0-solid-header-background { border-left: solid 0px var(--header-background); } .theme[data-theme=light] .border-left-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .theme[data-theme=light] .border-left-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .theme[data-theme=light] .border-left-0-5-header-background { border-left: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-left-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-left-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-left-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-left-1-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-1-solid-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .theme[data-theme=light] .border-left-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .theme[data-theme=light] .border-left-1-5-header-background { border-left: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-left-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-left-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-left-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-left-2-header-background { border-left: solid 2px var(--header-background); } .theme[data-theme=light] .border-left-2-solid-header-background { border-left: solid 2px var(--header-background); } .theme[data-theme=light] .border-left-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .theme[data-theme=light] .border-left-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .theme[data-theme=light] .border-left-2-5-header-background { border-left: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-left-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-left-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-left-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-left-3-header-background { border-left: solid 3px var(--header-background); } .theme[data-theme=light] .border-left-3-solid-header-background { border-left: solid 3px var(--header-background); } .theme[data-theme=light] .border-left-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .theme[data-theme=light] .border-left-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .theme[data-theme=light] .border-left-first-header-background:first-child { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-last-header-background:last-child { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-solid-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-dashed-header-background { border-right: dashed 1px var(--header-background); } .theme[data-theme=light] .border-right-dotted-header-background { border-right: dotted 1px var(--header-background); } .theme[data-theme=light] .border-right-0-header-background { border-right: solid 0px var(--header-background); } .theme[data-theme=light] .border-right-0-solid-header-background { border-right: solid 0px var(--header-background); } .theme[data-theme=light] .border-right-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .theme[data-theme=light] .border-right-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .theme[data-theme=light] .border-right-0-5-header-background { border-right: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-right-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-right-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-right-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-right-1-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-1-solid-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .theme[data-theme=light] .border-right-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .theme[data-theme=light] .border-right-1-5-header-background { border-right: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-right-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-right-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-right-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-right-2-header-background { border-right: solid 2px var(--header-background); } .theme[data-theme=light] .border-right-2-solid-header-background { border-right: solid 2px var(--header-background); } .theme[data-theme=light] .border-right-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .theme[data-theme=light] .border-right-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .theme[data-theme=light] .border-right-2-5-header-background { border-right: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-right-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-right-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-right-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-right-3-header-background { border-right: solid 3px var(--header-background); } .theme[data-theme=light] .border-right-3-solid-header-background { border-right: solid 3px var(--header-background); } .theme[data-theme=light] .border-right-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .theme[data-theme=light] .border-right-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .theme[data-theme=light] .border-right-first-header-background:first-child { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-last-header-background:last-child { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-solid-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-dashed-header-background { border-top: dashed 1px var(--header-background); } .theme[data-theme=light] .border-top-dotted-header-background { border-top: dotted 1px var(--header-background); } .theme[data-theme=light] .border-top-0-header-background { border-top: solid 0px var(--header-background); } .theme[data-theme=light] .border-top-0-solid-header-background { border-top: solid 0px var(--header-background); } .theme[data-theme=light] .border-top-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .theme[data-theme=light] .border-top-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .theme[data-theme=light] .border-top-0-5-header-background { border-top: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-top-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-top-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-top-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-top-1-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-1-solid-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .theme[data-theme=light] .border-top-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .theme[data-theme=light] .border-top-1-5-header-background { border-top: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-top-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-top-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-top-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-top-2-header-background { border-top: solid 2px var(--header-background); } .theme[data-theme=light] .border-top-2-solid-header-background { border-top: solid 2px var(--header-background); } .theme[data-theme=light] .border-top-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .theme[data-theme=light] .border-top-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .theme[data-theme=light] .border-top-2-5-header-background { border-top: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-top-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-top-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-top-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-top-3-header-background { border-top: solid 3px var(--header-background); } .theme[data-theme=light] .border-top-3-solid-header-background { border-top: solid 3px var(--header-background); } .theme[data-theme=light] .border-top-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .theme[data-theme=light] .border-top-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .theme[data-theme=light] .border-top-first-header-background:first-child { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-last-header-background:last-child { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-solid-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .theme[data-theme=light] .border-bottom-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .theme[data-theme=light] .border-bottom-0-header-background { border-bottom: solid 0px var(--header-background); } .theme[data-theme=light] .border-bottom-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .theme[data-theme=light] .border-bottom-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .theme[data-theme=light] .border-bottom-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .theme[data-theme=light] .border-bottom-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-1-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .theme[data-theme=light] .border-bottom-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .theme[data-theme=light] .border-bottom-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-2-header-background { border-bottom: solid 2px var(--header-background); } .theme[data-theme=light] .border-bottom-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .theme[data-theme=light] .border-bottom-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .theme[data-theme=light] .border-bottom-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .theme[data-theme=light] .border-bottom-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-3-header-background { border-bottom: solid 3px var(--header-background); } .theme[data-theme=light] .border-bottom-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .theme[data-theme=light] .border-bottom-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .theme[data-theme=light] .border-bottom-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .theme[data-theme=light] .border-bottom-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-solid-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-dashed-font-color { border-left: dashed 1px var(--font-color); } .theme[data-theme=light] .border-left-dotted-font-color { border-left: dotted 1px var(--font-color); } .theme[data-theme=light] .border-left-0-font-color { border-left: solid 0px var(--font-color); } .theme[data-theme=light] .border-left-0-solid-font-color { border-left: solid 0px var(--font-color); } .theme[data-theme=light] .border-left-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .theme[data-theme=light] .border-left-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .theme[data-theme=light] .border-left-0-5-font-color { border-left: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-left-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-left-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-left-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-left-1-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-1-solid-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .theme[data-theme=light] .border-left-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .theme[data-theme=light] .border-left-1-5-font-color { border-left: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-left-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-left-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-left-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-left-2-font-color { border-left: solid 2px var(--font-color); } .theme[data-theme=light] .border-left-2-solid-font-color { border-left: solid 2px var(--font-color); } .theme[data-theme=light] .border-left-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .theme[data-theme=light] .border-left-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .theme[data-theme=light] .border-left-2-5-font-color { border-left: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-left-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-left-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-left-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-left-3-font-color { border-left: solid 3px var(--font-color); } .theme[data-theme=light] .border-left-3-solid-font-color { border-left: solid 3px var(--font-color); } .theme[data-theme=light] .border-left-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .theme[data-theme=light] .border-left-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .theme[data-theme=light] .border-left-first-font-color:first-child { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-last-font-color:last-child { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-solid-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-dashed-font-color { border-right: dashed 1px var(--font-color); } .theme[data-theme=light] .border-right-dotted-font-color { border-right: dotted 1px var(--font-color); } .theme[data-theme=light] .border-right-0-font-color { border-right: solid 0px var(--font-color); } .theme[data-theme=light] .border-right-0-solid-font-color { border-right: solid 0px var(--font-color); } .theme[data-theme=light] .border-right-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .theme[data-theme=light] .border-right-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .theme[data-theme=light] .border-right-0-5-font-color { border-right: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-right-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-right-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-right-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-right-1-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-1-solid-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .theme[data-theme=light] .border-right-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .theme[data-theme=light] .border-right-1-5-font-color { border-right: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-right-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-right-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-right-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-right-2-font-color { border-right: solid 2px var(--font-color); } .theme[data-theme=light] .border-right-2-solid-font-color { border-right: solid 2px var(--font-color); } .theme[data-theme=light] .border-right-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .theme[data-theme=light] .border-right-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .theme[data-theme=light] .border-right-2-5-font-color { border-right: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-right-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-right-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-right-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-right-3-font-color { border-right: solid 3px var(--font-color); } .theme[data-theme=light] .border-right-3-solid-font-color { border-right: solid 3px var(--font-color); } .theme[data-theme=light] .border-right-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .theme[data-theme=light] .border-right-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .theme[data-theme=light] .border-right-first-font-color:first-child { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-last-font-color:last-child { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-solid-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-dashed-font-color { border-top: dashed 1px var(--font-color); } .theme[data-theme=light] .border-top-dotted-font-color { border-top: dotted 1px var(--font-color); } .theme[data-theme=light] .border-top-0-font-color { border-top: solid 0px var(--font-color); } .theme[data-theme=light] .border-top-0-solid-font-color { border-top: solid 0px var(--font-color); } .theme[data-theme=light] .border-top-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .theme[data-theme=light] .border-top-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .theme[data-theme=light] .border-top-0-5-font-color { border-top: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-top-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-top-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-top-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-top-1-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-1-solid-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .theme[data-theme=light] .border-top-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .theme[data-theme=light] .border-top-1-5-font-color { border-top: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-top-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-top-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-top-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-top-2-font-color { border-top: solid 2px var(--font-color); } .theme[data-theme=light] .border-top-2-solid-font-color { border-top: solid 2px var(--font-color); } .theme[data-theme=light] .border-top-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .theme[data-theme=light] .border-top-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .theme[data-theme=light] .border-top-2-5-font-color { border-top: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-top-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-top-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-top-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-top-3-font-color { border-top: solid 3px var(--font-color); } .theme[data-theme=light] .border-top-3-solid-font-color { border-top: solid 3px var(--font-color); } .theme[data-theme=light] .border-top-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .theme[data-theme=light] .border-top-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .theme[data-theme=light] .border-top-first-font-color:first-child { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-last-font-color:last-child { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-solid-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .theme[data-theme=light] .border-bottom-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .theme[data-theme=light] .border-bottom-0-font-color { border-bottom: solid 0px var(--font-color); } .theme[data-theme=light] .border-bottom-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .theme[data-theme=light] .border-bottom-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .theme[data-theme=light] .border-bottom-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .theme[data-theme=light] .border-bottom-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-1-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .theme[data-theme=light] .border-bottom-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .theme[data-theme=light] .border-bottom-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-2-font-color { border-bottom: solid 2px var(--font-color); } .theme[data-theme=light] .border-bottom-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .theme[data-theme=light] .border-bottom-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .theme[data-theme=light] .border-bottom-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .theme[data-theme=light] .border-bottom-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-3-font-color { border-bottom: solid 3px var(--font-color); } .theme[data-theme=light] .border-bottom-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .theme[data-theme=light] .border-bottom-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .theme[data-theme=light] .border-bottom-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .theme[data-theme=light] .border-bottom-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-first-none:first-child { border-left: none; } .theme[data-theme=light] .border-left-last-none:last-child { border-left: none; } .theme[data-theme=light] .border-left-odd-none:nth-child(odd) { border-left: none; } .theme[data-theme=light] .border-left-even-none:nth-child(even) { border-left: none; } .theme[data-theme=light] .border-right-first-none:first-child { border-right: none; } .theme[data-theme=light] .border-right-last-none:last-child { border-right: none; } .theme[data-theme=light] .border-right-odd-none:nth-child(odd) { border-right: none; } .theme[data-theme=light] .border-right-even-none:nth-child(even) { border-right: none; } .theme[data-theme=light] .border-top-first-none:first-child { border-top: none; } .theme[data-theme=light] .border-top-last-none:last-child { border-top: none; } .theme[data-theme=light] .border-top-odd-none:nth-child(odd) { border-top: none; } .theme[data-theme=light] .border-top-even-none:nth-child(even) { border-top: none; } .theme[data-theme=light] .border-bottom-first-none:first-child { border-bottom: none; } .theme[data-theme=light] .border-bottom-last-none:last-child { border-bottom: none; } .theme[data-theme=light] .border-bottom-odd-none:nth-child(odd) { border-bottom: none; } .theme[data-theme=light] .border-bottom-even-none:nth-child(even) { border-bottom: none; } @media (max-width: 767px) { .border-left-m-base-color { border-left: solid 1px var(--base-color); } .border-left-m-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-m-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-m-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-m-0-base-color { border-left: solid 0px var(--base-color); } .border-left-m-0-solid-base-color { border-left: solid 0px var(--base-color); } .border-left-m-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .border-left-m-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .border-left-m-0-5-base-color { border-left: solid 0.5px var(--base-color); } .border-left-m-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .border-left-m-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .border-left-m-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .border-left-m-1-base-color { border-left: solid 1px var(--base-color); } .border-left-m-1-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-m-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-m-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-m-1-5-base-color { border-left: solid 1.5px var(--base-color); } .border-left-m-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .border-left-m-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .border-left-m-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .border-left-m-2-base-color { border-left: solid 2px var(--base-color); } .border-left-m-2-solid-base-color { border-left: solid 2px var(--base-color); } .border-left-m-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .border-left-m-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .border-left-m-2-5-base-color { border-left: solid 2.5px var(--base-color); } .border-left-m-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .border-left-m-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .border-left-m-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .border-left-m-3-base-color { border-left: solid 3px var(--base-color); } .border-left-m-3-solid-base-color { border-left: solid 3px var(--base-color); } .border-left-m-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .border-left-m-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .border-left-m-first-base-color:first-child { border-left: solid 1px var(--base-color); } .border-left-m-last-base-color:last-child { border-left: solid 1px var(--base-color); } .border-left-m-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .border-left-m-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .border-right-m-base-color { border-right: solid 1px var(--base-color); } .border-right-m-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-m-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-m-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-m-0-base-color { border-right: solid 0px var(--base-color); } .border-right-m-0-solid-base-color { border-right: solid 0px var(--base-color); } .border-right-m-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .border-right-m-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .border-right-m-0-5-base-color { border-right: solid 0.5px var(--base-color); } .border-right-m-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .border-right-m-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .border-right-m-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .border-right-m-1-base-color { border-right: solid 1px var(--base-color); } .border-right-m-1-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-m-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-m-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-m-1-5-base-color { border-right: solid 1.5px var(--base-color); } .border-right-m-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .border-right-m-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .border-right-m-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .border-right-m-2-base-color { border-right: solid 2px var(--base-color); } .border-right-m-2-solid-base-color { border-right: solid 2px var(--base-color); } .border-right-m-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .border-right-m-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .border-right-m-2-5-base-color { border-right: solid 2.5px var(--base-color); } .border-right-m-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .border-right-m-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .border-right-m-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .border-right-m-3-base-color { border-right: solid 3px var(--base-color); } .border-right-m-3-solid-base-color { border-right: solid 3px var(--base-color); } .border-right-m-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .border-right-m-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .border-right-m-first-base-color:first-child { border-right: solid 1px var(--base-color); } .border-right-m-last-base-color:last-child { border-right: solid 1px var(--base-color); } .border-right-m-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .border-right-m-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .border-top-m-base-color { border-top: solid 1px var(--base-color); } .border-top-m-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-m-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-m-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-m-0-base-color { border-top: solid 0px var(--base-color); } .border-top-m-0-solid-base-color { border-top: solid 0px var(--base-color); } .border-top-m-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .border-top-m-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .border-top-m-0-5-base-color { border-top: solid 0.5px var(--base-color); } .border-top-m-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .border-top-m-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .border-top-m-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .border-top-m-1-base-color { border-top: solid 1px var(--base-color); } .border-top-m-1-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-m-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-m-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-m-1-5-base-color { border-top: solid 1.5px var(--base-color); } .border-top-m-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .border-top-m-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .border-top-m-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .border-top-m-2-base-color { border-top: solid 2px var(--base-color); } .border-top-m-2-solid-base-color { border-top: solid 2px var(--base-color); } .border-top-m-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .border-top-m-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .border-top-m-2-5-base-color { border-top: solid 2.5px var(--base-color); } .border-top-m-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .border-top-m-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .border-top-m-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .border-top-m-3-base-color { border-top: solid 3px var(--base-color); } .border-top-m-3-solid-base-color { border-top: solid 3px var(--base-color); } .border-top-m-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .border-top-m-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .border-top-m-first-base-color:first-child { border-top: solid 1px var(--base-color); } .border-top-m-last-base-color:last-child { border-top: solid 1px var(--base-color); } .border-top-m-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .border-top-m-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .border-bottom-m-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-m-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-m-0-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-m-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-m-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .border-bottom-m-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .border-bottom-m-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-m-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-m-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .border-bottom-m-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .border-bottom-m-1-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-m-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-m-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-m-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-m-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .border-bottom-m-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .border-bottom-m-2-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-m-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-m-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .border-bottom-m-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .border-bottom-m-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-m-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-m-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .border-bottom-m-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .border-bottom-m-3-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-m-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-m-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .border-bottom-m-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .border-bottom-m-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .border-bottom-m-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .border-bottom-m-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .border-bottom-m-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .border-left-m-second-color { border-left: solid 1px var(--second-color); } .border-left-m-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-m-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-m-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-m-0-second-color { border-left: solid 0px var(--second-color); } .border-left-m-0-solid-second-color { border-left: solid 0px var(--second-color); } .border-left-m-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .border-left-m-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .border-left-m-0-5-second-color { border-left: solid 0.5px var(--second-color); } .border-left-m-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .border-left-m-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .border-left-m-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .border-left-m-1-second-color { border-left: solid 1px var(--second-color); } .border-left-m-1-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-m-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-m-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-m-1-5-second-color { border-left: solid 1.5px var(--second-color); } .border-left-m-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .border-left-m-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .border-left-m-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .border-left-m-2-second-color { border-left: solid 2px var(--second-color); } .border-left-m-2-solid-second-color { border-left: solid 2px var(--second-color); } .border-left-m-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .border-left-m-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .border-left-m-2-5-second-color { border-left: solid 2.5px var(--second-color); } .border-left-m-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .border-left-m-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .border-left-m-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .border-left-m-3-second-color { border-left: solid 3px var(--second-color); } .border-left-m-3-solid-second-color { border-left: solid 3px var(--second-color); } .border-left-m-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .border-left-m-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .border-left-m-first-second-color:first-child { border-left: solid 1px var(--second-color); } .border-left-m-last-second-color:last-child { border-left: solid 1px var(--second-color); } .border-left-m-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .border-left-m-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .border-right-m-second-color { border-right: solid 1px var(--second-color); } .border-right-m-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-m-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-m-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-m-0-second-color { border-right: solid 0px var(--second-color); } .border-right-m-0-solid-second-color { border-right: solid 0px var(--second-color); } .border-right-m-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .border-right-m-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .border-right-m-0-5-second-color { border-right: solid 0.5px var(--second-color); } .border-right-m-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .border-right-m-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .border-right-m-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .border-right-m-1-second-color { border-right: solid 1px var(--second-color); } .border-right-m-1-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-m-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-m-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-m-1-5-second-color { border-right: solid 1.5px var(--second-color); } .border-right-m-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .border-right-m-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .border-right-m-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .border-right-m-2-second-color { border-right: solid 2px var(--second-color); } .border-right-m-2-solid-second-color { border-right: solid 2px var(--second-color); } .border-right-m-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .border-right-m-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .border-right-m-2-5-second-color { border-right: solid 2.5px var(--second-color); } .border-right-m-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .border-right-m-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .border-right-m-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .border-right-m-3-second-color { border-right: solid 3px var(--second-color); } .border-right-m-3-solid-second-color { border-right: solid 3px var(--second-color); } .border-right-m-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .border-right-m-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .border-right-m-first-second-color:first-child { border-right: solid 1px var(--second-color); } .border-right-m-last-second-color:last-child { border-right: solid 1px var(--second-color); } .border-right-m-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .border-right-m-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .border-top-m-second-color { border-top: solid 1px var(--second-color); } .border-top-m-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-m-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-m-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-m-0-second-color { border-top: solid 0px var(--second-color); } .border-top-m-0-solid-second-color { border-top: solid 0px var(--second-color); } .border-top-m-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .border-top-m-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .border-top-m-0-5-second-color { border-top: solid 0.5px var(--second-color); } .border-top-m-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .border-top-m-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .border-top-m-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .border-top-m-1-second-color { border-top: solid 1px var(--second-color); } .border-top-m-1-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-m-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-m-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-m-1-5-second-color { border-top: solid 1.5px var(--second-color); } .border-top-m-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .border-top-m-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .border-top-m-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .border-top-m-2-second-color { border-top: solid 2px var(--second-color); } .border-top-m-2-solid-second-color { border-top: solid 2px var(--second-color); } .border-top-m-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .border-top-m-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .border-top-m-2-5-second-color { border-top: solid 2.5px var(--second-color); } .border-top-m-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .border-top-m-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .border-top-m-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .border-top-m-3-second-color { border-top: solid 3px var(--second-color); } .border-top-m-3-solid-second-color { border-top: solid 3px var(--second-color); } .border-top-m-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .border-top-m-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .border-top-m-first-second-color:first-child { border-top: solid 1px var(--second-color); } .border-top-m-last-second-color:last-child { border-top: solid 1px var(--second-color); } .border-top-m-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .border-top-m-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .border-bottom-m-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-m-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-m-0-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-m-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-m-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .border-bottom-m-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .border-bottom-m-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-m-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-m-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .border-bottom-m-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .border-bottom-m-1-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-m-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-m-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-m-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-m-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .border-bottom-m-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .border-bottom-m-2-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-m-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-m-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .border-bottom-m-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .border-bottom-m-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-m-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-m-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .border-bottom-m-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .border-bottom-m-3-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-m-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-m-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .border-bottom-m-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .border-bottom-m-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .border-bottom-m-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .border-bottom-m-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .border-bottom-m-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .border-left-m-third-color { border-left: solid 1px var(--third-color); } .border-left-m-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-m-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-m-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-m-0-third-color { border-left: solid 0px var(--third-color); } .border-left-m-0-solid-third-color { border-left: solid 0px var(--third-color); } .border-left-m-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .border-left-m-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .border-left-m-0-5-third-color { border-left: solid 0.5px var(--third-color); } .border-left-m-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .border-left-m-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .border-left-m-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .border-left-m-1-third-color { border-left: solid 1px var(--third-color); } .border-left-m-1-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-m-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-m-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-m-1-5-third-color { border-left: solid 1.5px var(--third-color); } .border-left-m-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .border-left-m-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .border-left-m-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .border-left-m-2-third-color { border-left: solid 2px var(--third-color); } .border-left-m-2-solid-third-color { border-left: solid 2px var(--third-color); } .border-left-m-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .border-left-m-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .border-left-m-2-5-third-color { border-left: solid 2.5px var(--third-color); } .border-left-m-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .border-left-m-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .border-left-m-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .border-left-m-3-third-color { border-left: solid 3px var(--third-color); } .border-left-m-3-solid-third-color { border-left: solid 3px var(--third-color); } .border-left-m-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .border-left-m-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .border-left-m-first-third-color:first-child { border-left: solid 1px var(--third-color); } .border-left-m-last-third-color:last-child { border-left: solid 1px var(--third-color); } .border-left-m-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .border-left-m-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .border-right-m-third-color { border-right: solid 1px var(--third-color); } .border-right-m-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-m-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-m-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-m-0-third-color { border-right: solid 0px var(--third-color); } .border-right-m-0-solid-third-color { border-right: solid 0px var(--third-color); } .border-right-m-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .border-right-m-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .border-right-m-0-5-third-color { border-right: solid 0.5px var(--third-color); } .border-right-m-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .border-right-m-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .border-right-m-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .border-right-m-1-third-color { border-right: solid 1px var(--third-color); } .border-right-m-1-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-m-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-m-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-m-1-5-third-color { border-right: solid 1.5px var(--third-color); } .border-right-m-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .border-right-m-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .border-right-m-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .border-right-m-2-third-color { border-right: solid 2px var(--third-color); } .border-right-m-2-solid-third-color { border-right: solid 2px var(--third-color); } .border-right-m-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .border-right-m-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .border-right-m-2-5-third-color { border-right: solid 2.5px var(--third-color); } .border-right-m-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .border-right-m-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .border-right-m-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .border-right-m-3-third-color { border-right: solid 3px var(--third-color); } .border-right-m-3-solid-third-color { border-right: solid 3px var(--third-color); } .border-right-m-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .border-right-m-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .border-right-m-first-third-color:first-child { border-right: solid 1px var(--third-color); } .border-right-m-last-third-color:last-child { border-right: solid 1px var(--third-color); } .border-right-m-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .border-right-m-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .border-top-m-third-color { border-top: solid 1px var(--third-color); } .border-top-m-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-m-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-m-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-m-0-third-color { border-top: solid 0px var(--third-color); } .border-top-m-0-solid-third-color { border-top: solid 0px var(--third-color); } .border-top-m-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .border-top-m-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .border-top-m-0-5-third-color { border-top: solid 0.5px var(--third-color); } .border-top-m-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .border-top-m-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .border-top-m-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .border-top-m-1-third-color { border-top: solid 1px var(--third-color); } .border-top-m-1-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-m-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-m-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-m-1-5-third-color { border-top: solid 1.5px var(--third-color); } .border-top-m-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .border-top-m-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .border-top-m-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .border-top-m-2-third-color { border-top: solid 2px var(--third-color); } .border-top-m-2-solid-third-color { border-top: solid 2px var(--third-color); } .border-top-m-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .border-top-m-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .border-top-m-2-5-third-color { border-top: solid 2.5px var(--third-color); } .border-top-m-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .border-top-m-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .border-top-m-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .border-top-m-3-third-color { border-top: solid 3px var(--third-color); } .border-top-m-3-solid-third-color { border-top: solid 3px var(--third-color); } .border-top-m-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .border-top-m-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .border-top-m-first-third-color:first-child { border-top: solid 1px var(--third-color); } .border-top-m-last-third-color:last-child { border-top: solid 1px var(--third-color); } .border-top-m-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .border-top-m-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .border-bottom-m-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-m-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-m-0-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-m-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-m-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .border-bottom-m-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .border-bottom-m-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-m-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-m-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .border-bottom-m-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .border-bottom-m-1-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-m-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-m-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-m-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-m-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .border-bottom-m-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .border-bottom-m-2-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-m-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-m-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .border-bottom-m-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .border-bottom-m-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-m-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-m-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .border-bottom-m-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .border-bottom-m-3-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-m-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-m-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .border-bottom-m-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .border-bottom-m-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .border-bottom-m-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .border-bottom-m-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .border-bottom-m-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .border-left-m-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-m-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-m-0-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-m-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-m-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .border-left-m-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .border-left-m-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-m-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-m-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .border-left-m-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .border-left-m-1-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-m-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-m-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-m-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-m-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .border-left-m-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .border-left-m-2-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-m-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-m-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .border-left-m-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .border-left-m-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-m-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-m-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .border-left-m-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .border-left-m-3-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-m-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-m-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .border-left-m-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .border-left-m-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .border-left-m-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .border-left-m-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .border-left-m-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .border-right-m-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-m-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-m-0-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-m-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-m-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .border-right-m-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .border-right-m-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-m-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-m-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .border-right-m-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .border-right-m-1-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-m-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-m-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-m-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-m-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .border-right-m-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .border-right-m-2-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-m-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-m-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .border-right-m-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .border-right-m-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-m-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-m-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .border-right-m-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .border-right-m-3-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-m-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-m-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .border-right-m-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .border-right-m-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .border-right-m-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .border-right-m-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .border-right-m-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .border-top-m-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-m-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-m-0-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-m-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-m-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .border-top-m-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .border-top-m-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-m-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-m-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .border-top-m-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .border-top-m-1-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-m-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-m-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-m-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-m-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .border-top-m-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .border-top-m-2-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-m-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-m-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .border-top-m-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .border-top-m-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-m-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-m-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .border-top-m-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .border-top-m-3-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-m-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-m-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .border-top-m-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .border-top-m-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .border-top-m-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .border-top-m-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .border-top-m-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .border-bottom-m-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-m-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-m-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-m-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-m-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .border-bottom-m-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .border-bottom-m-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-m-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-m-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .border-bottom-m-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .border-bottom-m-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-m-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-m-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-m-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-m-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .border-bottom-m-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .border-bottom-m-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-m-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-m-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .border-bottom-m-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .border-bottom-m-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-m-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-m-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .border-bottom-m-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .border-bottom-m-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-m-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-m-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .border-bottom-m-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .border-bottom-m-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .border-left-m-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-m-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-m-0-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-m-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-m-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .border-left-m-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .border-left-m-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-m-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-m-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .border-left-m-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .border-left-m-1-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-m-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-m-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-m-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-m-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .border-left-m-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .border-left-m-2-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-m-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-m-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .border-left-m-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .border-left-m-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-m-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-m-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .border-left-m-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .border-left-m-3-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-m-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-m-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .border-left-m-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .border-left-m-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .border-left-m-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .border-left-m-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .border-left-m-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .border-right-m-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-m-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-m-0-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-m-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-m-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .border-right-m-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .border-right-m-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-m-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-m-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .border-right-m-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .border-right-m-1-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-m-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-m-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-m-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-m-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .border-right-m-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .border-right-m-2-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-m-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-m-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .border-right-m-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .border-right-m-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-m-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-m-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .border-right-m-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .border-right-m-3-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-m-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-m-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .border-right-m-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .border-right-m-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .border-right-m-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .border-right-m-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .border-right-m-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .border-top-m-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-m-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-m-0-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-m-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-m-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .border-top-m-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .border-top-m-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-m-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-m-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .border-top-m-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .border-top-m-1-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-m-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-m-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-m-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-m-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .border-top-m-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .border-top-m-2-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-m-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-m-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .border-top-m-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .border-top-m-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-m-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-m-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .border-top-m-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .border-top-m-3-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-m-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-m-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .border-top-m-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .border-top-m-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .border-top-m-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .border-top-m-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .border-top-m-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .border-bottom-m-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-m-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-m-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-m-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-m-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .border-bottom-m-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .border-bottom-m-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-m-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-m-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .border-bottom-m-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .border-bottom-m-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-m-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-m-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-m-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-m-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .border-bottom-m-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .border-bottom-m-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-m-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-m-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .border-bottom-m-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .border-bottom-m-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-m-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-m-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .border-bottom-m-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .border-bottom-m-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-m-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-m-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .border-bottom-m-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .border-bottom-m-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .border-left-m-white { border-left: solid 1px var(--white); } .border-left-m-solid-white { border-left: solid 1px var(--white); } .border-left-m-dashed-white { border-left: dashed 1px var(--white); } .border-left-m-dotted-white { border-left: dotted 1px var(--white); } .border-left-m-0-white { border-left: solid 0px var(--white); } .border-left-m-0-solid-white { border-left: solid 0px var(--white); } .border-left-m-0-dashed-white { border-left: dashed 0px var(--white); } .border-left-m-0-dotted-white { border-left: dotted 0px var(--white); } .border-left-m-0-5-white { border-left: solid 0.5px var(--white); } .border-left-m-0-5-solid-white { border-left: solid 0.5px var(--white); } .border-left-m-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .border-left-m-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .border-left-m-1-white { border-left: solid 1px var(--white); } .border-left-m-1-solid-white { border-left: solid 1px var(--white); } .border-left-m-1-dashed-white { border-left: dashed 1px var(--white); } .border-left-m-1-dotted-white { border-left: dotted 1px var(--white); } .border-left-m-1-5-white { border-left: solid 1.5px var(--white); } .border-left-m-1-5-solid-white { border-left: solid 1.5px var(--white); } .border-left-m-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .border-left-m-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .border-left-m-2-white { border-left: solid 2px var(--white); } .border-left-m-2-solid-white { border-left: solid 2px var(--white); } .border-left-m-2-dashed-white { border-left: dashed 2px var(--white); } .border-left-m-2-dotted-white { border-left: dotted 2px var(--white); } .border-left-m-2-5-white { border-left: solid 2.5px var(--white); } .border-left-m-2-5-solid-white { border-left: solid 2.5px var(--white); } .border-left-m-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .border-left-m-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .border-left-m-3-white { border-left: solid 3px var(--white); } .border-left-m-3-solid-white { border-left: solid 3px var(--white); } .border-left-m-3-dashed-white { border-left: dashed 3px var(--white); } .border-left-m-3-dotted-white { border-left: dotted 3px var(--white); } .border-left-m-first-white:first-child { border-left: solid 1px var(--white); } .border-left-m-last-white:last-child { border-left: solid 1px var(--white); } .border-left-m-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .border-left-m-even-white:nth-child(even) { border-left: solid 1px var(--white); } .border-right-m-white { border-right: solid 1px var(--white); } .border-right-m-solid-white { border-right: solid 1px var(--white); } .border-right-m-dashed-white { border-right: dashed 1px var(--white); } .border-right-m-dotted-white { border-right: dotted 1px var(--white); } .border-right-m-0-white { border-right: solid 0px var(--white); } .border-right-m-0-solid-white { border-right: solid 0px var(--white); } .border-right-m-0-dashed-white { border-right: dashed 0px var(--white); } .border-right-m-0-dotted-white { border-right: dotted 0px var(--white); } .border-right-m-0-5-white { border-right: solid 0.5px var(--white); } .border-right-m-0-5-solid-white { border-right: solid 0.5px var(--white); } .border-right-m-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .border-right-m-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .border-right-m-1-white { border-right: solid 1px var(--white); } .border-right-m-1-solid-white { border-right: solid 1px var(--white); } .border-right-m-1-dashed-white { border-right: dashed 1px var(--white); } .border-right-m-1-dotted-white { border-right: dotted 1px var(--white); } .border-right-m-1-5-white { border-right: solid 1.5px var(--white); } .border-right-m-1-5-solid-white { border-right: solid 1.5px var(--white); } .border-right-m-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .border-right-m-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .border-right-m-2-white { border-right: solid 2px var(--white); } .border-right-m-2-solid-white { border-right: solid 2px var(--white); } .border-right-m-2-dashed-white { border-right: dashed 2px var(--white); } .border-right-m-2-dotted-white { border-right: dotted 2px var(--white); } .border-right-m-2-5-white { border-right: solid 2.5px var(--white); } .border-right-m-2-5-solid-white { border-right: solid 2.5px var(--white); } .border-right-m-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .border-right-m-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .border-right-m-3-white { border-right: solid 3px var(--white); } .border-right-m-3-solid-white { border-right: solid 3px var(--white); } .border-right-m-3-dashed-white { border-right: dashed 3px var(--white); } .border-right-m-3-dotted-white { border-right: dotted 3px var(--white); } .border-right-m-first-white:first-child { border-right: solid 1px var(--white); } .border-right-m-last-white:last-child { border-right: solid 1px var(--white); } .border-right-m-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .border-right-m-even-white:nth-child(even) { border-right: solid 1px var(--white); } .border-top-m-white { border-top: solid 1px var(--white); } .border-top-m-solid-white { border-top: solid 1px var(--white); } .border-top-m-dashed-white { border-top: dashed 1px var(--white); } .border-top-m-dotted-white { border-top: dotted 1px var(--white); } .border-top-m-0-white { border-top: solid 0px var(--white); } .border-top-m-0-solid-white { border-top: solid 0px var(--white); } .border-top-m-0-dashed-white { border-top: dashed 0px var(--white); } .border-top-m-0-dotted-white { border-top: dotted 0px var(--white); } .border-top-m-0-5-white { border-top: solid 0.5px var(--white); } .border-top-m-0-5-solid-white { border-top: solid 0.5px var(--white); } .border-top-m-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .border-top-m-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .border-top-m-1-white { border-top: solid 1px var(--white); } .border-top-m-1-solid-white { border-top: solid 1px var(--white); } .border-top-m-1-dashed-white { border-top: dashed 1px var(--white); } .border-top-m-1-dotted-white { border-top: dotted 1px var(--white); } .border-top-m-1-5-white { border-top: solid 1.5px var(--white); } .border-top-m-1-5-solid-white { border-top: solid 1.5px var(--white); } .border-top-m-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .border-top-m-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .border-top-m-2-white { border-top: solid 2px var(--white); } .border-top-m-2-solid-white { border-top: solid 2px var(--white); } .border-top-m-2-dashed-white { border-top: dashed 2px var(--white); } .border-top-m-2-dotted-white { border-top: dotted 2px var(--white); } .border-top-m-2-5-white { border-top: solid 2.5px var(--white); } .border-top-m-2-5-solid-white { border-top: solid 2.5px var(--white); } .border-top-m-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .border-top-m-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .border-top-m-3-white { border-top: solid 3px var(--white); } .border-top-m-3-solid-white { border-top: solid 3px var(--white); } .border-top-m-3-dashed-white { border-top: dashed 3px var(--white); } .border-top-m-3-dotted-white { border-top: dotted 3px var(--white); } .border-top-m-first-white:first-child { border-top: solid 1px var(--white); } .border-top-m-last-white:last-child { border-top: solid 1px var(--white); } .border-top-m-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .border-top-m-even-white:nth-child(even) { border-top: solid 1px var(--white); } .border-bottom-m-white { border-bottom: solid 1px var(--white); } .border-bottom-m-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-m-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-m-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-m-0-white { border-bottom: solid 0px var(--white); } .border-bottom-m-0-solid-white { border-bottom: solid 0px var(--white); } .border-bottom-m-0-dashed-white { border-bottom: dashed 0px var(--white); } .border-bottom-m-0-dotted-white { border-bottom: dotted 0px var(--white); } .border-bottom-m-0-5-white { border-bottom: solid 0.5px var(--white); } .border-bottom-m-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .border-bottom-m-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .border-bottom-m-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .border-bottom-m-1-white { border-bottom: solid 1px var(--white); } .border-bottom-m-1-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-m-1-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-m-1-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-m-1-5-white { border-bottom: solid 1.5px var(--white); } .border-bottom-m-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .border-bottom-m-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .border-bottom-m-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .border-bottom-m-2-white { border-bottom: solid 2px var(--white); } .border-bottom-m-2-solid-white { border-bottom: solid 2px var(--white); } .border-bottom-m-2-dashed-white { border-bottom: dashed 2px var(--white); } .border-bottom-m-2-dotted-white { border-bottom: dotted 2px var(--white); } .border-bottom-m-2-5-white { border-bottom: solid 2.5px var(--white); } .border-bottom-m-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .border-bottom-m-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .border-bottom-m-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .border-bottom-m-3-white { border-bottom: solid 3px var(--white); } .border-bottom-m-3-solid-white { border-bottom: solid 3px var(--white); } .border-bottom-m-3-dashed-white { border-bottom: dashed 3px var(--white); } .border-bottom-m-3-dotted-white { border-bottom: dotted 3px var(--white); } .border-bottom-m-first-white:first-child { border-bottom: solid 1px var(--white); } .border-bottom-m-last-white:last-child { border-bottom: solid 1px var(--white); } .border-bottom-m-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .border-bottom-m-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .border-left-m-black { border-left: solid 1px var(--black); } .border-left-m-solid-black { border-left: solid 1px var(--black); } .border-left-m-dashed-black { border-left: dashed 1px var(--black); } .border-left-m-dotted-black { border-left: dotted 1px var(--black); } .border-left-m-0-black { border-left: solid 0px var(--black); } .border-left-m-0-solid-black { border-left: solid 0px var(--black); } .border-left-m-0-dashed-black { border-left: dashed 0px var(--black); } .border-left-m-0-dotted-black { border-left: dotted 0px var(--black); } .border-left-m-0-5-black { border-left: solid 0.5px var(--black); } .border-left-m-0-5-solid-black { border-left: solid 0.5px var(--black); } .border-left-m-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .border-left-m-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .border-left-m-1-black { border-left: solid 1px var(--black); } .border-left-m-1-solid-black { border-left: solid 1px var(--black); } .border-left-m-1-dashed-black { border-left: dashed 1px var(--black); } .border-left-m-1-dotted-black { border-left: dotted 1px var(--black); } .border-left-m-1-5-black { border-left: solid 1.5px var(--black); } .border-left-m-1-5-solid-black { border-left: solid 1.5px var(--black); } .border-left-m-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .border-left-m-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .border-left-m-2-black { border-left: solid 2px var(--black); } .border-left-m-2-solid-black { border-left: solid 2px var(--black); } .border-left-m-2-dashed-black { border-left: dashed 2px var(--black); } .border-left-m-2-dotted-black { border-left: dotted 2px var(--black); } .border-left-m-2-5-black { border-left: solid 2.5px var(--black); } .border-left-m-2-5-solid-black { border-left: solid 2.5px var(--black); } .border-left-m-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .border-left-m-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .border-left-m-3-black { border-left: solid 3px var(--black); } .border-left-m-3-solid-black { border-left: solid 3px var(--black); } .border-left-m-3-dashed-black { border-left: dashed 3px var(--black); } .border-left-m-3-dotted-black { border-left: dotted 3px var(--black); } .border-left-m-first-black:first-child { border-left: solid 1px var(--black); } .border-left-m-last-black:last-child { border-left: solid 1px var(--black); } .border-left-m-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .border-left-m-even-black:nth-child(even) { border-left: solid 1px var(--black); } .border-right-m-black { border-right: solid 1px var(--black); } .border-right-m-solid-black { border-right: solid 1px var(--black); } .border-right-m-dashed-black { border-right: dashed 1px var(--black); } .border-right-m-dotted-black { border-right: dotted 1px var(--black); } .border-right-m-0-black { border-right: solid 0px var(--black); } .border-right-m-0-solid-black { border-right: solid 0px var(--black); } .border-right-m-0-dashed-black { border-right: dashed 0px var(--black); } .border-right-m-0-dotted-black { border-right: dotted 0px var(--black); } .border-right-m-0-5-black { border-right: solid 0.5px var(--black); } .border-right-m-0-5-solid-black { border-right: solid 0.5px var(--black); } .border-right-m-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .border-right-m-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .border-right-m-1-black { border-right: solid 1px var(--black); } .border-right-m-1-solid-black { border-right: solid 1px var(--black); } .border-right-m-1-dashed-black { border-right: dashed 1px var(--black); } .border-right-m-1-dotted-black { border-right: dotted 1px var(--black); } .border-right-m-1-5-black { border-right: solid 1.5px var(--black); } .border-right-m-1-5-solid-black { border-right: solid 1.5px var(--black); } .border-right-m-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .border-right-m-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .border-right-m-2-black { border-right: solid 2px var(--black); } .border-right-m-2-solid-black { border-right: solid 2px var(--black); } .border-right-m-2-dashed-black { border-right: dashed 2px var(--black); } .border-right-m-2-dotted-black { border-right: dotted 2px var(--black); } .border-right-m-2-5-black { border-right: solid 2.5px var(--black); } .border-right-m-2-5-solid-black { border-right: solid 2.5px var(--black); } .border-right-m-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .border-right-m-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .border-right-m-3-black { border-right: solid 3px var(--black); } .border-right-m-3-solid-black { border-right: solid 3px var(--black); } .border-right-m-3-dashed-black { border-right: dashed 3px var(--black); } .border-right-m-3-dotted-black { border-right: dotted 3px var(--black); } .border-right-m-first-black:first-child { border-right: solid 1px var(--black); } .border-right-m-last-black:last-child { border-right: solid 1px var(--black); } .border-right-m-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .border-right-m-even-black:nth-child(even) { border-right: solid 1px var(--black); } .border-top-m-black { border-top: solid 1px var(--black); } .border-top-m-solid-black { border-top: solid 1px var(--black); } .border-top-m-dashed-black { border-top: dashed 1px var(--black); } .border-top-m-dotted-black { border-top: dotted 1px var(--black); } .border-top-m-0-black { border-top: solid 0px var(--black); } .border-top-m-0-solid-black { border-top: solid 0px var(--black); } .border-top-m-0-dashed-black { border-top: dashed 0px var(--black); } .border-top-m-0-dotted-black { border-top: dotted 0px var(--black); } .border-top-m-0-5-black { border-top: solid 0.5px var(--black); } .border-top-m-0-5-solid-black { border-top: solid 0.5px var(--black); } .border-top-m-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .border-top-m-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .border-top-m-1-black { border-top: solid 1px var(--black); } .border-top-m-1-solid-black { border-top: solid 1px var(--black); } .border-top-m-1-dashed-black { border-top: dashed 1px var(--black); } .border-top-m-1-dotted-black { border-top: dotted 1px var(--black); } .border-top-m-1-5-black { border-top: solid 1.5px var(--black); } .border-top-m-1-5-solid-black { border-top: solid 1.5px var(--black); } .border-top-m-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .border-top-m-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .border-top-m-2-black { border-top: solid 2px var(--black); } .border-top-m-2-solid-black { border-top: solid 2px var(--black); } .border-top-m-2-dashed-black { border-top: dashed 2px var(--black); } .border-top-m-2-dotted-black { border-top: dotted 2px var(--black); } .border-top-m-2-5-black { border-top: solid 2.5px var(--black); } .border-top-m-2-5-solid-black { border-top: solid 2.5px var(--black); } .border-top-m-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .border-top-m-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .border-top-m-3-black { border-top: solid 3px var(--black); } .border-top-m-3-solid-black { border-top: solid 3px var(--black); } .border-top-m-3-dashed-black { border-top: dashed 3px var(--black); } .border-top-m-3-dotted-black { border-top: dotted 3px var(--black); } .border-top-m-first-black:first-child { border-top: solid 1px var(--black); } .border-top-m-last-black:last-child { border-top: solid 1px var(--black); } .border-top-m-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .border-top-m-even-black:nth-child(even) { border-top: solid 1px var(--black); } .border-bottom-m-black { border-bottom: solid 1px var(--black); } .border-bottom-m-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-m-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-m-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-m-0-black { border-bottom: solid 0px var(--black); } .border-bottom-m-0-solid-black { border-bottom: solid 0px var(--black); } .border-bottom-m-0-dashed-black { border-bottom: dashed 0px var(--black); } .border-bottom-m-0-dotted-black { border-bottom: dotted 0px var(--black); } .border-bottom-m-0-5-black { border-bottom: solid 0.5px var(--black); } .border-bottom-m-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .border-bottom-m-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .border-bottom-m-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .border-bottom-m-1-black { border-bottom: solid 1px var(--black); } .border-bottom-m-1-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-m-1-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-m-1-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-m-1-5-black { border-bottom: solid 1.5px var(--black); } .border-bottom-m-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .border-bottom-m-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .border-bottom-m-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .border-bottom-m-2-black { border-bottom: solid 2px var(--black); } .border-bottom-m-2-solid-black { border-bottom: solid 2px var(--black); } .border-bottom-m-2-dashed-black { border-bottom: dashed 2px var(--black); } .border-bottom-m-2-dotted-black { border-bottom: dotted 2px var(--black); } .border-bottom-m-2-5-black { border-bottom: solid 2.5px var(--black); } .border-bottom-m-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .border-bottom-m-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .border-bottom-m-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .border-bottom-m-3-black { border-bottom: solid 3px var(--black); } .border-bottom-m-3-solid-black { border-bottom: solid 3px var(--black); } .border-bottom-m-3-dashed-black { border-bottom: dashed 3px var(--black); } .border-bottom-m-3-dotted-black { border-bottom: dotted 3px var(--black); } .border-bottom-m-first-black:first-child { border-bottom: solid 1px var(--black); } .border-bottom-m-last-black:last-child { border-bottom: solid 1px var(--black); } .border-bottom-m-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .border-bottom-m-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .border-left-m-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-m-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-m-0-light-gray { border-left: solid 0px var(--light-gray); } .border-left-m-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .border-left-m-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .border-left-m-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .border-left-m-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-m-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-m-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .border-left-m-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .border-left-m-1-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-m-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-m-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-m-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-m-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .border-left-m-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .border-left-m-2-light-gray { border-left: solid 2px var(--light-gray); } .border-left-m-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .border-left-m-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .border-left-m-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .border-left-m-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-m-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-m-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .border-left-m-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .border-left-m-3-light-gray { border-left: solid 3px var(--light-gray); } .border-left-m-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .border-left-m-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .border-left-m-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .border-left-m-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .border-left-m-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .border-left-m-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .border-left-m-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .border-right-m-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-m-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-m-0-light-gray { border-right: solid 0px var(--light-gray); } .border-right-m-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .border-right-m-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .border-right-m-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .border-right-m-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-m-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-m-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .border-right-m-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .border-right-m-1-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-m-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-m-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-m-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-m-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .border-right-m-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .border-right-m-2-light-gray { border-right: solid 2px var(--light-gray); } .border-right-m-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .border-right-m-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .border-right-m-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .border-right-m-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-m-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-m-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .border-right-m-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .border-right-m-3-light-gray { border-right: solid 3px var(--light-gray); } .border-right-m-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .border-right-m-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .border-right-m-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .border-right-m-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .border-right-m-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .border-right-m-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .border-right-m-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .border-top-m-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-m-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-m-0-light-gray { border-top: solid 0px var(--light-gray); } .border-top-m-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .border-top-m-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .border-top-m-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .border-top-m-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-m-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-m-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .border-top-m-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .border-top-m-1-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-m-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-m-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-m-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-m-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .border-top-m-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .border-top-m-2-light-gray { border-top: solid 2px var(--light-gray); } .border-top-m-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .border-top-m-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .border-top-m-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .border-top-m-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-m-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-m-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .border-top-m-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .border-top-m-3-light-gray { border-top: solid 3px var(--light-gray); } .border-top-m-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .border-top-m-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .border-top-m-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .border-top-m-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .border-top-m-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .border-top-m-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .border-top-m-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .border-bottom-m-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-m-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-m-0-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-m-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-m-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .border-bottom-m-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .border-bottom-m-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-m-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-m-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .border-bottom-m-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .border-bottom-m-1-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-m-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-m-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-m-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-m-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .border-bottom-m-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .border-bottom-m-2-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-m-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-m-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .border-bottom-m-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .border-bottom-m-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-m-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-m-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .border-bottom-m-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .border-bottom-m-3-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-m-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-m-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .border-bottom-m-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .border-bottom-m-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .border-left-m-gray { border-left: solid 1px var(--gray); } .border-left-m-solid-gray { border-left: solid 1px var(--gray); } .border-left-m-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-m-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-m-0-gray { border-left: solid 0px var(--gray); } .border-left-m-0-solid-gray { border-left: solid 0px var(--gray); } .border-left-m-0-dashed-gray { border-left: dashed 0px var(--gray); } .border-left-m-0-dotted-gray { border-left: dotted 0px var(--gray); } .border-left-m-0-5-gray { border-left: solid 0.5px var(--gray); } .border-left-m-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .border-left-m-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .border-left-m-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .border-left-m-1-gray { border-left: solid 1px var(--gray); } .border-left-m-1-solid-gray { border-left: solid 1px var(--gray); } .border-left-m-1-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-m-1-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-m-1-5-gray { border-left: solid 1.5px var(--gray); } .border-left-m-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .border-left-m-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .border-left-m-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .border-left-m-2-gray { border-left: solid 2px var(--gray); } .border-left-m-2-solid-gray { border-left: solid 2px var(--gray); } .border-left-m-2-dashed-gray { border-left: dashed 2px var(--gray); } .border-left-m-2-dotted-gray { border-left: dotted 2px var(--gray); } .border-left-m-2-5-gray { border-left: solid 2.5px var(--gray); } .border-left-m-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .border-left-m-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .border-left-m-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .border-left-m-3-gray { border-left: solid 3px var(--gray); } .border-left-m-3-solid-gray { border-left: solid 3px var(--gray); } .border-left-m-3-dashed-gray { border-left: dashed 3px var(--gray); } .border-left-m-3-dotted-gray { border-left: dotted 3px var(--gray); } .border-left-m-first-gray:first-child { border-left: solid 1px var(--gray); } .border-left-m-last-gray:last-child { border-left: solid 1px var(--gray); } .border-left-m-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .border-left-m-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .border-right-m-gray { border-right: solid 1px var(--gray); } .border-right-m-solid-gray { border-right: solid 1px var(--gray); } .border-right-m-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-m-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-m-0-gray { border-right: solid 0px var(--gray); } .border-right-m-0-solid-gray { border-right: solid 0px var(--gray); } .border-right-m-0-dashed-gray { border-right: dashed 0px var(--gray); } .border-right-m-0-dotted-gray { border-right: dotted 0px var(--gray); } .border-right-m-0-5-gray { border-right: solid 0.5px var(--gray); } .border-right-m-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .border-right-m-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .border-right-m-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .border-right-m-1-gray { border-right: solid 1px var(--gray); } .border-right-m-1-solid-gray { border-right: solid 1px var(--gray); } .border-right-m-1-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-m-1-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-m-1-5-gray { border-right: solid 1.5px var(--gray); } .border-right-m-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .border-right-m-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .border-right-m-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .border-right-m-2-gray { border-right: solid 2px var(--gray); } .border-right-m-2-solid-gray { border-right: solid 2px var(--gray); } .border-right-m-2-dashed-gray { border-right: dashed 2px var(--gray); } .border-right-m-2-dotted-gray { border-right: dotted 2px var(--gray); } .border-right-m-2-5-gray { border-right: solid 2.5px var(--gray); } .border-right-m-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .border-right-m-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .border-right-m-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .border-right-m-3-gray { border-right: solid 3px var(--gray); } .border-right-m-3-solid-gray { border-right: solid 3px var(--gray); } .border-right-m-3-dashed-gray { border-right: dashed 3px var(--gray); } .border-right-m-3-dotted-gray { border-right: dotted 3px var(--gray); } .border-right-m-first-gray:first-child { border-right: solid 1px var(--gray); } .border-right-m-last-gray:last-child { border-right: solid 1px var(--gray); } .border-right-m-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .border-right-m-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .border-top-m-gray { border-top: solid 1px var(--gray); } .border-top-m-solid-gray { border-top: solid 1px var(--gray); } .border-top-m-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-m-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-m-0-gray { border-top: solid 0px var(--gray); } .border-top-m-0-solid-gray { border-top: solid 0px var(--gray); } .border-top-m-0-dashed-gray { border-top: dashed 0px var(--gray); } .border-top-m-0-dotted-gray { border-top: dotted 0px var(--gray); } .border-top-m-0-5-gray { border-top: solid 0.5px var(--gray); } .border-top-m-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .border-top-m-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .border-top-m-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .border-top-m-1-gray { border-top: solid 1px var(--gray); } .border-top-m-1-solid-gray { border-top: solid 1px var(--gray); } .border-top-m-1-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-m-1-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-m-1-5-gray { border-top: solid 1.5px var(--gray); } .border-top-m-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .border-top-m-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .border-top-m-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .border-top-m-2-gray { border-top: solid 2px var(--gray); } .border-top-m-2-solid-gray { border-top: solid 2px var(--gray); } .border-top-m-2-dashed-gray { border-top: dashed 2px var(--gray); } .border-top-m-2-dotted-gray { border-top: dotted 2px var(--gray); } .border-top-m-2-5-gray { border-top: solid 2.5px var(--gray); } .border-top-m-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .border-top-m-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .border-top-m-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .border-top-m-3-gray { border-top: solid 3px var(--gray); } .border-top-m-3-solid-gray { border-top: solid 3px var(--gray); } .border-top-m-3-dashed-gray { border-top: dashed 3px var(--gray); } .border-top-m-3-dotted-gray { border-top: dotted 3px var(--gray); } .border-top-m-first-gray:first-child { border-top: solid 1px var(--gray); } .border-top-m-last-gray:last-child { border-top: solid 1px var(--gray); } .border-top-m-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .border-top-m-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .border-bottom-m-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-m-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-m-0-gray { border-bottom: solid 0px var(--gray); } .border-bottom-m-0-solid-gray { border-bottom: solid 0px var(--gray); } .border-bottom-m-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .border-bottom-m-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .border-bottom-m-0-5-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-m-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-m-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .border-bottom-m-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .border-bottom-m-1-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-1-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-m-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-m-1-5-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-m-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-m-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .border-bottom-m-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .border-bottom-m-2-gray { border-bottom: solid 2px var(--gray); } .border-bottom-m-2-solid-gray { border-bottom: solid 2px var(--gray); } .border-bottom-m-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .border-bottom-m-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .border-bottom-m-2-5-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-m-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-m-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .border-bottom-m-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .border-bottom-m-3-gray { border-bottom: solid 3px var(--gray); } .border-bottom-m-3-solid-gray { border-bottom: solid 3px var(--gray); } .border-bottom-m-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .border-bottom-m-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .border-bottom-m-first-gray:first-child { border-bottom: solid 1px var(--gray); } .border-bottom-m-last-gray:last-child { border-bottom: solid 1px var(--gray); } .border-bottom-m-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .border-bottom-m-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .border-left-m-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-m-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-m-0-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-m-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-m-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .border-left-m-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .border-left-m-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-m-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-m-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .border-left-m-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .border-left-m-1-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-m-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-m-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-m-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-m-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .border-left-m-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .border-left-m-2-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-m-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-m-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .border-left-m-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .border-left-m-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-m-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-m-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .border-left-m-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .border-left-m-3-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-m-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-m-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .border-left-m-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .border-left-m-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .border-left-m-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .border-left-m-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .border-left-m-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .border-right-m-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-m-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-m-0-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-m-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-m-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .border-right-m-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .border-right-m-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-m-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-m-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .border-right-m-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .border-right-m-1-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-m-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-m-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-m-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-m-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .border-right-m-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .border-right-m-2-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-m-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-m-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .border-right-m-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .border-right-m-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-m-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-m-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .border-right-m-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .border-right-m-3-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-m-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-m-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .border-right-m-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .border-right-m-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .border-right-m-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .border-right-m-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .border-right-m-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .border-top-m-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-m-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-m-0-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-m-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-m-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .border-top-m-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .border-top-m-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-m-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-m-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .border-top-m-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .border-top-m-1-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-m-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-m-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-m-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-m-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .border-top-m-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .border-top-m-2-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-m-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-m-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .border-top-m-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .border-top-m-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-m-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-m-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .border-top-m-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .border-top-m-3-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-m-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-m-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .border-top-m-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .border-top-m-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .border-top-m-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .border-top-m-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .border-top-m-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .border-bottom-m-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-m-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-m-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-m-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-m-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .border-bottom-m-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .border-bottom-m-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-m-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-m-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .border-bottom-m-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .border-bottom-m-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-m-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-m-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-m-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-m-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .border-bottom-m-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .border-bottom-m-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-m-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-m-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .border-bottom-m-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .border-bottom-m-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-m-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-m-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .border-bottom-m-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .border-bottom-m-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-m-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-m-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .border-bottom-m-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .border-bottom-m-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .border-left-m-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-m-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-m-0-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-m-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-m-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .border-left-m-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .border-left-m-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-m-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-m-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .border-left-m-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .border-left-m-1-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-m-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-m-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-m-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-m-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .border-left-m-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .border-left-m-2-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-m-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-m-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .border-left-m-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .border-left-m-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-m-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-m-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .border-left-m-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .border-left-m-3-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-m-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-m-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .border-left-m-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .border-left-m-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .border-left-m-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .border-left-m-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .border-left-m-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .border-right-m-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-m-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-m-0-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-m-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-m-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .border-right-m-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .border-right-m-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-m-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-m-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .border-right-m-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .border-right-m-1-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-m-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-m-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-m-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-m-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .border-right-m-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .border-right-m-2-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-m-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-m-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .border-right-m-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .border-right-m-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-m-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-m-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .border-right-m-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .border-right-m-3-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-m-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-m-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .border-right-m-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .border-right-m-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .border-right-m-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .border-right-m-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .border-right-m-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .border-top-m-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-m-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-m-0-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-m-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-m-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .border-top-m-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .border-top-m-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-m-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-m-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .border-top-m-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .border-top-m-1-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-m-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-m-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-m-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-m-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .border-top-m-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .border-top-m-2-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-m-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-m-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .border-top-m-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .border-top-m-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-m-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-m-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .border-top-m-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .border-top-m-3-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-m-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-m-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .border-top-m-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .border-top-m-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .border-top-m-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .border-top-m-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .border-top-m-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .border-bottom-m-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-m-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-m-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-m-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-m-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .border-bottom-m-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .border-bottom-m-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-m-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-m-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .border-bottom-m-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .border-bottom-m-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-m-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-m-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-m-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-m-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .border-bottom-m-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .border-bottom-m-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-m-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-m-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .border-bottom-m-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .border-bottom-m-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-m-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-m-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .border-bottom-m-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .border-bottom-m-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-m-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-m-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .border-bottom-m-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .border-bottom-m-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .border-left-m-body-background { border-left: solid 1px var(--body-background); } .border-left-m-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-m-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-m-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-m-0-body-background { border-left: solid 0px var(--body-background); } .border-left-m-0-solid-body-background { border-left: solid 0px var(--body-background); } .border-left-m-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .border-left-m-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .border-left-m-0-5-body-background { border-left: solid 0.5px var(--body-background); } .border-left-m-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .border-left-m-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .border-left-m-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .border-left-m-1-body-background { border-left: solid 1px var(--body-background); } .border-left-m-1-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-m-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-m-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-m-1-5-body-background { border-left: solid 1.5px var(--body-background); } .border-left-m-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .border-left-m-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .border-left-m-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .border-left-m-2-body-background { border-left: solid 2px var(--body-background); } .border-left-m-2-solid-body-background { border-left: solid 2px var(--body-background); } .border-left-m-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .border-left-m-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .border-left-m-2-5-body-background { border-left: solid 2.5px var(--body-background); } .border-left-m-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .border-left-m-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .border-left-m-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .border-left-m-3-body-background { border-left: solid 3px var(--body-background); } .border-left-m-3-solid-body-background { border-left: solid 3px var(--body-background); } .border-left-m-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .border-left-m-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .border-left-m-first-body-background:first-child { border-left: solid 1px var(--body-background); } .border-left-m-last-body-background:last-child { border-left: solid 1px var(--body-background); } .border-left-m-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .border-left-m-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .border-right-m-body-background { border-right: solid 1px var(--body-background); } .border-right-m-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-m-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-m-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-m-0-body-background { border-right: solid 0px var(--body-background); } .border-right-m-0-solid-body-background { border-right: solid 0px var(--body-background); } .border-right-m-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .border-right-m-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .border-right-m-0-5-body-background { border-right: solid 0.5px var(--body-background); } .border-right-m-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .border-right-m-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .border-right-m-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .border-right-m-1-body-background { border-right: solid 1px var(--body-background); } .border-right-m-1-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-m-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-m-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-m-1-5-body-background { border-right: solid 1.5px var(--body-background); } .border-right-m-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .border-right-m-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .border-right-m-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .border-right-m-2-body-background { border-right: solid 2px var(--body-background); } .border-right-m-2-solid-body-background { border-right: solid 2px var(--body-background); } .border-right-m-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .border-right-m-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .border-right-m-2-5-body-background { border-right: solid 2.5px var(--body-background); } .border-right-m-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .border-right-m-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .border-right-m-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .border-right-m-3-body-background { border-right: solid 3px var(--body-background); } .border-right-m-3-solid-body-background { border-right: solid 3px var(--body-background); } .border-right-m-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .border-right-m-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .border-right-m-first-body-background:first-child { border-right: solid 1px var(--body-background); } .border-right-m-last-body-background:last-child { border-right: solid 1px var(--body-background); } .border-right-m-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .border-right-m-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .border-top-m-body-background { border-top: solid 1px var(--body-background); } .border-top-m-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-m-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-m-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-m-0-body-background { border-top: solid 0px var(--body-background); } .border-top-m-0-solid-body-background { border-top: solid 0px var(--body-background); } .border-top-m-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .border-top-m-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .border-top-m-0-5-body-background { border-top: solid 0.5px var(--body-background); } .border-top-m-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .border-top-m-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .border-top-m-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .border-top-m-1-body-background { border-top: solid 1px var(--body-background); } .border-top-m-1-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-m-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-m-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-m-1-5-body-background { border-top: solid 1.5px var(--body-background); } .border-top-m-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .border-top-m-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .border-top-m-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .border-top-m-2-body-background { border-top: solid 2px var(--body-background); } .border-top-m-2-solid-body-background { border-top: solid 2px var(--body-background); } .border-top-m-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .border-top-m-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .border-top-m-2-5-body-background { border-top: solid 2.5px var(--body-background); } .border-top-m-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .border-top-m-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .border-top-m-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .border-top-m-3-body-background { border-top: solid 3px var(--body-background); } .border-top-m-3-solid-body-background { border-top: solid 3px var(--body-background); } .border-top-m-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .border-top-m-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .border-top-m-first-body-background:first-child { border-top: solid 1px var(--body-background); } .border-top-m-last-body-background:last-child { border-top: solid 1px var(--body-background); } .border-top-m-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .border-top-m-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .border-bottom-m-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-m-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-m-0-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-m-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-m-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .border-bottom-m-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .border-bottom-m-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-m-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-m-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .border-bottom-m-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .border-bottom-m-1-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-m-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-m-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-m-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-m-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .border-bottom-m-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .border-bottom-m-2-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-m-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-m-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .border-bottom-m-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .border-bottom-m-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-m-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-m-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .border-bottom-m-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .border-bottom-m-3-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-m-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-m-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .border-bottom-m-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .border-bottom-m-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .border-bottom-m-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .border-bottom-m-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .border-bottom-m-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .border-left-m-header-background { border-left: solid 1px var(--header-background); } .border-left-m-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-m-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-m-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-m-0-header-background { border-left: solid 0px var(--header-background); } .border-left-m-0-solid-header-background { border-left: solid 0px var(--header-background); } .border-left-m-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .border-left-m-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .border-left-m-0-5-header-background { border-left: solid 0.5px var(--header-background); } .border-left-m-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .border-left-m-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .border-left-m-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .border-left-m-1-header-background { border-left: solid 1px var(--header-background); } .border-left-m-1-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-m-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-m-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-m-1-5-header-background { border-left: solid 1.5px var(--header-background); } .border-left-m-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .border-left-m-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .border-left-m-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .border-left-m-2-header-background { border-left: solid 2px var(--header-background); } .border-left-m-2-solid-header-background { border-left: solid 2px var(--header-background); } .border-left-m-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .border-left-m-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .border-left-m-2-5-header-background { border-left: solid 2.5px var(--header-background); } .border-left-m-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .border-left-m-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .border-left-m-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .border-left-m-3-header-background { border-left: solid 3px var(--header-background); } .border-left-m-3-solid-header-background { border-left: solid 3px var(--header-background); } .border-left-m-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .border-left-m-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .border-left-m-first-header-background:first-child { border-left: solid 1px var(--header-background); } .border-left-m-last-header-background:last-child { border-left: solid 1px var(--header-background); } .border-left-m-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .border-left-m-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .border-right-m-header-background { border-right: solid 1px var(--header-background); } .border-right-m-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-m-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-m-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-m-0-header-background { border-right: solid 0px var(--header-background); } .border-right-m-0-solid-header-background { border-right: solid 0px var(--header-background); } .border-right-m-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .border-right-m-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .border-right-m-0-5-header-background { border-right: solid 0.5px var(--header-background); } .border-right-m-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .border-right-m-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .border-right-m-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .border-right-m-1-header-background { border-right: solid 1px var(--header-background); } .border-right-m-1-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-m-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-m-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-m-1-5-header-background { border-right: solid 1.5px var(--header-background); } .border-right-m-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .border-right-m-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .border-right-m-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .border-right-m-2-header-background { border-right: solid 2px var(--header-background); } .border-right-m-2-solid-header-background { border-right: solid 2px var(--header-background); } .border-right-m-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .border-right-m-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .border-right-m-2-5-header-background { border-right: solid 2.5px var(--header-background); } .border-right-m-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .border-right-m-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .border-right-m-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .border-right-m-3-header-background { border-right: solid 3px var(--header-background); } .border-right-m-3-solid-header-background { border-right: solid 3px var(--header-background); } .border-right-m-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .border-right-m-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .border-right-m-first-header-background:first-child { border-right: solid 1px var(--header-background); } .border-right-m-last-header-background:last-child { border-right: solid 1px var(--header-background); } .border-right-m-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .border-right-m-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .border-top-m-header-background { border-top: solid 1px var(--header-background); } .border-top-m-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-m-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-m-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-m-0-header-background { border-top: solid 0px var(--header-background); } .border-top-m-0-solid-header-background { border-top: solid 0px var(--header-background); } .border-top-m-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .border-top-m-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .border-top-m-0-5-header-background { border-top: solid 0.5px var(--header-background); } .border-top-m-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .border-top-m-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .border-top-m-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .border-top-m-1-header-background { border-top: solid 1px var(--header-background); } .border-top-m-1-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-m-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-m-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-m-1-5-header-background { border-top: solid 1.5px var(--header-background); } .border-top-m-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .border-top-m-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .border-top-m-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .border-top-m-2-header-background { border-top: solid 2px var(--header-background); } .border-top-m-2-solid-header-background { border-top: solid 2px var(--header-background); } .border-top-m-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .border-top-m-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .border-top-m-2-5-header-background { border-top: solid 2.5px var(--header-background); } .border-top-m-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .border-top-m-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .border-top-m-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .border-top-m-3-header-background { border-top: solid 3px var(--header-background); } .border-top-m-3-solid-header-background { border-top: solid 3px var(--header-background); } .border-top-m-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .border-top-m-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .border-top-m-first-header-background:first-child { border-top: solid 1px var(--header-background); } .border-top-m-last-header-background:last-child { border-top: solid 1px var(--header-background); } .border-top-m-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .border-top-m-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .border-bottom-m-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-m-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-m-0-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-m-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-m-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .border-bottom-m-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .border-bottom-m-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-m-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-m-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .border-bottom-m-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .border-bottom-m-1-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-m-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-m-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-m-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-m-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .border-bottom-m-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .border-bottom-m-2-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-m-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-m-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .border-bottom-m-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .border-bottom-m-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-m-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-m-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .border-bottom-m-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .border-bottom-m-3-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-m-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-m-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .border-bottom-m-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .border-bottom-m-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .border-bottom-m-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .border-bottom-m-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .border-bottom-m-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .border-left-m-font-color { border-left: solid 1px var(--font-color); } .border-left-m-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-m-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-m-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-m-0-font-color { border-left: solid 0px var(--font-color); } .border-left-m-0-solid-font-color { border-left: solid 0px var(--font-color); } .border-left-m-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .border-left-m-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .border-left-m-0-5-font-color { border-left: solid 0.5px var(--font-color); } .border-left-m-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .border-left-m-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .border-left-m-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .border-left-m-1-font-color { border-left: solid 1px var(--font-color); } .border-left-m-1-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-m-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-m-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-m-1-5-font-color { border-left: solid 1.5px var(--font-color); } .border-left-m-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .border-left-m-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .border-left-m-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .border-left-m-2-font-color { border-left: solid 2px var(--font-color); } .border-left-m-2-solid-font-color { border-left: solid 2px var(--font-color); } .border-left-m-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .border-left-m-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .border-left-m-2-5-font-color { border-left: solid 2.5px var(--font-color); } .border-left-m-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .border-left-m-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .border-left-m-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .border-left-m-3-font-color { border-left: solid 3px var(--font-color); } .border-left-m-3-solid-font-color { border-left: solid 3px var(--font-color); } .border-left-m-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .border-left-m-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .border-left-m-first-font-color:first-child { border-left: solid 1px var(--font-color); } .border-left-m-last-font-color:last-child { border-left: solid 1px var(--font-color); } .border-left-m-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .border-left-m-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .border-right-m-font-color { border-right: solid 1px var(--font-color); } .border-right-m-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-m-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-m-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-m-0-font-color { border-right: solid 0px var(--font-color); } .border-right-m-0-solid-font-color { border-right: solid 0px var(--font-color); } .border-right-m-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .border-right-m-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .border-right-m-0-5-font-color { border-right: solid 0.5px var(--font-color); } .border-right-m-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .border-right-m-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .border-right-m-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .border-right-m-1-font-color { border-right: solid 1px var(--font-color); } .border-right-m-1-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-m-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-m-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-m-1-5-font-color { border-right: solid 1.5px var(--font-color); } .border-right-m-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .border-right-m-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .border-right-m-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .border-right-m-2-font-color { border-right: solid 2px var(--font-color); } .border-right-m-2-solid-font-color { border-right: solid 2px var(--font-color); } .border-right-m-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .border-right-m-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .border-right-m-2-5-font-color { border-right: solid 2.5px var(--font-color); } .border-right-m-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .border-right-m-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .border-right-m-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .border-right-m-3-font-color { border-right: solid 3px var(--font-color); } .border-right-m-3-solid-font-color { border-right: solid 3px var(--font-color); } .border-right-m-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .border-right-m-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .border-right-m-first-font-color:first-child { border-right: solid 1px var(--font-color); } .border-right-m-last-font-color:last-child { border-right: solid 1px var(--font-color); } .border-right-m-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .border-right-m-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .border-top-m-font-color { border-top: solid 1px var(--font-color); } .border-top-m-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-m-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-m-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-m-0-font-color { border-top: solid 0px var(--font-color); } .border-top-m-0-solid-font-color { border-top: solid 0px var(--font-color); } .border-top-m-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .border-top-m-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .border-top-m-0-5-font-color { border-top: solid 0.5px var(--font-color); } .border-top-m-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .border-top-m-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .border-top-m-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .border-top-m-1-font-color { border-top: solid 1px var(--font-color); } .border-top-m-1-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-m-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-m-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-m-1-5-font-color { border-top: solid 1.5px var(--font-color); } .border-top-m-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .border-top-m-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .border-top-m-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .border-top-m-2-font-color { border-top: solid 2px var(--font-color); } .border-top-m-2-solid-font-color { border-top: solid 2px var(--font-color); } .border-top-m-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .border-top-m-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .border-top-m-2-5-font-color { border-top: solid 2.5px var(--font-color); } .border-top-m-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .border-top-m-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .border-top-m-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .border-top-m-3-font-color { border-top: solid 3px var(--font-color); } .border-top-m-3-solid-font-color { border-top: solid 3px var(--font-color); } .border-top-m-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .border-top-m-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .border-top-m-first-font-color:first-child { border-top: solid 1px var(--font-color); } .border-top-m-last-font-color:last-child { border-top: solid 1px var(--font-color); } .border-top-m-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .border-top-m-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .border-bottom-m-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-m-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-m-0-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-m-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-m-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .border-bottom-m-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .border-bottom-m-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-m-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-m-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .border-bottom-m-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .border-bottom-m-1-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-m-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-m-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-m-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-m-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .border-bottom-m-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .border-bottom-m-2-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-m-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-m-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .border-bottom-m-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .border-bottom-m-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-m-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-m-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .border-bottom-m-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .border-bottom-m-3-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-m-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-m-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .border-bottom-m-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .border-bottom-m-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .border-bottom-m-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .border-bottom-m-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .border-bottom-m-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .border-left-m-first-none:first-child { border-left: none; } .border-left-m-last-none:last-child { border-left: none; } .border-left-m-odd-none:nth-child(odd) { border-left: none; } .border-left-m-even-none:nth-child(even) { border-left: none; } .border-right-m-first-none:first-child { border-right: none; } .border-right-m-last-none:last-child { border-right: none; } .border-right-m-odd-none:nth-child(odd) { border-right: none; } .border-right-m-even-none:nth-child(even) { border-right: none; } .border-top-m-first-none:first-child { border-top: none; } .border-top-m-last-none:last-child { border-top: none; } .border-top-m-odd-none:nth-child(odd) { border-top: none; } .border-top-m-even-none:nth-child(even) { border-top: none; } .border-bottom-m-first-none:first-child { border-bottom: none; } .border-bottom-m-last-none:last-child { border-bottom: none; } .border-bottom-m-odd-none:nth-child(odd) { border-bottom: none; } .border-bottom-m-even-none:nth-child(even) { border-bottom: none; } } @media (max-width: 767px) and (prefers-color-scheme: light) { .border-left-m-base-color { border-left: solid 1px var(--base-color); } .border-left-m-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-m-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-m-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-m-0-base-color { border-left: solid 0px var(--base-color); } .border-left-m-0-solid-base-color { border-left: solid 0px var(--base-color); } .border-left-m-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .border-left-m-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .border-left-m-0-5-base-color { border-left: solid 0.5px var(--base-color); } .border-left-m-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .border-left-m-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .border-left-m-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .border-left-m-1-base-color { border-left: solid 1px var(--base-color); } .border-left-m-1-solid-base-color { border-left: solid 1px var(--base-color); } .border-left-m-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .border-left-m-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .border-left-m-1-5-base-color { border-left: solid 1.5px var(--base-color); } .border-left-m-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .border-left-m-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .border-left-m-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .border-left-m-2-base-color { border-left: solid 2px var(--base-color); } .border-left-m-2-solid-base-color { border-left: solid 2px var(--base-color); } .border-left-m-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .border-left-m-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .border-left-m-2-5-base-color { border-left: solid 2.5px var(--base-color); } .border-left-m-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .border-left-m-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .border-left-m-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .border-left-m-3-base-color { border-left: solid 3px var(--base-color); } .border-left-m-3-solid-base-color { border-left: solid 3px var(--base-color); } .border-left-m-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .border-left-m-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .border-left-m-first-base-color:first-child { border-left: solid 1px var(--base-color); } .border-left-m-last-base-color:last-child { border-left: solid 1px var(--base-color); } .border-left-m-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .border-left-m-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .border-right-m-base-color { border-right: solid 1px var(--base-color); } .border-right-m-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-m-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-m-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-m-0-base-color { border-right: solid 0px var(--base-color); } .border-right-m-0-solid-base-color { border-right: solid 0px var(--base-color); } .border-right-m-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .border-right-m-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .border-right-m-0-5-base-color { border-right: solid 0.5px var(--base-color); } .border-right-m-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .border-right-m-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .border-right-m-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .border-right-m-1-base-color { border-right: solid 1px var(--base-color); } .border-right-m-1-solid-base-color { border-right: solid 1px var(--base-color); } .border-right-m-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .border-right-m-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .border-right-m-1-5-base-color { border-right: solid 1.5px var(--base-color); } .border-right-m-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .border-right-m-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .border-right-m-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .border-right-m-2-base-color { border-right: solid 2px var(--base-color); } .border-right-m-2-solid-base-color { border-right: solid 2px var(--base-color); } .border-right-m-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .border-right-m-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .border-right-m-2-5-base-color { border-right: solid 2.5px var(--base-color); } .border-right-m-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .border-right-m-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .border-right-m-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .border-right-m-3-base-color { border-right: solid 3px var(--base-color); } .border-right-m-3-solid-base-color { border-right: solid 3px var(--base-color); } .border-right-m-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .border-right-m-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .border-right-m-first-base-color:first-child { border-right: solid 1px var(--base-color); } .border-right-m-last-base-color:last-child { border-right: solid 1px var(--base-color); } .border-right-m-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .border-right-m-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .border-top-m-base-color { border-top: solid 1px var(--base-color); } .border-top-m-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-m-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-m-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-m-0-base-color { border-top: solid 0px var(--base-color); } .border-top-m-0-solid-base-color { border-top: solid 0px var(--base-color); } .border-top-m-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .border-top-m-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .border-top-m-0-5-base-color { border-top: solid 0.5px var(--base-color); } .border-top-m-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .border-top-m-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .border-top-m-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .border-top-m-1-base-color { border-top: solid 1px var(--base-color); } .border-top-m-1-solid-base-color { border-top: solid 1px var(--base-color); } .border-top-m-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .border-top-m-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .border-top-m-1-5-base-color { border-top: solid 1.5px var(--base-color); } .border-top-m-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .border-top-m-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .border-top-m-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .border-top-m-2-base-color { border-top: solid 2px var(--base-color); } .border-top-m-2-solid-base-color { border-top: solid 2px var(--base-color); } .border-top-m-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .border-top-m-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .border-top-m-2-5-base-color { border-top: solid 2.5px var(--base-color); } .border-top-m-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .border-top-m-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .border-top-m-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .border-top-m-3-base-color { border-top: solid 3px var(--base-color); } .border-top-m-3-solid-base-color { border-top: solid 3px var(--base-color); } .border-top-m-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .border-top-m-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .border-top-m-first-base-color:first-child { border-top: solid 1px var(--base-color); } .border-top-m-last-base-color:last-child { border-top: solid 1px var(--base-color); } .border-top-m-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .border-top-m-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .border-bottom-m-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-m-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-m-0-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-m-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .border-bottom-m-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .border-bottom-m-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .border-bottom-m-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-m-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .border-bottom-m-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .border-bottom-m-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .border-bottom-m-1-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .border-bottom-m-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .border-bottom-m-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .border-bottom-m-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-m-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .border-bottom-m-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .border-bottom-m-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .border-bottom-m-2-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-m-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .border-bottom-m-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .border-bottom-m-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .border-bottom-m-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-m-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .border-bottom-m-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .border-bottom-m-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .border-bottom-m-3-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-m-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .border-bottom-m-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .border-bottom-m-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .border-bottom-m-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .border-bottom-m-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .border-bottom-m-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .border-bottom-m-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .border-left-m-second-color { border-left: solid 1px var(--second-color); } .border-left-m-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-m-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-m-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-m-0-second-color { border-left: solid 0px var(--second-color); } .border-left-m-0-solid-second-color { border-left: solid 0px var(--second-color); } .border-left-m-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .border-left-m-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .border-left-m-0-5-second-color { border-left: solid 0.5px var(--second-color); } .border-left-m-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .border-left-m-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .border-left-m-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .border-left-m-1-second-color { border-left: solid 1px var(--second-color); } .border-left-m-1-solid-second-color { border-left: solid 1px var(--second-color); } .border-left-m-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .border-left-m-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .border-left-m-1-5-second-color { border-left: solid 1.5px var(--second-color); } .border-left-m-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .border-left-m-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .border-left-m-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .border-left-m-2-second-color { border-left: solid 2px var(--second-color); } .border-left-m-2-solid-second-color { border-left: solid 2px var(--second-color); } .border-left-m-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .border-left-m-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .border-left-m-2-5-second-color { border-left: solid 2.5px var(--second-color); } .border-left-m-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .border-left-m-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .border-left-m-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .border-left-m-3-second-color { border-left: solid 3px var(--second-color); } .border-left-m-3-solid-second-color { border-left: solid 3px var(--second-color); } .border-left-m-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .border-left-m-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .border-left-m-first-second-color:first-child { border-left: solid 1px var(--second-color); } .border-left-m-last-second-color:last-child { border-left: solid 1px var(--second-color); } .border-left-m-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .border-left-m-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .border-right-m-second-color { border-right: solid 1px var(--second-color); } .border-right-m-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-m-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-m-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-m-0-second-color { border-right: solid 0px var(--second-color); } .border-right-m-0-solid-second-color { border-right: solid 0px var(--second-color); } .border-right-m-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .border-right-m-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .border-right-m-0-5-second-color { border-right: solid 0.5px var(--second-color); } .border-right-m-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .border-right-m-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .border-right-m-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .border-right-m-1-second-color { border-right: solid 1px var(--second-color); } .border-right-m-1-solid-second-color { border-right: solid 1px var(--second-color); } .border-right-m-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .border-right-m-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .border-right-m-1-5-second-color { border-right: solid 1.5px var(--second-color); } .border-right-m-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .border-right-m-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .border-right-m-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .border-right-m-2-second-color { border-right: solid 2px var(--second-color); } .border-right-m-2-solid-second-color { border-right: solid 2px var(--second-color); } .border-right-m-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .border-right-m-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .border-right-m-2-5-second-color { border-right: solid 2.5px var(--second-color); } .border-right-m-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .border-right-m-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .border-right-m-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .border-right-m-3-second-color { border-right: solid 3px var(--second-color); } .border-right-m-3-solid-second-color { border-right: solid 3px var(--second-color); } .border-right-m-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .border-right-m-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .border-right-m-first-second-color:first-child { border-right: solid 1px var(--second-color); } .border-right-m-last-second-color:last-child { border-right: solid 1px var(--second-color); } .border-right-m-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .border-right-m-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .border-top-m-second-color { border-top: solid 1px var(--second-color); } .border-top-m-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-m-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-m-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-m-0-second-color { border-top: solid 0px var(--second-color); } .border-top-m-0-solid-second-color { border-top: solid 0px var(--second-color); } .border-top-m-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .border-top-m-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .border-top-m-0-5-second-color { border-top: solid 0.5px var(--second-color); } .border-top-m-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .border-top-m-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .border-top-m-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .border-top-m-1-second-color { border-top: solid 1px var(--second-color); } .border-top-m-1-solid-second-color { border-top: solid 1px var(--second-color); } .border-top-m-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .border-top-m-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .border-top-m-1-5-second-color { border-top: solid 1.5px var(--second-color); } .border-top-m-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .border-top-m-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .border-top-m-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .border-top-m-2-second-color { border-top: solid 2px var(--second-color); } .border-top-m-2-solid-second-color { border-top: solid 2px var(--second-color); } .border-top-m-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .border-top-m-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .border-top-m-2-5-second-color { border-top: solid 2.5px var(--second-color); } .border-top-m-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .border-top-m-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .border-top-m-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .border-top-m-3-second-color { border-top: solid 3px var(--second-color); } .border-top-m-3-solid-second-color { border-top: solid 3px var(--second-color); } .border-top-m-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .border-top-m-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .border-top-m-first-second-color:first-child { border-top: solid 1px var(--second-color); } .border-top-m-last-second-color:last-child { border-top: solid 1px var(--second-color); } .border-top-m-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .border-top-m-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .border-bottom-m-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-m-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-m-0-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-m-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .border-bottom-m-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .border-bottom-m-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .border-bottom-m-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-m-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .border-bottom-m-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .border-bottom-m-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .border-bottom-m-1-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .border-bottom-m-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .border-bottom-m-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .border-bottom-m-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-m-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .border-bottom-m-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .border-bottom-m-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .border-bottom-m-2-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-m-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .border-bottom-m-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .border-bottom-m-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .border-bottom-m-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-m-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .border-bottom-m-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .border-bottom-m-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .border-bottom-m-3-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-m-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .border-bottom-m-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .border-bottom-m-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .border-bottom-m-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .border-bottom-m-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .border-bottom-m-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .border-bottom-m-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .border-left-m-third-color { border-left: solid 1px var(--third-color); } .border-left-m-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-m-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-m-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-m-0-third-color { border-left: solid 0px var(--third-color); } .border-left-m-0-solid-third-color { border-left: solid 0px var(--third-color); } .border-left-m-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .border-left-m-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .border-left-m-0-5-third-color { border-left: solid 0.5px var(--third-color); } .border-left-m-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .border-left-m-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .border-left-m-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .border-left-m-1-third-color { border-left: solid 1px var(--third-color); } .border-left-m-1-solid-third-color { border-left: solid 1px var(--third-color); } .border-left-m-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .border-left-m-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .border-left-m-1-5-third-color { border-left: solid 1.5px var(--third-color); } .border-left-m-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .border-left-m-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .border-left-m-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .border-left-m-2-third-color { border-left: solid 2px var(--third-color); } .border-left-m-2-solid-third-color { border-left: solid 2px var(--third-color); } .border-left-m-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .border-left-m-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .border-left-m-2-5-third-color { border-left: solid 2.5px var(--third-color); } .border-left-m-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .border-left-m-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .border-left-m-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .border-left-m-3-third-color { border-left: solid 3px var(--third-color); } .border-left-m-3-solid-third-color { border-left: solid 3px var(--third-color); } .border-left-m-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .border-left-m-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .border-left-m-first-third-color:first-child { border-left: solid 1px var(--third-color); } .border-left-m-last-third-color:last-child { border-left: solid 1px var(--third-color); } .border-left-m-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .border-left-m-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .border-right-m-third-color { border-right: solid 1px var(--third-color); } .border-right-m-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-m-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-m-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-m-0-third-color { border-right: solid 0px var(--third-color); } .border-right-m-0-solid-third-color { border-right: solid 0px var(--third-color); } .border-right-m-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .border-right-m-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .border-right-m-0-5-third-color { border-right: solid 0.5px var(--third-color); } .border-right-m-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .border-right-m-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .border-right-m-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .border-right-m-1-third-color { border-right: solid 1px var(--third-color); } .border-right-m-1-solid-third-color { border-right: solid 1px var(--third-color); } .border-right-m-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .border-right-m-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .border-right-m-1-5-third-color { border-right: solid 1.5px var(--third-color); } .border-right-m-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .border-right-m-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .border-right-m-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .border-right-m-2-third-color { border-right: solid 2px var(--third-color); } .border-right-m-2-solid-third-color { border-right: solid 2px var(--third-color); } .border-right-m-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .border-right-m-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .border-right-m-2-5-third-color { border-right: solid 2.5px var(--third-color); } .border-right-m-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .border-right-m-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .border-right-m-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .border-right-m-3-third-color { border-right: solid 3px var(--third-color); } .border-right-m-3-solid-third-color { border-right: solid 3px var(--third-color); } .border-right-m-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .border-right-m-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .border-right-m-first-third-color:first-child { border-right: solid 1px var(--third-color); } .border-right-m-last-third-color:last-child { border-right: solid 1px var(--third-color); } .border-right-m-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .border-right-m-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .border-top-m-third-color { border-top: solid 1px var(--third-color); } .border-top-m-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-m-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-m-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-m-0-third-color { border-top: solid 0px var(--third-color); } .border-top-m-0-solid-third-color { border-top: solid 0px var(--third-color); } .border-top-m-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .border-top-m-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .border-top-m-0-5-third-color { border-top: solid 0.5px var(--third-color); } .border-top-m-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .border-top-m-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .border-top-m-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .border-top-m-1-third-color { border-top: solid 1px var(--third-color); } .border-top-m-1-solid-third-color { border-top: solid 1px var(--third-color); } .border-top-m-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .border-top-m-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .border-top-m-1-5-third-color { border-top: solid 1.5px var(--third-color); } .border-top-m-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .border-top-m-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .border-top-m-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .border-top-m-2-third-color { border-top: solid 2px var(--third-color); } .border-top-m-2-solid-third-color { border-top: solid 2px var(--third-color); } .border-top-m-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .border-top-m-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .border-top-m-2-5-third-color { border-top: solid 2.5px var(--third-color); } .border-top-m-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .border-top-m-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .border-top-m-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .border-top-m-3-third-color { border-top: solid 3px var(--third-color); } .border-top-m-3-solid-third-color { border-top: solid 3px var(--third-color); } .border-top-m-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .border-top-m-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .border-top-m-first-third-color:first-child { border-top: solid 1px var(--third-color); } .border-top-m-last-third-color:last-child { border-top: solid 1px var(--third-color); } .border-top-m-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .border-top-m-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .border-bottom-m-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-m-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-m-0-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-m-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .border-bottom-m-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .border-bottom-m-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .border-bottom-m-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-m-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .border-bottom-m-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .border-bottom-m-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .border-bottom-m-1-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .border-bottom-m-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .border-bottom-m-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .border-bottom-m-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-m-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .border-bottom-m-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .border-bottom-m-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .border-bottom-m-2-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-m-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .border-bottom-m-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .border-bottom-m-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .border-bottom-m-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-m-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .border-bottom-m-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .border-bottom-m-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .border-bottom-m-3-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-m-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .border-bottom-m-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .border-bottom-m-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .border-bottom-m-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .border-bottom-m-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .border-bottom-m-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .border-bottom-m-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .border-left-m-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-m-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-m-0-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-m-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .border-left-m-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .border-left-m-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .border-left-m-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-m-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .border-left-m-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .border-left-m-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .border-left-m-1-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .border-left-m-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .border-left-m-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .border-left-m-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-m-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .border-left-m-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .border-left-m-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .border-left-m-2-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-m-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .border-left-m-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .border-left-m-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .border-left-m-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-m-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .border-left-m-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .border-left-m-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .border-left-m-3-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-m-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .border-left-m-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .border-left-m-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .border-left-m-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .border-left-m-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .border-left-m-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .border-left-m-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .border-right-m-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-m-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-m-0-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-m-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .border-right-m-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .border-right-m-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .border-right-m-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-m-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .border-right-m-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .border-right-m-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .border-right-m-1-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .border-right-m-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .border-right-m-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .border-right-m-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-m-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .border-right-m-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .border-right-m-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .border-right-m-2-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-m-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .border-right-m-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .border-right-m-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .border-right-m-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-m-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .border-right-m-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .border-right-m-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .border-right-m-3-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-m-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .border-right-m-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .border-right-m-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .border-right-m-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .border-right-m-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .border-right-m-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .border-right-m-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .border-top-m-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-m-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-m-0-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-m-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .border-top-m-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .border-top-m-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .border-top-m-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-m-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .border-top-m-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .border-top-m-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .border-top-m-1-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .border-top-m-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .border-top-m-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .border-top-m-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-m-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .border-top-m-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .border-top-m-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .border-top-m-2-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-m-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .border-top-m-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .border-top-m-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .border-top-m-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-m-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .border-top-m-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .border-top-m-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .border-top-m-3-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-m-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .border-top-m-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .border-top-m-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .border-top-m-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .border-top-m-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .border-top-m-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .border-top-m-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .border-bottom-m-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-m-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-m-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-m-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .border-bottom-m-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .border-bottom-m-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .border-bottom-m-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-m-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .border-bottom-m-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .border-bottom-m-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .border-bottom-m-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .border-bottom-m-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .border-bottom-m-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-m-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .border-bottom-m-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .border-bottom-m-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .border-bottom-m-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-m-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .border-bottom-m-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .border-bottom-m-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .border-bottom-m-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-m-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .border-bottom-m-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .border-bottom-m-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .border-bottom-m-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-m-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .border-bottom-m-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .border-bottom-m-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .border-bottom-m-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .border-bottom-m-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .border-left-m-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-m-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-m-0-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-m-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .border-left-m-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .border-left-m-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .border-left-m-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-m-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .border-left-m-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .border-left-m-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .border-left-m-1-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .border-left-m-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .border-left-m-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .border-left-m-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-m-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .border-left-m-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .border-left-m-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .border-left-m-2-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-m-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .border-left-m-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .border-left-m-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .border-left-m-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-m-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .border-left-m-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .border-left-m-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .border-left-m-3-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-m-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .border-left-m-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .border-left-m-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .border-left-m-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .border-left-m-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .border-left-m-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .border-left-m-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .border-right-m-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-m-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-m-0-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-m-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .border-right-m-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .border-right-m-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .border-right-m-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-m-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .border-right-m-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .border-right-m-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .border-right-m-1-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .border-right-m-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .border-right-m-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .border-right-m-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-m-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .border-right-m-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .border-right-m-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .border-right-m-2-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-m-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .border-right-m-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .border-right-m-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .border-right-m-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-m-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .border-right-m-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .border-right-m-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .border-right-m-3-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-m-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .border-right-m-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .border-right-m-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .border-right-m-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .border-right-m-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .border-right-m-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .border-right-m-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .border-top-m-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-m-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-m-0-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-m-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .border-top-m-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .border-top-m-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .border-top-m-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-m-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .border-top-m-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .border-top-m-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .border-top-m-1-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .border-top-m-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .border-top-m-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .border-top-m-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-m-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .border-top-m-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .border-top-m-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .border-top-m-2-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-m-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .border-top-m-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .border-top-m-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .border-top-m-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-m-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .border-top-m-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .border-top-m-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .border-top-m-3-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-m-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .border-top-m-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .border-top-m-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .border-top-m-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .border-top-m-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .border-top-m-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .border-top-m-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .border-bottom-m-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-m-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-m-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-m-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .border-bottom-m-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .border-bottom-m-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .border-bottom-m-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-m-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .border-bottom-m-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .border-bottom-m-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .border-bottom-m-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .border-bottom-m-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .border-bottom-m-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-m-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .border-bottom-m-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .border-bottom-m-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .border-bottom-m-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-m-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .border-bottom-m-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .border-bottom-m-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .border-bottom-m-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-m-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .border-bottom-m-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .border-bottom-m-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .border-bottom-m-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-m-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .border-bottom-m-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .border-bottom-m-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .border-bottom-m-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .border-bottom-m-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .border-left-m-white { border-left: solid 1px var(--white); } .border-left-m-solid-white { border-left: solid 1px var(--white); } .border-left-m-dashed-white { border-left: dashed 1px var(--white); } .border-left-m-dotted-white { border-left: dotted 1px var(--white); } .border-left-m-0-white { border-left: solid 0px var(--white); } .border-left-m-0-solid-white { border-left: solid 0px var(--white); } .border-left-m-0-dashed-white { border-left: dashed 0px var(--white); } .border-left-m-0-dotted-white { border-left: dotted 0px var(--white); } .border-left-m-0-5-white { border-left: solid 0.5px var(--white); } .border-left-m-0-5-solid-white { border-left: solid 0.5px var(--white); } .border-left-m-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .border-left-m-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .border-left-m-1-white { border-left: solid 1px var(--white); } .border-left-m-1-solid-white { border-left: solid 1px var(--white); } .border-left-m-1-dashed-white { border-left: dashed 1px var(--white); } .border-left-m-1-dotted-white { border-left: dotted 1px var(--white); } .border-left-m-1-5-white { border-left: solid 1.5px var(--white); } .border-left-m-1-5-solid-white { border-left: solid 1.5px var(--white); } .border-left-m-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .border-left-m-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .border-left-m-2-white { border-left: solid 2px var(--white); } .border-left-m-2-solid-white { border-left: solid 2px var(--white); } .border-left-m-2-dashed-white { border-left: dashed 2px var(--white); } .border-left-m-2-dotted-white { border-left: dotted 2px var(--white); } .border-left-m-2-5-white { border-left: solid 2.5px var(--white); } .border-left-m-2-5-solid-white { border-left: solid 2.5px var(--white); } .border-left-m-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .border-left-m-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .border-left-m-3-white { border-left: solid 3px var(--white); } .border-left-m-3-solid-white { border-left: solid 3px var(--white); } .border-left-m-3-dashed-white { border-left: dashed 3px var(--white); } .border-left-m-3-dotted-white { border-left: dotted 3px var(--white); } .border-left-m-first-white:first-child { border-left: solid 1px var(--white); } .border-left-m-last-white:last-child { border-left: solid 1px var(--white); } .border-left-m-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .border-left-m-even-white:nth-child(even) { border-left: solid 1px var(--white); } .border-right-m-white { border-right: solid 1px var(--white); } .border-right-m-solid-white { border-right: solid 1px var(--white); } .border-right-m-dashed-white { border-right: dashed 1px var(--white); } .border-right-m-dotted-white { border-right: dotted 1px var(--white); } .border-right-m-0-white { border-right: solid 0px var(--white); } .border-right-m-0-solid-white { border-right: solid 0px var(--white); } .border-right-m-0-dashed-white { border-right: dashed 0px var(--white); } .border-right-m-0-dotted-white { border-right: dotted 0px var(--white); } .border-right-m-0-5-white { border-right: solid 0.5px var(--white); } .border-right-m-0-5-solid-white { border-right: solid 0.5px var(--white); } .border-right-m-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .border-right-m-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .border-right-m-1-white { border-right: solid 1px var(--white); } .border-right-m-1-solid-white { border-right: solid 1px var(--white); } .border-right-m-1-dashed-white { border-right: dashed 1px var(--white); } .border-right-m-1-dotted-white { border-right: dotted 1px var(--white); } .border-right-m-1-5-white { border-right: solid 1.5px var(--white); } .border-right-m-1-5-solid-white { border-right: solid 1.5px var(--white); } .border-right-m-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .border-right-m-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .border-right-m-2-white { border-right: solid 2px var(--white); } .border-right-m-2-solid-white { border-right: solid 2px var(--white); } .border-right-m-2-dashed-white { border-right: dashed 2px var(--white); } .border-right-m-2-dotted-white { border-right: dotted 2px var(--white); } .border-right-m-2-5-white { border-right: solid 2.5px var(--white); } .border-right-m-2-5-solid-white { border-right: solid 2.5px var(--white); } .border-right-m-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .border-right-m-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .border-right-m-3-white { border-right: solid 3px var(--white); } .border-right-m-3-solid-white { border-right: solid 3px var(--white); } .border-right-m-3-dashed-white { border-right: dashed 3px var(--white); } .border-right-m-3-dotted-white { border-right: dotted 3px var(--white); } .border-right-m-first-white:first-child { border-right: solid 1px var(--white); } .border-right-m-last-white:last-child { border-right: solid 1px var(--white); } .border-right-m-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .border-right-m-even-white:nth-child(even) { border-right: solid 1px var(--white); } .border-top-m-white { border-top: solid 1px var(--white); } .border-top-m-solid-white { border-top: solid 1px var(--white); } .border-top-m-dashed-white { border-top: dashed 1px var(--white); } .border-top-m-dotted-white { border-top: dotted 1px var(--white); } .border-top-m-0-white { border-top: solid 0px var(--white); } .border-top-m-0-solid-white { border-top: solid 0px var(--white); } .border-top-m-0-dashed-white { border-top: dashed 0px var(--white); } .border-top-m-0-dotted-white { border-top: dotted 0px var(--white); } .border-top-m-0-5-white { border-top: solid 0.5px var(--white); } .border-top-m-0-5-solid-white { border-top: solid 0.5px var(--white); } .border-top-m-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .border-top-m-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .border-top-m-1-white { border-top: solid 1px var(--white); } .border-top-m-1-solid-white { border-top: solid 1px var(--white); } .border-top-m-1-dashed-white { border-top: dashed 1px var(--white); } .border-top-m-1-dotted-white { border-top: dotted 1px var(--white); } .border-top-m-1-5-white { border-top: solid 1.5px var(--white); } .border-top-m-1-5-solid-white { border-top: solid 1.5px var(--white); } .border-top-m-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .border-top-m-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .border-top-m-2-white { border-top: solid 2px var(--white); } .border-top-m-2-solid-white { border-top: solid 2px var(--white); } .border-top-m-2-dashed-white { border-top: dashed 2px var(--white); } .border-top-m-2-dotted-white { border-top: dotted 2px var(--white); } .border-top-m-2-5-white { border-top: solid 2.5px var(--white); } .border-top-m-2-5-solid-white { border-top: solid 2.5px var(--white); } .border-top-m-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .border-top-m-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .border-top-m-3-white { border-top: solid 3px var(--white); } .border-top-m-3-solid-white { border-top: solid 3px var(--white); } .border-top-m-3-dashed-white { border-top: dashed 3px var(--white); } .border-top-m-3-dotted-white { border-top: dotted 3px var(--white); } .border-top-m-first-white:first-child { border-top: solid 1px var(--white); } .border-top-m-last-white:last-child { border-top: solid 1px var(--white); } .border-top-m-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .border-top-m-even-white:nth-child(even) { border-top: solid 1px var(--white); } .border-bottom-m-white { border-bottom: solid 1px var(--white); } .border-bottom-m-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-m-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-m-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-m-0-white { border-bottom: solid 0px var(--white); } .border-bottom-m-0-solid-white { border-bottom: solid 0px var(--white); } .border-bottom-m-0-dashed-white { border-bottom: dashed 0px var(--white); } .border-bottom-m-0-dotted-white { border-bottom: dotted 0px var(--white); } .border-bottom-m-0-5-white { border-bottom: solid 0.5px var(--white); } .border-bottom-m-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .border-bottom-m-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .border-bottom-m-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .border-bottom-m-1-white { border-bottom: solid 1px var(--white); } .border-bottom-m-1-solid-white { border-bottom: solid 1px var(--white); } .border-bottom-m-1-dashed-white { border-bottom: dashed 1px var(--white); } .border-bottom-m-1-dotted-white { border-bottom: dotted 1px var(--white); } .border-bottom-m-1-5-white { border-bottom: solid 1.5px var(--white); } .border-bottom-m-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .border-bottom-m-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .border-bottom-m-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .border-bottom-m-2-white { border-bottom: solid 2px var(--white); } .border-bottom-m-2-solid-white { border-bottom: solid 2px var(--white); } .border-bottom-m-2-dashed-white { border-bottom: dashed 2px var(--white); } .border-bottom-m-2-dotted-white { border-bottom: dotted 2px var(--white); } .border-bottom-m-2-5-white { border-bottom: solid 2.5px var(--white); } .border-bottom-m-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .border-bottom-m-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .border-bottom-m-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .border-bottom-m-3-white { border-bottom: solid 3px var(--white); } .border-bottom-m-3-solid-white { border-bottom: solid 3px var(--white); } .border-bottom-m-3-dashed-white { border-bottom: dashed 3px var(--white); } .border-bottom-m-3-dotted-white { border-bottom: dotted 3px var(--white); } .border-bottom-m-first-white:first-child { border-bottom: solid 1px var(--white); } .border-bottom-m-last-white:last-child { border-bottom: solid 1px var(--white); } .border-bottom-m-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .border-bottom-m-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .border-left-m-black { border-left: solid 1px var(--black); } .border-left-m-solid-black { border-left: solid 1px var(--black); } .border-left-m-dashed-black { border-left: dashed 1px var(--black); } .border-left-m-dotted-black { border-left: dotted 1px var(--black); } .border-left-m-0-black { border-left: solid 0px var(--black); } .border-left-m-0-solid-black { border-left: solid 0px var(--black); } .border-left-m-0-dashed-black { border-left: dashed 0px var(--black); } .border-left-m-0-dotted-black { border-left: dotted 0px var(--black); } .border-left-m-0-5-black { border-left: solid 0.5px var(--black); } .border-left-m-0-5-solid-black { border-left: solid 0.5px var(--black); } .border-left-m-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .border-left-m-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .border-left-m-1-black { border-left: solid 1px var(--black); } .border-left-m-1-solid-black { border-left: solid 1px var(--black); } .border-left-m-1-dashed-black { border-left: dashed 1px var(--black); } .border-left-m-1-dotted-black { border-left: dotted 1px var(--black); } .border-left-m-1-5-black { border-left: solid 1.5px var(--black); } .border-left-m-1-5-solid-black { border-left: solid 1.5px var(--black); } .border-left-m-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .border-left-m-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .border-left-m-2-black { border-left: solid 2px var(--black); } .border-left-m-2-solid-black { border-left: solid 2px var(--black); } .border-left-m-2-dashed-black { border-left: dashed 2px var(--black); } .border-left-m-2-dotted-black { border-left: dotted 2px var(--black); } .border-left-m-2-5-black { border-left: solid 2.5px var(--black); } .border-left-m-2-5-solid-black { border-left: solid 2.5px var(--black); } .border-left-m-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .border-left-m-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .border-left-m-3-black { border-left: solid 3px var(--black); } .border-left-m-3-solid-black { border-left: solid 3px var(--black); } .border-left-m-3-dashed-black { border-left: dashed 3px var(--black); } .border-left-m-3-dotted-black { border-left: dotted 3px var(--black); } .border-left-m-first-black:first-child { border-left: solid 1px var(--black); } .border-left-m-last-black:last-child { border-left: solid 1px var(--black); } .border-left-m-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .border-left-m-even-black:nth-child(even) { border-left: solid 1px var(--black); } .border-right-m-black { border-right: solid 1px var(--black); } .border-right-m-solid-black { border-right: solid 1px var(--black); } .border-right-m-dashed-black { border-right: dashed 1px var(--black); } .border-right-m-dotted-black { border-right: dotted 1px var(--black); } .border-right-m-0-black { border-right: solid 0px var(--black); } .border-right-m-0-solid-black { border-right: solid 0px var(--black); } .border-right-m-0-dashed-black { border-right: dashed 0px var(--black); } .border-right-m-0-dotted-black { border-right: dotted 0px var(--black); } .border-right-m-0-5-black { border-right: solid 0.5px var(--black); } .border-right-m-0-5-solid-black { border-right: solid 0.5px var(--black); } .border-right-m-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .border-right-m-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .border-right-m-1-black { border-right: solid 1px var(--black); } .border-right-m-1-solid-black { border-right: solid 1px var(--black); } .border-right-m-1-dashed-black { border-right: dashed 1px var(--black); } .border-right-m-1-dotted-black { border-right: dotted 1px var(--black); } .border-right-m-1-5-black { border-right: solid 1.5px var(--black); } .border-right-m-1-5-solid-black { border-right: solid 1.5px var(--black); } .border-right-m-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .border-right-m-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .border-right-m-2-black { border-right: solid 2px var(--black); } .border-right-m-2-solid-black { border-right: solid 2px var(--black); } .border-right-m-2-dashed-black { border-right: dashed 2px var(--black); } .border-right-m-2-dotted-black { border-right: dotted 2px var(--black); } .border-right-m-2-5-black { border-right: solid 2.5px var(--black); } .border-right-m-2-5-solid-black { border-right: solid 2.5px var(--black); } .border-right-m-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .border-right-m-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .border-right-m-3-black { border-right: solid 3px var(--black); } .border-right-m-3-solid-black { border-right: solid 3px var(--black); } .border-right-m-3-dashed-black { border-right: dashed 3px var(--black); } .border-right-m-3-dotted-black { border-right: dotted 3px var(--black); } .border-right-m-first-black:first-child { border-right: solid 1px var(--black); } .border-right-m-last-black:last-child { border-right: solid 1px var(--black); } .border-right-m-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .border-right-m-even-black:nth-child(even) { border-right: solid 1px var(--black); } .border-top-m-black { border-top: solid 1px var(--black); } .border-top-m-solid-black { border-top: solid 1px var(--black); } .border-top-m-dashed-black { border-top: dashed 1px var(--black); } .border-top-m-dotted-black { border-top: dotted 1px var(--black); } .border-top-m-0-black { border-top: solid 0px var(--black); } .border-top-m-0-solid-black { border-top: solid 0px var(--black); } .border-top-m-0-dashed-black { border-top: dashed 0px var(--black); } .border-top-m-0-dotted-black { border-top: dotted 0px var(--black); } .border-top-m-0-5-black { border-top: solid 0.5px var(--black); } .border-top-m-0-5-solid-black { border-top: solid 0.5px var(--black); } .border-top-m-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .border-top-m-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .border-top-m-1-black { border-top: solid 1px var(--black); } .border-top-m-1-solid-black { border-top: solid 1px var(--black); } .border-top-m-1-dashed-black { border-top: dashed 1px var(--black); } .border-top-m-1-dotted-black { border-top: dotted 1px var(--black); } .border-top-m-1-5-black { border-top: solid 1.5px var(--black); } .border-top-m-1-5-solid-black { border-top: solid 1.5px var(--black); } .border-top-m-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .border-top-m-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .border-top-m-2-black { border-top: solid 2px var(--black); } .border-top-m-2-solid-black { border-top: solid 2px var(--black); } .border-top-m-2-dashed-black { border-top: dashed 2px var(--black); } .border-top-m-2-dotted-black { border-top: dotted 2px var(--black); } .border-top-m-2-5-black { border-top: solid 2.5px var(--black); } .border-top-m-2-5-solid-black { border-top: solid 2.5px var(--black); } .border-top-m-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .border-top-m-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .border-top-m-3-black { border-top: solid 3px var(--black); } .border-top-m-3-solid-black { border-top: solid 3px var(--black); } .border-top-m-3-dashed-black { border-top: dashed 3px var(--black); } .border-top-m-3-dotted-black { border-top: dotted 3px var(--black); } .border-top-m-first-black:first-child { border-top: solid 1px var(--black); } .border-top-m-last-black:last-child { border-top: solid 1px var(--black); } .border-top-m-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .border-top-m-even-black:nth-child(even) { border-top: solid 1px var(--black); } .border-bottom-m-black { border-bottom: solid 1px var(--black); } .border-bottom-m-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-m-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-m-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-m-0-black { border-bottom: solid 0px var(--black); } .border-bottom-m-0-solid-black { border-bottom: solid 0px var(--black); } .border-bottom-m-0-dashed-black { border-bottom: dashed 0px var(--black); } .border-bottom-m-0-dotted-black { border-bottom: dotted 0px var(--black); } .border-bottom-m-0-5-black { border-bottom: solid 0.5px var(--black); } .border-bottom-m-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .border-bottom-m-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .border-bottom-m-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .border-bottom-m-1-black { border-bottom: solid 1px var(--black); } .border-bottom-m-1-solid-black { border-bottom: solid 1px var(--black); } .border-bottom-m-1-dashed-black { border-bottom: dashed 1px var(--black); } .border-bottom-m-1-dotted-black { border-bottom: dotted 1px var(--black); } .border-bottom-m-1-5-black { border-bottom: solid 1.5px var(--black); } .border-bottom-m-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .border-bottom-m-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .border-bottom-m-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .border-bottom-m-2-black { border-bottom: solid 2px var(--black); } .border-bottom-m-2-solid-black { border-bottom: solid 2px var(--black); } .border-bottom-m-2-dashed-black { border-bottom: dashed 2px var(--black); } .border-bottom-m-2-dotted-black { border-bottom: dotted 2px var(--black); } .border-bottom-m-2-5-black { border-bottom: solid 2.5px var(--black); } .border-bottom-m-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .border-bottom-m-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .border-bottom-m-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .border-bottom-m-3-black { border-bottom: solid 3px var(--black); } .border-bottom-m-3-solid-black { border-bottom: solid 3px var(--black); } .border-bottom-m-3-dashed-black { border-bottom: dashed 3px var(--black); } .border-bottom-m-3-dotted-black { border-bottom: dotted 3px var(--black); } .border-bottom-m-first-black:first-child { border-bottom: solid 1px var(--black); } .border-bottom-m-last-black:last-child { border-bottom: solid 1px var(--black); } .border-bottom-m-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .border-bottom-m-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .border-left-m-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-m-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-m-0-light-gray { border-left: solid 0px var(--light-gray); } .border-left-m-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .border-left-m-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .border-left-m-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .border-left-m-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-m-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .border-left-m-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .border-left-m-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .border-left-m-1-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .border-left-m-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .border-left-m-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .border-left-m-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-m-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .border-left-m-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .border-left-m-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .border-left-m-2-light-gray { border-left: solid 2px var(--light-gray); } .border-left-m-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .border-left-m-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .border-left-m-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .border-left-m-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-m-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .border-left-m-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .border-left-m-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .border-left-m-3-light-gray { border-left: solid 3px var(--light-gray); } .border-left-m-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .border-left-m-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .border-left-m-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .border-left-m-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .border-left-m-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .border-left-m-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .border-left-m-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .border-right-m-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-m-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-m-0-light-gray { border-right: solid 0px var(--light-gray); } .border-right-m-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .border-right-m-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .border-right-m-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .border-right-m-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-m-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .border-right-m-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .border-right-m-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .border-right-m-1-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .border-right-m-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .border-right-m-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .border-right-m-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-m-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .border-right-m-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .border-right-m-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .border-right-m-2-light-gray { border-right: solid 2px var(--light-gray); } .border-right-m-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .border-right-m-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .border-right-m-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .border-right-m-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-m-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .border-right-m-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .border-right-m-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .border-right-m-3-light-gray { border-right: solid 3px var(--light-gray); } .border-right-m-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .border-right-m-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .border-right-m-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .border-right-m-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .border-right-m-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .border-right-m-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .border-right-m-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .border-top-m-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-m-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-m-0-light-gray { border-top: solid 0px var(--light-gray); } .border-top-m-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .border-top-m-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .border-top-m-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .border-top-m-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-m-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .border-top-m-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .border-top-m-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .border-top-m-1-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .border-top-m-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .border-top-m-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .border-top-m-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-m-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .border-top-m-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .border-top-m-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .border-top-m-2-light-gray { border-top: solid 2px var(--light-gray); } .border-top-m-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .border-top-m-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .border-top-m-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .border-top-m-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-m-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .border-top-m-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .border-top-m-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .border-top-m-3-light-gray { border-top: solid 3px var(--light-gray); } .border-top-m-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .border-top-m-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .border-top-m-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .border-top-m-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .border-top-m-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .border-top-m-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .border-top-m-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .border-bottom-m-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-m-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-m-0-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-m-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .border-bottom-m-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .border-bottom-m-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .border-bottom-m-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-m-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .border-bottom-m-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .border-bottom-m-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .border-bottom-m-1-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .border-bottom-m-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .border-bottom-m-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-m-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .border-bottom-m-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .border-bottom-m-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .border-bottom-m-2-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-m-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .border-bottom-m-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .border-bottom-m-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .border-bottom-m-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-m-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .border-bottom-m-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .border-bottom-m-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .border-bottom-m-3-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-m-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .border-bottom-m-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .border-bottom-m-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .border-bottom-m-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .border-bottom-m-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .border-left-m-gray { border-left: solid 1px var(--gray); } .border-left-m-solid-gray { border-left: solid 1px var(--gray); } .border-left-m-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-m-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-m-0-gray { border-left: solid 0px var(--gray); } .border-left-m-0-solid-gray { border-left: solid 0px var(--gray); } .border-left-m-0-dashed-gray { border-left: dashed 0px var(--gray); } .border-left-m-0-dotted-gray { border-left: dotted 0px var(--gray); } .border-left-m-0-5-gray { border-left: solid 0.5px var(--gray); } .border-left-m-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .border-left-m-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .border-left-m-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .border-left-m-1-gray { border-left: solid 1px var(--gray); } .border-left-m-1-solid-gray { border-left: solid 1px var(--gray); } .border-left-m-1-dashed-gray { border-left: dashed 1px var(--gray); } .border-left-m-1-dotted-gray { border-left: dotted 1px var(--gray); } .border-left-m-1-5-gray { border-left: solid 1.5px var(--gray); } .border-left-m-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .border-left-m-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .border-left-m-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .border-left-m-2-gray { border-left: solid 2px var(--gray); } .border-left-m-2-solid-gray { border-left: solid 2px var(--gray); } .border-left-m-2-dashed-gray { border-left: dashed 2px var(--gray); } .border-left-m-2-dotted-gray { border-left: dotted 2px var(--gray); } .border-left-m-2-5-gray { border-left: solid 2.5px var(--gray); } .border-left-m-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .border-left-m-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .border-left-m-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .border-left-m-3-gray { border-left: solid 3px var(--gray); } .border-left-m-3-solid-gray { border-left: solid 3px var(--gray); } .border-left-m-3-dashed-gray { border-left: dashed 3px var(--gray); } .border-left-m-3-dotted-gray { border-left: dotted 3px var(--gray); } .border-left-m-first-gray:first-child { border-left: solid 1px var(--gray); } .border-left-m-last-gray:last-child { border-left: solid 1px var(--gray); } .border-left-m-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .border-left-m-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .border-right-m-gray { border-right: solid 1px var(--gray); } .border-right-m-solid-gray { border-right: solid 1px var(--gray); } .border-right-m-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-m-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-m-0-gray { border-right: solid 0px var(--gray); } .border-right-m-0-solid-gray { border-right: solid 0px var(--gray); } .border-right-m-0-dashed-gray { border-right: dashed 0px var(--gray); } .border-right-m-0-dotted-gray { border-right: dotted 0px var(--gray); } .border-right-m-0-5-gray { border-right: solid 0.5px var(--gray); } .border-right-m-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .border-right-m-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .border-right-m-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .border-right-m-1-gray { border-right: solid 1px var(--gray); } .border-right-m-1-solid-gray { border-right: solid 1px var(--gray); } .border-right-m-1-dashed-gray { border-right: dashed 1px var(--gray); } .border-right-m-1-dotted-gray { border-right: dotted 1px var(--gray); } .border-right-m-1-5-gray { border-right: solid 1.5px var(--gray); } .border-right-m-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .border-right-m-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .border-right-m-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .border-right-m-2-gray { border-right: solid 2px var(--gray); } .border-right-m-2-solid-gray { border-right: solid 2px var(--gray); } .border-right-m-2-dashed-gray { border-right: dashed 2px var(--gray); } .border-right-m-2-dotted-gray { border-right: dotted 2px var(--gray); } .border-right-m-2-5-gray { border-right: solid 2.5px var(--gray); } .border-right-m-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .border-right-m-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .border-right-m-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .border-right-m-3-gray { border-right: solid 3px var(--gray); } .border-right-m-3-solid-gray { border-right: solid 3px var(--gray); } .border-right-m-3-dashed-gray { border-right: dashed 3px var(--gray); } .border-right-m-3-dotted-gray { border-right: dotted 3px var(--gray); } .border-right-m-first-gray:first-child { border-right: solid 1px var(--gray); } .border-right-m-last-gray:last-child { border-right: solid 1px var(--gray); } .border-right-m-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .border-right-m-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .border-top-m-gray { border-top: solid 1px var(--gray); } .border-top-m-solid-gray { border-top: solid 1px var(--gray); } .border-top-m-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-m-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-m-0-gray { border-top: solid 0px var(--gray); } .border-top-m-0-solid-gray { border-top: solid 0px var(--gray); } .border-top-m-0-dashed-gray { border-top: dashed 0px var(--gray); } .border-top-m-0-dotted-gray { border-top: dotted 0px var(--gray); } .border-top-m-0-5-gray { border-top: solid 0.5px var(--gray); } .border-top-m-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .border-top-m-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .border-top-m-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .border-top-m-1-gray { border-top: solid 1px var(--gray); } .border-top-m-1-solid-gray { border-top: solid 1px var(--gray); } .border-top-m-1-dashed-gray { border-top: dashed 1px var(--gray); } .border-top-m-1-dotted-gray { border-top: dotted 1px var(--gray); } .border-top-m-1-5-gray { border-top: solid 1.5px var(--gray); } .border-top-m-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .border-top-m-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .border-top-m-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .border-top-m-2-gray { border-top: solid 2px var(--gray); } .border-top-m-2-solid-gray { border-top: solid 2px var(--gray); } .border-top-m-2-dashed-gray { border-top: dashed 2px var(--gray); } .border-top-m-2-dotted-gray { border-top: dotted 2px var(--gray); } .border-top-m-2-5-gray { border-top: solid 2.5px var(--gray); } .border-top-m-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .border-top-m-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .border-top-m-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .border-top-m-3-gray { border-top: solid 3px var(--gray); } .border-top-m-3-solid-gray { border-top: solid 3px var(--gray); } .border-top-m-3-dashed-gray { border-top: dashed 3px var(--gray); } .border-top-m-3-dotted-gray { border-top: dotted 3px var(--gray); } .border-top-m-first-gray:first-child { border-top: solid 1px var(--gray); } .border-top-m-last-gray:last-child { border-top: solid 1px var(--gray); } .border-top-m-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .border-top-m-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .border-bottom-m-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-m-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-m-0-gray { border-bottom: solid 0px var(--gray); } .border-bottom-m-0-solid-gray { border-bottom: solid 0px var(--gray); } .border-bottom-m-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .border-bottom-m-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .border-bottom-m-0-5-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-m-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .border-bottom-m-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .border-bottom-m-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .border-bottom-m-1-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-1-solid-gray { border-bottom: solid 1px var(--gray); } .border-bottom-m-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .border-bottom-m-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .border-bottom-m-1-5-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-m-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .border-bottom-m-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .border-bottom-m-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .border-bottom-m-2-gray { border-bottom: solid 2px var(--gray); } .border-bottom-m-2-solid-gray { border-bottom: solid 2px var(--gray); } .border-bottom-m-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .border-bottom-m-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .border-bottom-m-2-5-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-m-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .border-bottom-m-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .border-bottom-m-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .border-bottom-m-3-gray { border-bottom: solid 3px var(--gray); } .border-bottom-m-3-solid-gray { border-bottom: solid 3px var(--gray); } .border-bottom-m-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .border-bottom-m-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .border-bottom-m-first-gray:first-child { border-bottom: solid 1px var(--gray); } .border-bottom-m-last-gray:last-child { border-bottom: solid 1px var(--gray); } .border-bottom-m-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .border-bottom-m-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .border-left-m-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-m-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-m-0-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-m-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .border-left-m-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .border-left-m-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .border-left-m-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-m-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .border-left-m-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .border-left-m-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .border-left-m-1-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .border-left-m-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .border-left-m-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .border-left-m-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-m-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .border-left-m-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .border-left-m-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .border-left-m-2-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-m-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .border-left-m-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .border-left-m-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .border-left-m-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-m-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .border-left-m-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .border-left-m-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .border-left-m-3-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-m-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .border-left-m-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .border-left-m-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .border-left-m-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .border-left-m-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .border-left-m-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .border-left-m-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .border-right-m-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-m-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-m-0-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-m-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .border-right-m-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .border-right-m-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .border-right-m-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-m-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .border-right-m-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .border-right-m-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .border-right-m-1-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .border-right-m-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .border-right-m-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .border-right-m-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-m-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .border-right-m-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .border-right-m-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .border-right-m-2-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-m-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .border-right-m-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .border-right-m-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .border-right-m-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-m-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .border-right-m-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .border-right-m-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .border-right-m-3-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-m-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .border-right-m-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .border-right-m-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .border-right-m-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .border-right-m-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .border-right-m-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .border-right-m-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .border-top-m-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-m-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-m-0-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-m-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .border-top-m-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .border-top-m-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .border-top-m-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-m-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .border-top-m-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .border-top-m-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .border-top-m-1-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .border-top-m-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .border-top-m-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .border-top-m-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-m-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .border-top-m-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .border-top-m-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .border-top-m-2-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-m-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .border-top-m-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .border-top-m-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .border-top-m-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-m-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .border-top-m-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .border-top-m-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .border-top-m-3-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-m-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .border-top-m-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .border-top-m-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .border-top-m-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .border-top-m-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .border-top-m-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .border-top-m-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .border-bottom-m-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-m-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-m-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-m-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .border-bottom-m-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .border-bottom-m-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .border-bottom-m-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-m-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .border-bottom-m-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .border-bottom-m-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .border-bottom-m-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .border-bottom-m-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .border-bottom-m-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-m-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .border-bottom-m-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .border-bottom-m-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .border-bottom-m-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-m-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .border-bottom-m-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .border-bottom-m-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .border-bottom-m-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-m-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .border-bottom-m-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .border-bottom-m-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .border-bottom-m-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-m-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .border-bottom-m-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .border-bottom-m-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .border-bottom-m-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .border-bottom-m-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .border-left-m-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-m-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-m-0-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-m-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .border-left-m-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .border-left-m-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .border-left-m-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-m-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .border-left-m-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .border-left-m-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .border-left-m-1-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .border-left-m-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .border-left-m-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .border-left-m-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-m-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .border-left-m-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .border-left-m-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .border-left-m-2-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-m-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .border-left-m-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .border-left-m-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .border-left-m-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-m-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .border-left-m-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .border-left-m-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .border-left-m-3-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-m-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .border-left-m-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .border-left-m-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .border-left-m-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .border-left-m-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .border-left-m-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .border-left-m-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .border-right-m-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-m-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-m-0-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-m-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .border-right-m-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .border-right-m-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .border-right-m-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-m-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .border-right-m-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .border-right-m-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .border-right-m-1-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .border-right-m-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .border-right-m-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .border-right-m-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-m-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .border-right-m-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .border-right-m-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .border-right-m-2-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-m-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .border-right-m-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .border-right-m-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .border-right-m-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-m-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .border-right-m-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .border-right-m-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .border-right-m-3-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-m-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .border-right-m-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .border-right-m-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .border-right-m-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .border-right-m-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .border-right-m-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .border-right-m-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .border-top-m-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-m-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-m-0-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-m-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .border-top-m-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .border-top-m-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .border-top-m-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-m-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .border-top-m-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .border-top-m-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .border-top-m-1-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .border-top-m-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .border-top-m-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .border-top-m-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-m-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .border-top-m-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .border-top-m-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .border-top-m-2-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-m-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .border-top-m-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .border-top-m-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .border-top-m-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-m-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .border-top-m-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .border-top-m-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .border-top-m-3-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-m-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .border-top-m-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .border-top-m-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .border-top-m-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .border-top-m-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .border-top-m-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .border-top-m-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .border-bottom-m-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-m-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-m-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-m-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .border-bottom-m-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .border-bottom-m-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .border-bottom-m-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-m-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .border-bottom-m-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .border-bottom-m-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .border-bottom-m-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .border-bottom-m-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .border-bottom-m-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-m-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .border-bottom-m-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .border-bottom-m-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .border-bottom-m-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-m-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .border-bottom-m-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .border-bottom-m-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .border-bottom-m-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-m-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .border-bottom-m-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .border-bottom-m-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .border-bottom-m-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-m-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .border-bottom-m-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .border-bottom-m-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .border-bottom-m-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .border-bottom-m-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .border-left-m-body-background { border-left: solid 1px var(--body-background); } .border-left-m-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-m-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-m-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-m-0-body-background { border-left: solid 0px var(--body-background); } .border-left-m-0-solid-body-background { border-left: solid 0px var(--body-background); } .border-left-m-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .border-left-m-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .border-left-m-0-5-body-background { border-left: solid 0.5px var(--body-background); } .border-left-m-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .border-left-m-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .border-left-m-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .border-left-m-1-body-background { border-left: solid 1px var(--body-background); } .border-left-m-1-solid-body-background { border-left: solid 1px var(--body-background); } .border-left-m-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .border-left-m-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .border-left-m-1-5-body-background { border-left: solid 1.5px var(--body-background); } .border-left-m-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .border-left-m-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .border-left-m-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .border-left-m-2-body-background { border-left: solid 2px var(--body-background); } .border-left-m-2-solid-body-background { border-left: solid 2px var(--body-background); } .border-left-m-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .border-left-m-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .border-left-m-2-5-body-background { border-left: solid 2.5px var(--body-background); } .border-left-m-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .border-left-m-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .border-left-m-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .border-left-m-3-body-background { border-left: solid 3px var(--body-background); } .border-left-m-3-solid-body-background { border-left: solid 3px var(--body-background); } .border-left-m-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .border-left-m-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .border-left-m-first-body-background:first-child { border-left: solid 1px var(--body-background); } .border-left-m-last-body-background:last-child { border-left: solid 1px var(--body-background); } .border-left-m-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .border-left-m-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .border-right-m-body-background { border-right: solid 1px var(--body-background); } .border-right-m-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-m-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-m-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-m-0-body-background { border-right: solid 0px var(--body-background); } .border-right-m-0-solid-body-background { border-right: solid 0px var(--body-background); } .border-right-m-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .border-right-m-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .border-right-m-0-5-body-background { border-right: solid 0.5px var(--body-background); } .border-right-m-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .border-right-m-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .border-right-m-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .border-right-m-1-body-background { border-right: solid 1px var(--body-background); } .border-right-m-1-solid-body-background { border-right: solid 1px var(--body-background); } .border-right-m-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .border-right-m-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .border-right-m-1-5-body-background { border-right: solid 1.5px var(--body-background); } .border-right-m-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .border-right-m-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .border-right-m-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .border-right-m-2-body-background { border-right: solid 2px var(--body-background); } .border-right-m-2-solid-body-background { border-right: solid 2px var(--body-background); } .border-right-m-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .border-right-m-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .border-right-m-2-5-body-background { border-right: solid 2.5px var(--body-background); } .border-right-m-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .border-right-m-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .border-right-m-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .border-right-m-3-body-background { border-right: solid 3px var(--body-background); } .border-right-m-3-solid-body-background { border-right: solid 3px var(--body-background); } .border-right-m-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .border-right-m-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .border-right-m-first-body-background:first-child { border-right: solid 1px var(--body-background); } .border-right-m-last-body-background:last-child { border-right: solid 1px var(--body-background); } .border-right-m-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .border-right-m-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .border-top-m-body-background { border-top: solid 1px var(--body-background); } .border-top-m-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-m-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-m-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-m-0-body-background { border-top: solid 0px var(--body-background); } .border-top-m-0-solid-body-background { border-top: solid 0px var(--body-background); } .border-top-m-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .border-top-m-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .border-top-m-0-5-body-background { border-top: solid 0.5px var(--body-background); } .border-top-m-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .border-top-m-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .border-top-m-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .border-top-m-1-body-background { border-top: solid 1px var(--body-background); } .border-top-m-1-solid-body-background { border-top: solid 1px var(--body-background); } .border-top-m-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .border-top-m-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .border-top-m-1-5-body-background { border-top: solid 1.5px var(--body-background); } .border-top-m-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .border-top-m-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .border-top-m-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .border-top-m-2-body-background { border-top: solid 2px var(--body-background); } .border-top-m-2-solid-body-background { border-top: solid 2px var(--body-background); } .border-top-m-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .border-top-m-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .border-top-m-2-5-body-background { border-top: solid 2.5px var(--body-background); } .border-top-m-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .border-top-m-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .border-top-m-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .border-top-m-3-body-background { border-top: solid 3px var(--body-background); } .border-top-m-3-solid-body-background { border-top: solid 3px var(--body-background); } .border-top-m-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .border-top-m-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .border-top-m-first-body-background:first-child { border-top: solid 1px var(--body-background); } .border-top-m-last-body-background:last-child { border-top: solid 1px var(--body-background); } .border-top-m-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .border-top-m-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .border-bottom-m-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-m-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-m-0-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-m-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .border-bottom-m-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .border-bottom-m-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .border-bottom-m-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-m-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .border-bottom-m-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .border-bottom-m-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .border-bottom-m-1-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .border-bottom-m-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .border-bottom-m-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .border-bottom-m-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-m-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .border-bottom-m-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .border-bottom-m-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .border-bottom-m-2-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-m-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .border-bottom-m-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .border-bottom-m-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .border-bottom-m-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-m-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .border-bottom-m-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .border-bottom-m-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .border-bottom-m-3-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-m-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .border-bottom-m-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .border-bottom-m-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .border-bottom-m-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .border-bottom-m-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .border-bottom-m-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .border-bottom-m-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .border-left-m-header-background { border-left: solid 1px var(--header-background); } .border-left-m-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-m-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-m-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-m-0-header-background { border-left: solid 0px var(--header-background); } .border-left-m-0-solid-header-background { border-left: solid 0px var(--header-background); } .border-left-m-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .border-left-m-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .border-left-m-0-5-header-background { border-left: solid 0.5px var(--header-background); } .border-left-m-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .border-left-m-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .border-left-m-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .border-left-m-1-header-background { border-left: solid 1px var(--header-background); } .border-left-m-1-solid-header-background { border-left: solid 1px var(--header-background); } .border-left-m-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .border-left-m-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .border-left-m-1-5-header-background { border-left: solid 1.5px var(--header-background); } .border-left-m-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .border-left-m-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .border-left-m-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .border-left-m-2-header-background { border-left: solid 2px var(--header-background); } .border-left-m-2-solid-header-background { border-left: solid 2px var(--header-background); } .border-left-m-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .border-left-m-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .border-left-m-2-5-header-background { border-left: solid 2.5px var(--header-background); } .border-left-m-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .border-left-m-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .border-left-m-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .border-left-m-3-header-background { border-left: solid 3px var(--header-background); } .border-left-m-3-solid-header-background { border-left: solid 3px var(--header-background); } .border-left-m-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .border-left-m-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .border-left-m-first-header-background:first-child { border-left: solid 1px var(--header-background); } .border-left-m-last-header-background:last-child { border-left: solid 1px var(--header-background); } .border-left-m-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .border-left-m-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .border-right-m-header-background { border-right: solid 1px var(--header-background); } .border-right-m-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-m-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-m-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-m-0-header-background { border-right: solid 0px var(--header-background); } .border-right-m-0-solid-header-background { border-right: solid 0px var(--header-background); } .border-right-m-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .border-right-m-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .border-right-m-0-5-header-background { border-right: solid 0.5px var(--header-background); } .border-right-m-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .border-right-m-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .border-right-m-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .border-right-m-1-header-background { border-right: solid 1px var(--header-background); } .border-right-m-1-solid-header-background { border-right: solid 1px var(--header-background); } .border-right-m-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .border-right-m-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .border-right-m-1-5-header-background { border-right: solid 1.5px var(--header-background); } .border-right-m-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .border-right-m-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .border-right-m-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .border-right-m-2-header-background { border-right: solid 2px var(--header-background); } .border-right-m-2-solid-header-background { border-right: solid 2px var(--header-background); } .border-right-m-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .border-right-m-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .border-right-m-2-5-header-background { border-right: solid 2.5px var(--header-background); } .border-right-m-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .border-right-m-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .border-right-m-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .border-right-m-3-header-background { border-right: solid 3px var(--header-background); } .border-right-m-3-solid-header-background { border-right: solid 3px var(--header-background); } .border-right-m-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .border-right-m-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .border-right-m-first-header-background:first-child { border-right: solid 1px var(--header-background); } .border-right-m-last-header-background:last-child { border-right: solid 1px var(--header-background); } .border-right-m-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .border-right-m-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .border-top-m-header-background { border-top: solid 1px var(--header-background); } .border-top-m-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-m-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-m-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-m-0-header-background { border-top: solid 0px var(--header-background); } .border-top-m-0-solid-header-background { border-top: solid 0px var(--header-background); } .border-top-m-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .border-top-m-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .border-top-m-0-5-header-background { border-top: solid 0.5px var(--header-background); } .border-top-m-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .border-top-m-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .border-top-m-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .border-top-m-1-header-background { border-top: solid 1px var(--header-background); } .border-top-m-1-solid-header-background { border-top: solid 1px var(--header-background); } .border-top-m-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .border-top-m-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .border-top-m-1-5-header-background { border-top: solid 1.5px var(--header-background); } .border-top-m-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .border-top-m-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .border-top-m-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .border-top-m-2-header-background { border-top: solid 2px var(--header-background); } .border-top-m-2-solid-header-background { border-top: solid 2px var(--header-background); } .border-top-m-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .border-top-m-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .border-top-m-2-5-header-background { border-top: solid 2.5px var(--header-background); } .border-top-m-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .border-top-m-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .border-top-m-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .border-top-m-3-header-background { border-top: solid 3px var(--header-background); } .border-top-m-3-solid-header-background { border-top: solid 3px var(--header-background); } .border-top-m-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .border-top-m-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .border-top-m-first-header-background:first-child { border-top: solid 1px var(--header-background); } .border-top-m-last-header-background:last-child { border-top: solid 1px var(--header-background); } .border-top-m-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .border-top-m-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .border-bottom-m-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-m-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-m-0-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-m-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .border-bottom-m-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .border-bottom-m-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .border-bottom-m-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-m-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .border-bottom-m-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .border-bottom-m-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .border-bottom-m-1-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .border-bottom-m-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .border-bottom-m-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .border-bottom-m-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-m-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .border-bottom-m-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .border-bottom-m-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .border-bottom-m-2-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-m-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .border-bottom-m-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .border-bottom-m-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .border-bottom-m-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-m-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .border-bottom-m-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .border-bottom-m-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .border-bottom-m-3-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-m-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .border-bottom-m-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .border-bottom-m-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .border-bottom-m-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .border-bottom-m-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .border-bottom-m-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .border-bottom-m-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .border-left-m-font-color { border-left: solid 1px var(--font-color); } .border-left-m-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-m-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-m-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-m-0-font-color { border-left: solid 0px var(--font-color); } .border-left-m-0-solid-font-color { border-left: solid 0px var(--font-color); } .border-left-m-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .border-left-m-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .border-left-m-0-5-font-color { border-left: solid 0.5px var(--font-color); } .border-left-m-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .border-left-m-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .border-left-m-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .border-left-m-1-font-color { border-left: solid 1px var(--font-color); } .border-left-m-1-solid-font-color { border-left: solid 1px var(--font-color); } .border-left-m-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .border-left-m-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .border-left-m-1-5-font-color { border-left: solid 1.5px var(--font-color); } .border-left-m-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .border-left-m-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .border-left-m-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .border-left-m-2-font-color { border-left: solid 2px var(--font-color); } .border-left-m-2-solid-font-color { border-left: solid 2px var(--font-color); } .border-left-m-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .border-left-m-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .border-left-m-2-5-font-color { border-left: solid 2.5px var(--font-color); } .border-left-m-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .border-left-m-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .border-left-m-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .border-left-m-3-font-color { border-left: solid 3px var(--font-color); } .border-left-m-3-solid-font-color { border-left: solid 3px var(--font-color); } .border-left-m-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .border-left-m-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .border-left-m-first-font-color:first-child { border-left: solid 1px var(--font-color); } .border-left-m-last-font-color:last-child { border-left: solid 1px var(--font-color); } .border-left-m-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .border-left-m-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .border-right-m-font-color { border-right: solid 1px var(--font-color); } .border-right-m-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-m-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-m-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-m-0-font-color { border-right: solid 0px var(--font-color); } .border-right-m-0-solid-font-color { border-right: solid 0px var(--font-color); } .border-right-m-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .border-right-m-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .border-right-m-0-5-font-color { border-right: solid 0.5px var(--font-color); } .border-right-m-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .border-right-m-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .border-right-m-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .border-right-m-1-font-color { border-right: solid 1px var(--font-color); } .border-right-m-1-solid-font-color { border-right: solid 1px var(--font-color); } .border-right-m-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .border-right-m-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .border-right-m-1-5-font-color { border-right: solid 1.5px var(--font-color); } .border-right-m-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .border-right-m-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .border-right-m-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .border-right-m-2-font-color { border-right: solid 2px var(--font-color); } .border-right-m-2-solid-font-color { border-right: solid 2px var(--font-color); } .border-right-m-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .border-right-m-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .border-right-m-2-5-font-color { border-right: solid 2.5px var(--font-color); } .border-right-m-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .border-right-m-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .border-right-m-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .border-right-m-3-font-color { border-right: solid 3px var(--font-color); } .border-right-m-3-solid-font-color { border-right: solid 3px var(--font-color); } .border-right-m-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .border-right-m-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .border-right-m-first-font-color:first-child { border-right: solid 1px var(--font-color); } .border-right-m-last-font-color:last-child { border-right: solid 1px var(--font-color); } .border-right-m-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .border-right-m-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .border-top-m-font-color { border-top: solid 1px var(--font-color); } .border-top-m-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-m-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-m-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-m-0-font-color { border-top: solid 0px var(--font-color); } .border-top-m-0-solid-font-color { border-top: solid 0px var(--font-color); } .border-top-m-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .border-top-m-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .border-top-m-0-5-font-color { border-top: solid 0.5px var(--font-color); } .border-top-m-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .border-top-m-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .border-top-m-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .border-top-m-1-font-color { border-top: solid 1px var(--font-color); } .border-top-m-1-solid-font-color { border-top: solid 1px var(--font-color); } .border-top-m-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .border-top-m-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .border-top-m-1-5-font-color { border-top: solid 1.5px var(--font-color); } .border-top-m-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .border-top-m-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .border-top-m-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .border-top-m-2-font-color { border-top: solid 2px var(--font-color); } .border-top-m-2-solid-font-color { border-top: solid 2px var(--font-color); } .border-top-m-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .border-top-m-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .border-top-m-2-5-font-color { border-top: solid 2.5px var(--font-color); } .border-top-m-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .border-top-m-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .border-top-m-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .border-top-m-3-font-color { border-top: solid 3px var(--font-color); } .border-top-m-3-solid-font-color { border-top: solid 3px var(--font-color); } .border-top-m-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .border-top-m-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .border-top-m-first-font-color:first-child { border-top: solid 1px var(--font-color); } .border-top-m-last-font-color:last-child { border-top: solid 1px var(--font-color); } .border-top-m-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .border-top-m-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .border-bottom-m-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-m-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-m-0-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-m-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .border-bottom-m-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .border-bottom-m-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .border-bottom-m-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-m-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .border-bottom-m-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .border-bottom-m-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .border-bottom-m-1-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .border-bottom-m-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .border-bottom-m-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .border-bottom-m-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-m-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .border-bottom-m-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .border-bottom-m-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .border-bottom-m-2-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-m-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .border-bottom-m-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .border-bottom-m-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .border-bottom-m-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-m-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .border-bottom-m-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .border-bottom-m-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .border-bottom-m-3-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-m-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .border-bottom-m-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .border-bottom-m-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .border-bottom-m-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .border-bottom-m-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .border-bottom-m-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .border-bottom-m-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .border-left-m-first-none:first-child { border-left: none; } .border-left-m-last-none:last-child { border-left: none; } .border-left-m-odd-none:nth-child(odd) { border-left: none; } .border-left-m-even-none:nth-child(even) { border-left: none; } .border-right-m-first-none:first-child { border-right: none; } .border-right-m-last-none:last-child { border-right: none; } .border-right-m-odd-none:nth-child(odd) { border-right: none; } .border-right-m-even-none:nth-child(even) { border-right: none; } .border-top-m-first-none:first-child { border-top: none; } .border-top-m-last-none:last-child { border-top: none; } .border-top-m-odd-none:nth-child(odd) { border-top: none; } .border-top-m-even-none:nth-child(even) { border-top: none; } .border-bottom-m-first-none:first-child { border-bottom: none; } .border-bottom-m-last-none:last-child { border-bottom: none; } .border-bottom-m-odd-none:nth-child(odd) { border-bottom: none; } .border-bottom-m-even-none:nth-child(even) { border-bottom: none; } } @media (max-width: 767px) { .theme[data-theme=light] .border-left-m-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-solid-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-dashed-base-color { border-left: dashed 1px var(--base-color); } .theme[data-theme=light] .border-left-m-dotted-base-color { border-left: dotted 1px var(--base-color); } .theme[data-theme=light] .border-left-m-0-base-color { border-left: solid 0px var(--base-color); } .theme[data-theme=light] .border-left-m-0-solid-base-color { border-left: solid 0px var(--base-color); } .theme[data-theme=light] .border-left-m-0-dashed-base-color { border-left: dashed 0px var(--base-color); } .theme[data-theme=light] .border-left-m-0-dotted-base-color { border-left: dotted 0px var(--base-color); } .theme[data-theme=light] .border-left-m-0-5-base-color { border-left: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-left-m-0-5-solid-base-color { border-left: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-base-color { border-left: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-base-color { border-left: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-left-m-1-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-1-solid-base-color { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-1-dashed-base-color { border-left: dashed 1px var(--base-color); } .theme[data-theme=light] .border-left-m-1-dotted-base-color { border-left: dotted 1px var(--base-color); } .theme[data-theme=light] .border-left-m-1-5-base-color { border-left: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-left-m-1-5-solid-base-color { border-left: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-base-color { border-left: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-base-color { border-left: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-left-m-2-base-color { border-left: solid 2px var(--base-color); } .theme[data-theme=light] .border-left-m-2-solid-base-color { border-left: solid 2px var(--base-color); } .theme[data-theme=light] .border-left-m-2-dashed-base-color { border-left: dashed 2px var(--base-color); } .theme[data-theme=light] .border-left-m-2-dotted-base-color { border-left: dotted 2px var(--base-color); } .theme[data-theme=light] .border-left-m-2-5-base-color { border-left: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-left-m-2-5-solid-base-color { border-left: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-base-color { border-left: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-base-color { border-left: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-left-m-3-base-color { border-left: solid 3px var(--base-color); } .theme[data-theme=light] .border-left-m-3-solid-base-color { border-left: solid 3px var(--base-color); } .theme[data-theme=light] .border-left-m-3-dashed-base-color { border-left: dashed 3px var(--base-color); } .theme[data-theme=light] .border-left-m-3-dotted-base-color { border-left: dotted 3px var(--base-color); } .theme[data-theme=light] .border-left-m-first-base-color:first-child { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-last-base-color:last-child { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-odd-base-color:nth-child(odd) { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-even-base-color:nth-child(even) { border-left: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-solid-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-dashed-base-color { border-right: dashed 1px var(--base-color); } .theme[data-theme=light] .border-right-m-dotted-base-color { border-right: dotted 1px var(--base-color); } .theme[data-theme=light] .border-right-m-0-base-color { border-right: solid 0px var(--base-color); } .theme[data-theme=light] .border-right-m-0-solid-base-color { border-right: solid 0px var(--base-color); } .theme[data-theme=light] .border-right-m-0-dashed-base-color { border-right: dashed 0px var(--base-color); } .theme[data-theme=light] .border-right-m-0-dotted-base-color { border-right: dotted 0px var(--base-color); } .theme[data-theme=light] .border-right-m-0-5-base-color { border-right: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-right-m-0-5-solid-base-color { border-right: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-base-color { border-right: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-base-color { border-right: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-right-m-1-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-1-solid-base-color { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-1-dashed-base-color { border-right: dashed 1px var(--base-color); } .theme[data-theme=light] .border-right-m-1-dotted-base-color { border-right: dotted 1px var(--base-color); } .theme[data-theme=light] .border-right-m-1-5-base-color { border-right: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-right-m-1-5-solid-base-color { border-right: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-base-color { border-right: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-base-color { border-right: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-right-m-2-base-color { border-right: solid 2px var(--base-color); } .theme[data-theme=light] .border-right-m-2-solid-base-color { border-right: solid 2px var(--base-color); } .theme[data-theme=light] .border-right-m-2-dashed-base-color { border-right: dashed 2px var(--base-color); } .theme[data-theme=light] .border-right-m-2-dotted-base-color { border-right: dotted 2px var(--base-color); } .theme[data-theme=light] .border-right-m-2-5-base-color { border-right: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-right-m-2-5-solid-base-color { border-right: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-base-color { border-right: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-base-color { border-right: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-right-m-3-base-color { border-right: solid 3px var(--base-color); } .theme[data-theme=light] .border-right-m-3-solid-base-color { border-right: solid 3px var(--base-color); } .theme[data-theme=light] .border-right-m-3-dashed-base-color { border-right: dashed 3px var(--base-color); } .theme[data-theme=light] .border-right-m-3-dotted-base-color { border-right: dotted 3px var(--base-color); } .theme[data-theme=light] .border-right-m-first-base-color:first-child { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-last-base-color:last-child { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-odd-base-color:nth-child(odd) { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-right-m-even-base-color:nth-child(even) { border-right: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-solid-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-dashed-base-color { border-top: dashed 1px var(--base-color); } .theme[data-theme=light] .border-top-m-dotted-base-color { border-top: dotted 1px var(--base-color); } .theme[data-theme=light] .border-top-m-0-base-color { border-top: solid 0px var(--base-color); } .theme[data-theme=light] .border-top-m-0-solid-base-color { border-top: solid 0px var(--base-color); } .theme[data-theme=light] .border-top-m-0-dashed-base-color { border-top: dashed 0px var(--base-color); } .theme[data-theme=light] .border-top-m-0-dotted-base-color { border-top: dotted 0px var(--base-color); } .theme[data-theme=light] .border-top-m-0-5-base-color { border-top: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-top-m-0-5-solid-base-color { border-top: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-base-color { border-top: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-base-color { border-top: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-top-m-1-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-1-solid-base-color { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-1-dashed-base-color { border-top: dashed 1px var(--base-color); } .theme[data-theme=light] .border-top-m-1-dotted-base-color { border-top: dotted 1px var(--base-color); } .theme[data-theme=light] .border-top-m-1-5-base-color { border-top: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-top-m-1-5-solid-base-color { border-top: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-base-color { border-top: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-base-color { border-top: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-top-m-2-base-color { border-top: solid 2px var(--base-color); } .theme[data-theme=light] .border-top-m-2-solid-base-color { border-top: solid 2px var(--base-color); } .theme[data-theme=light] .border-top-m-2-dashed-base-color { border-top: dashed 2px var(--base-color); } .theme[data-theme=light] .border-top-m-2-dotted-base-color { border-top: dotted 2px var(--base-color); } .theme[data-theme=light] .border-top-m-2-5-base-color { border-top: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-top-m-2-5-solid-base-color { border-top: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-base-color { border-top: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-base-color { border-top: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-top-m-3-base-color { border-top: solid 3px var(--base-color); } .theme[data-theme=light] .border-top-m-3-solid-base-color { border-top: solid 3px var(--base-color); } .theme[data-theme=light] .border-top-m-3-dashed-base-color { border-top: dashed 3px var(--base-color); } .theme[data-theme=light] .border-top-m-3-dotted-base-color { border-top: dotted 3px var(--base-color); } .theme[data-theme=light] .border-top-m-first-base-color:first-child { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-last-base-color:last-child { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-odd-base-color:nth-child(odd) { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-top-m-even-base-color:nth-child(even) { border-top: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-solid-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-base-color { border-bottom: solid 0px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-solid-base-color { border-bottom: solid 0px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-base-color { border-bottom: dashed 0px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-base-color { border-bottom: dotted 0px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-5-base-color { border-bottom: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-base-color { border-bottom: solid 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-base-color { border-bottom: dashed 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-base-color { border-bottom: dotted 0.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-solid-base-color { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-base-color { border-bottom: dashed 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-base-color { border-bottom: dotted 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-5-base-color { border-bottom: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-base-color { border-bottom: solid 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-base-color { border-bottom: dashed 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-base-color { border-bottom: dotted 1.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-base-color { border-bottom: solid 2px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-solid-base-color { border-bottom: solid 2px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-base-color { border-bottom: dashed 2px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-base-color { border-bottom: dotted 2px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-5-base-color { border-bottom: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-base-color { border-bottom: solid 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-base-color { border-bottom: dashed 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-base-color { border-bottom: dotted 2.5px var(--base-color); } .theme[data-theme=light] .border-bottom-m-3-base-color { border-bottom: solid 3px var(--base-color); } .theme[data-theme=light] .border-bottom-m-3-solid-base-color { border-bottom: solid 3px var(--base-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-base-color { border-bottom: dashed 3px var(--base-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-base-color { border-bottom: dotted 3px var(--base-color); } .theme[data-theme=light] .border-bottom-m-first-base-color:first-child { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-last-base-color:last-child { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-odd-base-color:nth-child(odd) { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-bottom-m-even-base-color:nth-child(even) { border-bottom: solid 1px var(--base-color); } .theme[data-theme=light] .border-left-m-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-solid-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-dashed-second-color { border-left: dashed 1px var(--second-color); } .theme[data-theme=light] .border-left-m-dotted-second-color { border-left: dotted 1px var(--second-color); } .theme[data-theme=light] .border-left-m-0-second-color { border-left: solid 0px var(--second-color); } .theme[data-theme=light] .border-left-m-0-solid-second-color { border-left: solid 0px var(--second-color); } .theme[data-theme=light] .border-left-m-0-dashed-second-color { border-left: dashed 0px var(--second-color); } .theme[data-theme=light] .border-left-m-0-dotted-second-color { border-left: dotted 0px var(--second-color); } .theme[data-theme=light] .border-left-m-0-5-second-color { border-left: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-left-m-0-5-solid-second-color { border-left: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-second-color { border-left: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-second-color { border-left: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-left-m-1-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-1-solid-second-color { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-1-dashed-second-color { border-left: dashed 1px var(--second-color); } .theme[data-theme=light] .border-left-m-1-dotted-second-color { border-left: dotted 1px var(--second-color); } .theme[data-theme=light] .border-left-m-1-5-second-color { border-left: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-left-m-1-5-solid-second-color { border-left: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-second-color { border-left: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-second-color { border-left: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-left-m-2-second-color { border-left: solid 2px var(--second-color); } .theme[data-theme=light] .border-left-m-2-solid-second-color { border-left: solid 2px var(--second-color); } .theme[data-theme=light] .border-left-m-2-dashed-second-color { border-left: dashed 2px var(--second-color); } .theme[data-theme=light] .border-left-m-2-dotted-second-color { border-left: dotted 2px var(--second-color); } .theme[data-theme=light] .border-left-m-2-5-second-color { border-left: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-left-m-2-5-solid-second-color { border-left: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-second-color { border-left: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-second-color { border-left: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-left-m-3-second-color { border-left: solid 3px var(--second-color); } .theme[data-theme=light] .border-left-m-3-solid-second-color { border-left: solid 3px var(--second-color); } .theme[data-theme=light] .border-left-m-3-dashed-second-color { border-left: dashed 3px var(--second-color); } .theme[data-theme=light] .border-left-m-3-dotted-second-color { border-left: dotted 3px var(--second-color); } .theme[data-theme=light] .border-left-m-first-second-color:first-child { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-last-second-color:last-child { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-odd-second-color:nth-child(odd) { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-even-second-color:nth-child(even) { border-left: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-solid-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-dashed-second-color { border-right: dashed 1px var(--second-color); } .theme[data-theme=light] .border-right-m-dotted-second-color { border-right: dotted 1px var(--second-color); } .theme[data-theme=light] .border-right-m-0-second-color { border-right: solid 0px var(--second-color); } .theme[data-theme=light] .border-right-m-0-solid-second-color { border-right: solid 0px var(--second-color); } .theme[data-theme=light] .border-right-m-0-dashed-second-color { border-right: dashed 0px var(--second-color); } .theme[data-theme=light] .border-right-m-0-dotted-second-color { border-right: dotted 0px var(--second-color); } .theme[data-theme=light] .border-right-m-0-5-second-color { border-right: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-right-m-0-5-solid-second-color { border-right: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-second-color { border-right: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-second-color { border-right: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-right-m-1-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-1-solid-second-color { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-1-dashed-second-color { border-right: dashed 1px var(--second-color); } .theme[data-theme=light] .border-right-m-1-dotted-second-color { border-right: dotted 1px var(--second-color); } .theme[data-theme=light] .border-right-m-1-5-second-color { border-right: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-right-m-1-5-solid-second-color { border-right: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-second-color { border-right: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-second-color { border-right: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-right-m-2-second-color { border-right: solid 2px var(--second-color); } .theme[data-theme=light] .border-right-m-2-solid-second-color { border-right: solid 2px var(--second-color); } .theme[data-theme=light] .border-right-m-2-dashed-second-color { border-right: dashed 2px var(--second-color); } .theme[data-theme=light] .border-right-m-2-dotted-second-color { border-right: dotted 2px var(--second-color); } .theme[data-theme=light] .border-right-m-2-5-second-color { border-right: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-right-m-2-5-solid-second-color { border-right: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-second-color { border-right: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-second-color { border-right: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-right-m-3-second-color { border-right: solid 3px var(--second-color); } .theme[data-theme=light] .border-right-m-3-solid-second-color { border-right: solid 3px var(--second-color); } .theme[data-theme=light] .border-right-m-3-dashed-second-color { border-right: dashed 3px var(--second-color); } .theme[data-theme=light] .border-right-m-3-dotted-second-color { border-right: dotted 3px var(--second-color); } .theme[data-theme=light] .border-right-m-first-second-color:first-child { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-last-second-color:last-child { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-odd-second-color:nth-child(odd) { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-right-m-even-second-color:nth-child(even) { border-right: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-solid-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-dashed-second-color { border-top: dashed 1px var(--second-color); } .theme[data-theme=light] .border-top-m-dotted-second-color { border-top: dotted 1px var(--second-color); } .theme[data-theme=light] .border-top-m-0-second-color { border-top: solid 0px var(--second-color); } .theme[data-theme=light] .border-top-m-0-solid-second-color { border-top: solid 0px var(--second-color); } .theme[data-theme=light] .border-top-m-0-dashed-second-color { border-top: dashed 0px var(--second-color); } .theme[data-theme=light] .border-top-m-0-dotted-second-color { border-top: dotted 0px var(--second-color); } .theme[data-theme=light] .border-top-m-0-5-second-color { border-top: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-top-m-0-5-solid-second-color { border-top: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-second-color { border-top: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-second-color { border-top: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-top-m-1-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-1-solid-second-color { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-1-dashed-second-color { border-top: dashed 1px var(--second-color); } .theme[data-theme=light] .border-top-m-1-dotted-second-color { border-top: dotted 1px var(--second-color); } .theme[data-theme=light] .border-top-m-1-5-second-color { border-top: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-top-m-1-5-solid-second-color { border-top: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-second-color { border-top: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-second-color { border-top: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-top-m-2-second-color { border-top: solid 2px var(--second-color); } .theme[data-theme=light] .border-top-m-2-solid-second-color { border-top: solid 2px var(--second-color); } .theme[data-theme=light] .border-top-m-2-dashed-second-color { border-top: dashed 2px var(--second-color); } .theme[data-theme=light] .border-top-m-2-dotted-second-color { border-top: dotted 2px var(--second-color); } .theme[data-theme=light] .border-top-m-2-5-second-color { border-top: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-top-m-2-5-solid-second-color { border-top: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-second-color { border-top: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-second-color { border-top: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-top-m-3-second-color { border-top: solid 3px var(--second-color); } .theme[data-theme=light] .border-top-m-3-solid-second-color { border-top: solid 3px var(--second-color); } .theme[data-theme=light] .border-top-m-3-dashed-second-color { border-top: dashed 3px var(--second-color); } .theme[data-theme=light] .border-top-m-3-dotted-second-color { border-top: dotted 3px var(--second-color); } .theme[data-theme=light] .border-top-m-first-second-color:first-child { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-last-second-color:last-child { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-odd-second-color:nth-child(odd) { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-top-m-even-second-color:nth-child(even) { border-top: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-solid-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-second-color { border-bottom: solid 0px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-solid-second-color { border-bottom: solid 0px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-second-color { border-bottom: dashed 0px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-second-color { border-bottom: dotted 0px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-5-second-color { border-bottom: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-second-color { border-bottom: solid 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-second-color { border-bottom: dashed 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-second-color { border-bottom: dotted 0.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-solid-second-color { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-second-color { border-bottom: dashed 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-second-color { border-bottom: dotted 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-5-second-color { border-bottom: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-second-color { border-bottom: solid 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-second-color { border-bottom: dashed 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-second-color { border-bottom: dotted 1.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-second-color { border-bottom: solid 2px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-solid-second-color { border-bottom: solid 2px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-second-color { border-bottom: dashed 2px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-second-color { border-bottom: dotted 2px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-5-second-color { border-bottom: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-second-color { border-bottom: solid 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-second-color { border-bottom: dashed 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-second-color { border-bottom: dotted 2.5px var(--second-color); } .theme[data-theme=light] .border-bottom-m-3-second-color { border-bottom: solid 3px var(--second-color); } .theme[data-theme=light] .border-bottom-m-3-solid-second-color { border-bottom: solid 3px var(--second-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-second-color { border-bottom: dashed 3px var(--second-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-second-color { border-bottom: dotted 3px var(--second-color); } .theme[data-theme=light] .border-bottom-m-first-second-color:first-child { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-last-second-color:last-child { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-odd-second-color:nth-child(odd) { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-bottom-m-even-second-color:nth-child(even) { border-bottom: solid 1px var(--second-color); } .theme[data-theme=light] .border-left-m-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-solid-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-dashed-third-color { border-left: dashed 1px var(--third-color); } .theme[data-theme=light] .border-left-m-dotted-third-color { border-left: dotted 1px var(--third-color); } .theme[data-theme=light] .border-left-m-0-third-color { border-left: solid 0px var(--third-color); } .theme[data-theme=light] .border-left-m-0-solid-third-color { border-left: solid 0px var(--third-color); } .theme[data-theme=light] .border-left-m-0-dashed-third-color { border-left: dashed 0px var(--third-color); } .theme[data-theme=light] .border-left-m-0-dotted-third-color { border-left: dotted 0px var(--third-color); } .theme[data-theme=light] .border-left-m-0-5-third-color { border-left: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-left-m-0-5-solid-third-color { border-left: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-third-color { border-left: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-third-color { border-left: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-left-m-1-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-1-solid-third-color { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-1-dashed-third-color { border-left: dashed 1px var(--third-color); } .theme[data-theme=light] .border-left-m-1-dotted-third-color { border-left: dotted 1px var(--third-color); } .theme[data-theme=light] .border-left-m-1-5-third-color { border-left: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-left-m-1-5-solid-third-color { border-left: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-third-color { border-left: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-third-color { border-left: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-left-m-2-third-color { border-left: solid 2px var(--third-color); } .theme[data-theme=light] .border-left-m-2-solid-third-color { border-left: solid 2px var(--third-color); } .theme[data-theme=light] .border-left-m-2-dashed-third-color { border-left: dashed 2px var(--third-color); } .theme[data-theme=light] .border-left-m-2-dotted-third-color { border-left: dotted 2px var(--third-color); } .theme[data-theme=light] .border-left-m-2-5-third-color { border-left: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-left-m-2-5-solid-third-color { border-left: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-third-color { border-left: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-third-color { border-left: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-left-m-3-third-color { border-left: solid 3px var(--third-color); } .theme[data-theme=light] .border-left-m-3-solid-third-color { border-left: solid 3px var(--third-color); } .theme[data-theme=light] .border-left-m-3-dashed-third-color { border-left: dashed 3px var(--third-color); } .theme[data-theme=light] .border-left-m-3-dotted-third-color { border-left: dotted 3px var(--third-color); } .theme[data-theme=light] .border-left-m-first-third-color:first-child { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-last-third-color:last-child { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-odd-third-color:nth-child(odd) { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-even-third-color:nth-child(even) { border-left: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-solid-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-dashed-third-color { border-right: dashed 1px var(--third-color); } .theme[data-theme=light] .border-right-m-dotted-third-color { border-right: dotted 1px var(--third-color); } .theme[data-theme=light] .border-right-m-0-third-color { border-right: solid 0px var(--third-color); } .theme[data-theme=light] .border-right-m-0-solid-third-color { border-right: solid 0px var(--third-color); } .theme[data-theme=light] .border-right-m-0-dashed-third-color { border-right: dashed 0px var(--third-color); } .theme[data-theme=light] .border-right-m-0-dotted-third-color { border-right: dotted 0px var(--third-color); } .theme[data-theme=light] .border-right-m-0-5-third-color { border-right: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-right-m-0-5-solid-third-color { border-right: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-third-color { border-right: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-third-color { border-right: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-right-m-1-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-1-solid-third-color { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-1-dashed-third-color { border-right: dashed 1px var(--third-color); } .theme[data-theme=light] .border-right-m-1-dotted-third-color { border-right: dotted 1px var(--third-color); } .theme[data-theme=light] .border-right-m-1-5-third-color { border-right: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-right-m-1-5-solid-third-color { border-right: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-third-color { border-right: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-third-color { border-right: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-right-m-2-third-color { border-right: solid 2px var(--third-color); } .theme[data-theme=light] .border-right-m-2-solid-third-color { border-right: solid 2px var(--third-color); } .theme[data-theme=light] .border-right-m-2-dashed-third-color { border-right: dashed 2px var(--third-color); } .theme[data-theme=light] .border-right-m-2-dotted-third-color { border-right: dotted 2px var(--third-color); } .theme[data-theme=light] .border-right-m-2-5-third-color { border-right: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-right-m-2-5-solid-third-color { border-right: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-third-color { border-right: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-third-color { border-right: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-right-m-3-third-color { border-right: solid 3px var(--third-color); } .theme[data-theme=light] .border-right-m-3-solid-third-color { border-right: solid 3px var(--third-color); } .theme[data-theme=light] .border-right-m-3-dashed-third-color { border-right: dashed 3px var(--third-color); } .theme[data-theme=light] .border-right-m-3-dotted-third-color { border-right: dotted 3px var(--third-color); } .theme[data-theme=light] .border-right-m-first-third-color:first-child { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-last-third-color:last-child { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-odd-third-color:nth-child(odd) { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-right-m-even-third-color:nth-child(even) { border-right: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-solid-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-dashed-third-color { border-top: dashed 1px var(--third-color); } .theme[data-theme=light] .border-top-m-dotted-third-color { border-top: dotted 1px var(--third-color); } .theme[data-theme=light] .border-top-m-0-third-color { border-top: solid 0px var(--third-color); } .theme[data-theme=light] .border-top-m-0-solid-third-color { border-top: solid 0px var(--third-color); } .theme[data-theme=light] .border-top-m-0-dashed-third-color { border-top: dashed 0px var(--third-color); } .theme[data-theme=light] .border-top-m-0-dotted-third-color { border-top: dotted 0px var(--third-color); } .theme[data-theme=light] .border-top-m-0-5-third-color { border-top: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-top-m-0-5-solid-third-color { border-top: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-third-color { border-top: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-third-color { border-top: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-top-m-1-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-1-solid-third-color { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-1-dashed-third-color { border-top: dashed 1px var(--third-color); } .theme[data-theme=light] .border-top-m-1-dotted-third-color { border-top: dotted 1px var(--third-color); } .theme[data-theme=light] .border-top-m-1-5-third-color { border-top: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-top-m-1-5-solid-third-color { border-top: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-third-color { border-top: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-third-color { border-top: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-top-m-2-third-color { border-top: solid 2px var(--third-color); } .theme[data-theme=light] .border-top-m-2-solid-third-color { border-top: solid 2px var(--third-color); } .theme[data-theme=light] .border-top-m-2-dashed-third-color { border-top: dashed 2px var(--third-color); } .theme[data-theme=light] .border-top-m-2-dotted-third-color { border-top: dotted 2px var(--third-color); } .theme[data-theme=light] .border-top-m-2-5-third-color { border-top: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-top-m-2-5-solid-third-color { border-top: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-third-color { border-top: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-third-color { border-top: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-top-m-3-third-color { border-top: solid 3px var(--third-color); } .theme[data-theme=light] .border-top-m-3-solid-third-color { border-top: solid 3px var(--third-color); } .theme[data-theme=light] .border-top-m-3-dashed-third-color { border-top: dashed 3px var(--third-color); } .theme[data-theme=light] .border-top-m-3-dotted-third-color { border-top: dotted 3px var(--third-color); } .theme[data-theme=light] .border-top-m-first-third-color:first-child { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-last-third-color:last-child { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-odd-third-color:nth-child(odd) { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-top-m-even-third-color:nth-child(even) { border-top: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-solid-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-third-color { border-bottom: solid 0px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-solid-third-color { border-bottom: solid 0px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-third-color { border-bottom: dashed 0px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-third-color { border-bottom: dotted 0px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-5-third-color { border-bottom: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-third-color { border-bottom: solid 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-third-color { border-bottom: dashed 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-third-color { border-bottom: dotted 0.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-solid-third-color { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-third-color { border-bottom: dashed 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-third-color { border-bottom: dotted 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-5-third-color { border-bottom: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-third-color { border-bottom: solid 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-third-color { border-bottom: dashed 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-third-color { border-bottom: dotted 1.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-third-color { border-bottom: solid 2px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-solid-third-color { border-bottom: solid 2px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-third-color { border-bottom: dashed 2px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-third-color { border-bottom: dotted 2px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-5-third-color { border-bottom: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-third-color { border-bottom: solid 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-third-color { border-bottom: dashed 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-third-color { border-bottom: dotted 2.5px var(--third-color); } .theme[data-theme=light] .border-bottom-m-3-third-color { border-bottom: solid 3px var(--third-color); } .theme[data-theme=light] .border-bottom-m-3-solid-third-color { border-bottom: solid 3px var(--third-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-third-color { border-bottom: dashed 3px var(--third-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-third-color { border-bottom: dotted 3px var(--third-color); } .theme[data-theme=light] .border-bottom-m-first-third-color:first-child { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-last-third-color:last-child { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-odd-third-color:nth-child(odd) { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-bottom-m-even-third-color:nth-child(even) { border-bottom: solid 1px var(--third-color); } .theme[data-theme=light] .border-left-m-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-fourth-color { border-left: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-solid-fourth-color { border-left: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-dashed-fourth-color { border-left: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-dotted-fourth-color { border-left: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-5-fourth-color { border-left: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-5-solid-fourth-color { border-left: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-fourth-color { border-left: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-fourth-color { border-left: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-solid-fourth-color { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-dashed-fourth-color { border-left: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-dotted-fourth-color { border-left: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-5-fourth-color { border-left: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-5-solid-fourth-color { border-left: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-fourth-color { border-left: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-fourth-color { border-left: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-fourth-color { border-left: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-solid-fourth-color { border-left: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-dashed-fourth-color { border-left: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-dotted-fourth-color { border-left: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-5-fourth-color { border-left: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-5-solid-fourth-color { border-left: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-fourth-color { border-left: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-fourth-color { border-left: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-left-m-3-fourth-color { border-left: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-left-m-3-solid-fourth-color { border-left: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-left-m-3-dashed-fourth-color { border-left: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-left-m-3-dotted-fourth-color { border-left: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-left-m-first-fourth-color:first-child { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-last-fourth-color:last-child { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-odd-fourth-color:nth-child(odd) { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-even-fourth-color:nth-child(even) { border-left: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-fourth-color { border-right: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-solid-fourth-color { border-right: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-dashed-fourth-color { border-right: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-dotted-fourth-color { border-right: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-5-fourth-color { border-right: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-5-solid-fourth-color { border-right: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-fourth-color { border-right: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-fourth-color { border-right: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-solid-fourth-color { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-dashed-fourth-color { border-right: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-dotted-fourth-color { border-right: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-5-fourth-color { border-right: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-5-solid-fourth-color { border-right: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-fourth-color { border-right: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-fourth-color { border-right: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-fourth-color { border-right: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-solid-fourth-color { border-right: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-dashed-fourth-color { border-right: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-dotted-fourth-color { border-right: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-5-fourth-color { border-right: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-5-solid-fourth-color { border-right: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-fourth-color { border-right: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-fourth-color { border-right: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-right-m-3-fourth-color { border-right: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-right-m-3-solid-fourth-color { border-right: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-right-m-3-dashed-fourth-color { border-right: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-right-m-3-dotted-fourth-color { border-right: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-right-m-first-fourth-color:first-child { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-last-fourth-color:last-child { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-odd-fourth-color:nth-child(odd) { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-right-m-even-fourth-color:nth-child(even) { border-right: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-fourth-color { border-top: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-solid-fourth-color { border-top: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-dashed-fourth-color { border-top: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-dotted-fourth-color { border-top: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-5-fourth-color { border-top: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-5-solid-fourth-color { border-top: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-fourth-color { border-top: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-fourth-color { border-top: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-solid-fourth-color { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-dashed-fourth-color { border-top: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-dotted-fourth-color { border-top: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-5-fourth-color { border-top: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-5-solid-fourth-color { border-top: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-fourth-color { border-top: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-fourth-color { border-top: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-fourth-color { border-top: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-solid-fourth-color { border-top: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-dashed-fourth-color { border-top: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-dotted-fourth-color { border-top: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-5-fourth-color { border-top: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-5-solid-fourth-color { border-top: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-fourth-color { border-top: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-fourth-color { border-top: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-top-m-3-fourth-color { border-top: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-top-m-3-solid-fourth-color { border-top: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-top-m-3-dashed-fourth-color { border-top: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-top-m-3-dotted-fourth-color { border-top: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-top-m-first-fourth-color:first-child { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-last-fourth-color:last-child { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-odd-fourth-color:nth-child(odd) { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-top-m-even-fourth-color:nth-child(even) { border-top: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-fourth-color { border-bottom: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-solid-fourth-color { border-bottom: solid 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-fourth-color { border-bottom: dashed 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-fourth-color { border-bottom: dotted 0px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-5-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-fourth-color { border-bottom: solid 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-fourth-color { border-bottom: dashed 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-fourth-color { border-bottom: dotted 0.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-solid-fourth-color { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-fourth-color { border-bottom: dashed 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-fourth-color { border-bottom: dotted 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-5-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-fourth-color { border-bottom: solid 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-fourth-color { border-bottom: dashed 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-fourth-color { border-bottom: dotted 1.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-fourth-color { border-bottom: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-solid-fourth-color { border-bottom: solid 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-fourth-color { border-bottom: dashed 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-fourth-color { border-bottom: dotted 2px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-5-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-fourth-color { border-bottom: solid 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-fourth-color { border-bottom: dashed 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-fourth-color { border-bottom: dotted 2.5px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-3-fourth-color { border-bottom: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-3-solid-fourth-color { border-bottom: solid 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-fourth-color { border-bottom: dashed 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-fourth-color { border-bottom: dotted 3px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-first-fourth-color:first-child { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-last-fourth-color:last-child { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-odd-fourth-color:nth-child(odd) { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-bottom-m-even-fourth-color:nth-child(even) { border-bottom: solid 1px var(--fourth-color); } .theme[data-theme=light] .border-left-m-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-highlight-color { border-left: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-solid-highlight-color { border-left: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-dashed-highlight-color { border-left: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-dotted-highlight-color { border-left: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-5-highlight-color { border-left: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-5-solid-highlight-color { border-left: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-highlight-color { border-left: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-highlight-color { border-left: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-solid-highlight-color { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-dashed-highlight-color { border-left: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-dotted-highlight-color { border-left: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-5-highlight-color { border-left: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-5-solid-highlight-color { border-left: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-highlight-color { border-left: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-highlight-color { border-left: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-highlight-color { border-left: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-solid-highlight-color { border-left: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-dashed-highlight-color { border-left: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-dotted-highlight-color { border-left: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-5-highlight-color { border-left: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-5-solid-highlight-color { border-left: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-highlight-color { border-left: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-highlight-color { border-left: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-left-m-3-highlight-color { border-left: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-left-m-3-solid-highlight-color { border-left: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-left-m-3-dashed-highlight-color { border-left: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-left-m-3-dotted-highlight-color { border-left: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-left-m-first-highlight-color:first-child { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-last-highlight-color:last-child { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-odd-highlight-color:nth-child(odd) { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-even-highlight-color:nth-child(even) { border-left: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-highlight-color { border-right: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-solid-highlight-color { border-right: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-dashed-highlight-color { border-right: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-dotted-highlight-color { border-right: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-5-highlight-color { border-right: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-5-solid-highlight-color { border-right: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-highlight-color { border-right: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-highlight-color { border-right: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-solid-highlight-color { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-dashed-highlight-color { border-right: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-dotted-highlight-color { border-right: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-5-highlight-color { border-right: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-5-solid-highlight-color { border-right: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-highlight-color { border-right: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-highlight-color { border-right: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-highlight-color { border-right: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-solid-highlight-color { border-right: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-dashed-highlight-color { border-right: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-dotted-highlight-color { border-right: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-5-highlight-color { border-right: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-5-solid-highlight-color { border-right: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-highlight-color { border-right: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-highlight-color { border-right: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-right-m-3-highlight-color { border-right: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-right-m-3-solid-highlight-color { border-right: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-right-m-3-dashed-highlight-color { border-right: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-right-m-3-dotted-highlight-color { border-right: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-right-m-first-highlight-color:first-child { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-last-highlight-color:last-child { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-odd-highlight-color:nth-child(odd) { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-right-m-even-highlight-color:nth-child(even) { border-right: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-highlight-color { border-top: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-solid-highlight-color { border-top: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-dashed-highlight-color { border-top: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-dotted-highlight-color { border-top: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-5-highlight-color { border-top: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-5-solid-highlight-color { border-top: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-highlight-color { border-top: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-highlight-color { border-top: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-solid-highlight-color { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-dashed-highlight-color { border-top: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-dotted-highlight-color { border-top: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-5-highlight-color { border-top: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-5-solid-highlight-color { border-top: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-highlight-color { border-top: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-highlight-color { border-top: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-highlight-color { border-top: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-solid-highlight-color { border-top: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-dashed-highlight-color { border-top: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-dotted-highlight-color { border-top: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-5-highlight-color { border-top: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-5-solid-highlight-color { border-top: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-highlight-color { border-top: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-highlight-color { border-top: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-top-m-3-highlight-color { border-top: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-top-m-3-solid-highlight-color { border-top: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-top-m-3-dashed-highlight-color { border-top: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-top-m-3-dotted-highlight-color { border-top: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-top-m-first-highlight-color:first-child { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-last-highlight-color:last-child { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-odd-highlight-color:nth-child(odd) { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-top-m-even-highlight-color:nth-child(even) { border-top: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-highlight-color { border-bottom: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-solid-highlight-color { border-bottom: solid 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-highlight-color { border-bottom: dashed 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-highlight-color { border-bottom: dotted 0px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-5-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-highlight-color { border-bottom: solid 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-highlight-color { border-bottom: dashed 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-highlight-color { border-bottom: dotted 0.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-solid-highlight-color { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-highlight-color { border-bottom: dashed 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-highlight-color { border-bottom: dotted 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-5-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-highlight-color { border-bottom: solid 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-highlight-color { border-bottom: dashed 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-highlight-color { border-bottom: dotted 1.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-highlight-color { border-bottom: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-solid-highlight-color { border-bottom: solid 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-highlight-color { border-bottom: dashed 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-highlight-color { border-bottom: dotted 2px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-5-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-highlight-color { border-bottom: solid 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-highlight-color { border-bottom: dashed 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-highlight-color { border-bottom: dotted 2.5px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-3-highlight-color { border-bottom: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-3-solid-highlight-color { border-bottom: solid 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-highlight-color { border-bottom: dashed 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-highlight-color { border-bottom: dotted 3px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-first-highlight-color:first-child { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-last-highlight-color:last-child { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-odd-highlight-color:nth-child(odd) { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-bottom-m-even-highlight-color:nth-child(even) { border-bottom: solid 1px var(--highlight-color); } .theme[data-theme=light] .border-left-m-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-solid-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-dashed-white { border-left: dashed 1px var(--white); } .theme[data-theme=light] .border-left-m-dotted-white { border-left: dotted 1px var(--white); } .theme[data-theme=light] .border-left-m-0-white { border-left: solid 0px var(--white); } .theme[data-theme=light] .border-left-m-0-solid-white { border-left: solid 0px var(--white); } .theme[data-theme=light] .border-left-m-0-dashed-white { border-left: dashed 0px var(--white); } .theme[data-theme=light] .border-left-m-0-dotted-white { border-left: dotted 0px var(--white); } .theme[data-theme=light] .border-left-m-0-5-white { border-left: solid 0.5px var(--white); } .theme[data-theme=light] .border-left-m-0-5-solid-white { border-left: solid 0.5px var(--white); } .theme[data-theme=light] .border-left-m-0-5-dashed-white { border-left: dashed 0.5px var(--white); } .theme[data-theme=light] .border-left-m-0-5-dotted-white { border-left: dotted 0.5px var(--white); } .theme[data-theme=light] .border-left-m-1-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-1-solid-white { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-1-dashed-white { border-left: dashed 1px var(--white); } .theme[data-theme=light] .border-left-m-1-dotted-white { border-left: dotted 1px var(--white); } .theme[data-theme=light] .border-left-m-1-5-white { border-left: solid 1.5px var(--white); } .theme[data-theme=light] .border-left-m-1-5-solid-white { border-left: solid 1.5px var(--white); } .theme[data-theme=light] .border-left-m-1-5-dashed-white { border-left: dashed 1.5px var(--white); } .theme[data-theme=light] .border-left-m-1-5-dotted-white { border-left: dotted 1.5px var(--white); } .theme[data-theme=light] .border-left-m-2-white { border-left: solid 2px var(--white); } .theme[data-theme=light] .border-left-m-2-solid-white { border-left: solid 2px var(--white); } .theme[data-theme=light] .border-left-m-2-dashed-white { border-left: dashed 2px var(--white); } .theme[data-theme=light] .border-left-m-2-dotted-white { border-left: dotted 2px var(--white); } .theme[data-theme=light] .border-left-m-2-5-white { border-left: solid 2.5px var(--white); } .theme[data-theme=light] .border-left-m-2-5-solid-white { border-left: solid 2.5px var(--white); } .theme[data-theme=light] .border-left-m-2-5-dashed-white { border-left: dashed 2.5px var(--white); } .theme[data-theme=light] .border-left-m-2-5-dotted-white { border-left: dotted 2.5px var(--white); } .theme[data-theme=light] .border-left-m-3-white { border-left: solid 3px var(--white); } .theme[data-theme=light] .border-left-m-3-solid-white { border-left: solid 3px var(--white); } .theme[data-theme=light] .border-left-m-3-dashed-white { border-left: dashed 3px var(--white); } .theme[data-theme=light] .border-left-m-3-dotted-white { border-left: dotted 3px var(--white); } .theme[data-theme=light] .border-left-m-first-white:first-child { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-last-white:last-child { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-odd-white:nth-child(odd) { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-even-white:nth-child(even) { border-left: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-solid-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-dashed-white { border-right: dashed 1px var(--white); } .theme[data-theme=light] .border-right-m-dotted-white { border-right: dotted 1px var(--white); } .theme[data-theme=light] .border-right-m-0-white { border-right: solid 0px var(--white); } .theme[data-theme=light] .border-right-m-0-solid-white { border-right: solid 0px var(--white); } .theme[data-theme=light] .border-right-m-0-dashed-white { border-right: dashed 0px var(--white); } .theme[data-theme=light] .border-right-m-0-dotted-white { border-right: dotted 0px var(--white); } .theme[data-theme=light] .border-right-m-0-5-white { border-right: solid 0.5px var(--white); } .theme[data-theme=light] .border-right-m-0-5-solid-white { border-right: solid 0.5px var(--white); } .theme[data-theme=light] .border-right-m-0-5-dashed-white { border-right: dashed 0.5px var(--white); } .theme[data-theme=light] .border-right-m-0-5-dotted-white { border-right: dotted 0.5px var(--white); } .theme[data-theme=light] .border-right-m-1-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-1-solid-white { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-1-dashed-white { border-right: dashed 1px var(--white); } .theme[data-theme=light] .border-right-m-1-dotted-white { border-right: dotted 1px var(--white); } .theme[data-theme=light] .border-right-m-1-5-white { border-right: solid 1.5px var(--white); } .theme[data-theme=light] .border-right-m-1-5-solid-white { border-right: solid 1.5px var(--white); } .theme[data-theme=light] .border-right-m-1-5-dashed-white { border-right: dashed 1.5px var(--white); } .theme[data-theme=light] .border-right-m-1-5-dotted-white { border-right: dotted 1.5px var(--white); } .theme[data-theme=light] .border-right-m-2-white { border-right: solid 2px var(--white); } .theme[data-theme=light] .border-right-m-2-solid-white { border-right: solid 2px var(--white); } .theme[data-theme=light] .border-right-m-2-dashed-white { border-right: dashed 2px var(--white); } .theme[data-theme=light] .border-right-m-2-dotted-white { border-right: dotted 2px var(--white); } .theme[data-theme=light] .border-right-m-2-5-white { border-right: solid 2.5px var(--white); } .theme[data-theme=light] .border-right-m-2-5-solid-white { border-right: solid 2.5px var(--white); } .theme[data-theme=light] .border-right-m-2-5-dashed-white { border-right: dashed 2.5px var(--white); } .theme[data-theme=light] .border-right-m-2-5-dotted-white { border-right: dotted 2.5px var(--white); } .theme[data-theme=light] .border-right-m-3-white { border-right: solid 3px var(--white); } .theme[data-theme=light] .border-right-m-3-solid-white { border-right: solid 3px var(--white); } .theme[data-theme=light] .border-right-m-3-dashed-white { border-right: dashed 3px var(--white); } .theme[data-theme=light] .border-right-m-3-dotted-white { border-right: dotted 3px var(--white); } .theme[data-theme=light] .border-right-m-first-white:first-child { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-last-white:last-child { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-odd-white:nth-child(odd) { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-right-m-even-white:nth-child(even) { border-right: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-solid-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-dashed-white { border-top: dashed 1px var(--white); } .theme[data-theme=light] .border-top-m-dotted-white { border-top: dotted 1px var(--white); } .theme[data-theme=light] .border-top-m-0-white { border-top: solid 0px var(--white); } .theme[data-theme=light] .border-top-m-0-solid-white { border-top: solid 0px var(--white); } .theme[data-theme=light] .border-top-m-0-dashed-white { border-top: dashed 0px var(--white); } .theme[data-theme=light] .border-top-m-0-dotted-white { border-top: dotted 0px var(--white); } .theme[data-theme=light] .border-top-m-0-5-white { border-top: solid 0.5px var(--white); } .theme[data-theme=light] .border-top-m-0-5-solid-white { border-top: solid 0.5px var(--white); } .theme[data-theme=light] .border-top-m-0-5-dashed-white { border-top: dashed 0.5px var(--white); } .theme[data-theme=light] .border-top-m-0-5-dotted-white { border-top: dotted 0.5px var(--white); } .theme[data-theme=light] .border-top-m-1-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-1-solid-white { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-1-dashed-white { border-top: dashed 1px var(--white); } .theme[data-theme=light] .border-top-m-1-dotted-white { border-top: dotted 1px var(--white); } .theme[data-theme=light] .border-top-m-1-5-white { border-top: solid 1.5px var(--white); } .theme[data-theme=light] .border-top-m-1-5-solid-white { border-top: solid 1.5px var(--white); } .theme[data-theme=light] .border-top-m-1-5-dashed-white { border-top: dashed 1.5px var(--white); } .theme[data-theme=light] .border-top-m-1-5-dotted-white { border-top: dotted 1.5px var(--white); } .theme[data-theme=light] .border-top-m-2-white { border-top: solid 2px var(--white); } .theme[data-theme=light] .border-top-m-2-solid-white { border-top: solid 2px var(--white); } .theme[data-theme=light] .border-top-m-2-dashed-white { border-top: dashed 2px var(--white); } .theme[data-theme=light] .border-top-m-2-dotted-white { border-top: dotted 2px var(--white); } .theme[data-theme=light] .border-top-m-2-5-white { border-top: solid 2.5px var(--white); } .theme[data-theme=light] .border-top-m-2-5-solid-white { border-top: solid 2.5px var(--white); } .theme[data-theme=light] .border-top-m-2-5-dashed-white { border-top: dashed 2.5px var(--white); } .theme[data-theme=light] .border-top-m-2-5-dotted-white { border-top: dotted 2.5px var(--white); } .theme[data-theme=light] .border-top-m-3-white { border-top: solid 3px var(--white); } .theme[data-theme=light] .border-top-m-3-solid-white { border-top: solid 3px var(--white); } .theme[data-theme=light] .border-top-m-3-dashed-white { border-top: dashed 3px var(--white); } .theme[data-theme=light] .border-top-m-3-dotted-white { border-top: dotted 3px var(--white); } .theme[data-theme=light] .border-top-m-first-white:first-child { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-last-white:last-child { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-odd-white:nth-child(odd) { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-top-m-even-white:nth-child(even) { border-top: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-solid-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-dashed-white { border-bottom: dashed 1px var(--white); } .theme[data-theme=light] .border-bottom-m-dotted-white { border-bottom: dotted 1px var(--white); } .theme[data-theme=light] .border-bottom-m-0-white { border-bottom: solid 0px var(--white); } .theme[data-theme=light] .border-bottom-m-0-solid-white { border-bottom: solid 0px var(--white); } .theme[data-theme=light] .border-bottom-m-0-dashed-white { border-bottom: dashed 0px var(--white); } .theme[data-theme=light] .border-bottom-m-0-dotted-white { border-bottom: dotted 0px var(--white); } .theme[data-theme=light] .border-bottom-m-0-5-white { border-bottom: solid 0.5px var(--white); } .theme[data-theme=light] .border-bottom-m-0-5-solid-white { border-bottom: solid 0.5px var(--white); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-white { border-bottom: dashed 0.5px var(--white); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-white { border-bottom: dotted 0.5px var(--white); } .theme[data-theme=light] .border-bottom-m-1-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-1-solid-white { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-1-dashed-white { border-bottom: dashed 1px var(--white); } .theme[data-theme=light] .border-bottom-m-1-dotted-white { border-bottom: dotted 1px var(--white); } .theme[data-theme=light] .border-bottom-m-1-5-white { border-bottom: solid 1.5px var(--white); } .theme[data-theme=light] .border-bottom-m-1-5-solid-white { border-bottom: solid 1.5px var(--white); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-white { border-bottom: dashed 1.5px var(--white); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-white { border-bottom: dotted 1.5px var(--white); } .theme[data-theme=light] .border-bottom-m-2-white { border-bottom: solid 2px var(--white); } .theme[data-theme=light] .border-bottom-m-2-solid-white { border-bottom: solid 2px var(--white); } .theme[data-theme=light] .border-bottom-m-2-dashed-white { border-bottom: dashed 2px var(--white); } .theme[data-theme=light] .border-bottom-m-2-dotted-white { border-bottom: dotted 2px var(--white); } .theme[data-theme=light] .border-bottom-m-2-5-white { border-bottom: solid 2.5px var(--white); } .theme[data-theme=light] .border-bottom-m-2-5-solid-white { border-bottom: solid 2.5px var(--white); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-white { border-bottom: dashed 2.5px var(--white); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-white { border-bottom: dotted 2.5px var(--white); } .theme[data-theme=light] .border-bottom-m-3-white { border-bottom: solid 3px var(--white); } .theme[data-theme=light] .border-bottom-m-3-solid-white { border-bottom: solid 3px var(--white); } .theme[data-theme=light] .border-bottom-m-3-dashed-white { border-bottom: dashed 3px var(--white); } .theme[data-theme=light] .border-bottom-m-3-dotted-white { border-bottom: dotted 3px var(--white); } .theme[data-theme=light] .border-bottom-m-first-white:first-child { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-last-white:last-child { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-odd-white:nth-child(odd) { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-bottom-m-even-white:nth-child(even) { border-bottom: solid 1px var(--white); } .theme[data-theme=light] .border-left-m-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-solid-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-dashed-black { border-left: dashed 1px var(--black); } .theme[data-theme=light] .border-left-m-dotted-black { border-left: dotted 1px var(--black); } .theme[data-theme=light] .border-left-m-0-black { border-left: solid 0px var(--black); } .theme[data-theme=light] .border-left-m-0-solid-black { border-left: solid 0px var(--black); } .theme[data-theme=light] .border-left-m-0-dashed-black { border-left: dashed 0px var(--black); } .theme[data-theme=light] .border-left-m-0-dotted-black { border-left: dotted 0px var(--black); } .theme[data-theme=light] .border-left-m-0-5-black { border-left: solid 0.5px var(--black); } .theme[data-theme=light] .border-left-m-0-5-solid-black { border-left: solid 0.5px var(--black); } .theme[data-theme=light] .border-left-m-0-5-dashed-black { border-left: dashed 0.5px var(--black); } .theme[data-theme=light] .border-left-m-0-5-dotted-black { border-left: dotted 0.5px var(--black); } .theme[data-theme=light] .border-left-m-1-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-1-solid-black { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-1-dashed-black { border-left: dashed 1px var(--black); } .theme[data-theme=light] .border-left-m-1-dotted-black { border-left: dotted 1px var(--black); } .theme[data-theme=light] .border-left-m-1-5-black { border-left: solid 1.5px var(--black); } .theme[data-theme=light] .border-left-m-1-5-solid-black { border-left: solid 1.5px var(--black); } .theme[data-theme=light] .border-left-m-1-5-dashed-black { border-left: dashed 1.5px var(--black); } .theme[data-theme=light] .border-left-m-1-5-dotted-black { border-left: dotted 1.5px var(--black); } .theme[data-theme=light] .border-left-m-2-black { border-left: solid 2px var(--black); } .theme[data-theme=light] .border-left-m-2-solid-black { border-left: solid 2px var(--black); } .theme[data-theme=light] .border-left-m-2-dashed-black { border-left: dashed 2px var(--black); } .theme[data-theme=light] .border-left-m-2-dotted-black { border-left: dotted 2px var(--black); } .theme[data-theme=light] .border-left-m-2-5-black { border-left: solid 2.5px var(--black); } .theme[data-theme=light] .border-left-m-2-5-solid-black { border-left: solid 2.5px var(--black); } .theme[data-theme=light] .border-left-m-2-5-dashed-black { border-left: dashed 2.5px var(--black); } .theme[data-theme=light] .border-left-m-2-5-dotted-black { border-left: dotted 2.5px var(--black); } .theme[data-theme=light] .border-left-m-3-black { border-left: solid 3px var(--black); } .theme[data-theme=light] .border-left-m-3-solid-black { border-left: solid 3px var(--black); } .theme[data-theme=light] .border-left-m-3-dashed-black { border-left: dashed 3px var(--black); } .theme[data-theme=light] .border-left-m-3-dotted-black { border-left: dotted 3px var(--black); } .theme[data-theme=light] .border-left-m-first-black:first-child { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-last-black:last-child { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-odd-black:nth-child(odd) { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-even-black:nth-child(even) { border-left: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-solid-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-dashed-black { border-right: dashed 1px var(--black); } .theme[data-theme=light] .border-right-m-dotted-black { border-right: dotted 1px var(--black); } .theme[data-theme=light] .border-right-m-0-black { border-right: solid 0px var(--black); } .theme[data-theme=light] .border-right-m-0-solid-black { border-right: solid 0px var(--black); } .theme[data-theme=light] .border-right-m-0-dashed-black { border-right: dashed 0px var(--black); } .theme[data-theme=light] .border-right-m-0-dotted-black { border-right: dotted 0px var(--black); } .theme[data-theme=light] .border-right-m-0-5-black { border-right: solid 0.5px var(--black); } .theme[data-theme=light] .border-right-m-0-5-solid-black { border-right: solid 0.5px var(--black); } .theme[data-theme=light] .border-right-m-0-5-dashed-black { border-right: dashed 0.5px var(--black); } .theme[data-theme=light] .border-right-m-0-5-dotted-black { border-right: dotted 0.5px var(--black); } .theme[data-theme=light] .border-right-m-1-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-1-solid-black { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-1-dashed-black { border-right: dashed 1px var(--black); } .theme[data-theme=light] .border-right-m-1-dotted-black { border-right: dotted 1px var(--black); } .theme[data-theme=light] .border-right-m-1-5-black { border-right: solid 1.5px var(--black); } .theme[data-theme=light] .border-right-m-1-5-solid-black { border-right: solid 1.5px var(--black); } .theme[data-theme=light] .border-right-m-1-5-dashed-black { border-right: dashed 1.5px var(--black); } .theme[data-theme=light] .border-right-m-1-5-dotted-black { border-right: dotted 1.5px var(--black); } .theme[data-theme=light] .border-right-m-2-black { border-right: solid 2px var(--black); } .theme[data-theme=light] .border-right-m-2-solid-black { border-right: solid 2px var(--black); } .theme[data-theme=light] .border-right-m-2-dashed-black { border-right: dashed 2px var(--black); } .theme[data-theme=light] .border-right-m-2-dotted-black { border-right: dotted 2px var(--black); } .theme[data-theme=light] .border-right-m-2-5-black { border-right: solid 2.5px var(--black); } .theme[data-theme=light] .border-right-m-2-5-solid-black { border-right: solid 2.5px var(--black); } .theme[data-theme=light] .border-right-m-2-5-dashed-black { border-right: dashed 2.5px var(--black); } .theme[data-theme=light] .border-right-m-2-5-dotted-black { border-right: dotted 2.5px var(--black); } .theme[data-theme=light] .border-right-m-3-black { border-right: solid 3px var(--black); } .theme[data-theme=light] .border-right-m-3-solid-black { border-right: solid 3px var(--black); } .theme[data-theme=light] .border-right-m-3-dashed-black { border-right: dashed 3px var(--black); } .theme[data-theme=light] .border-right-m-3-dotted-black { border-right: dotted 3px var(--black); } .theme[data-theme=light] .border-right-m-first-black:first-child { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-last-black:last-child { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-odd-black:nth-child(odd) { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-right-m-even-black:nth-child(even) { border-right: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-solid-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-dashed-black { border-top: dashed 1px var(--black); } .theme[data-theme=light] .border-top-m-dotted-black { border-top: dotted 1px var(--black); } .theme[data-theme=light] .border-top-m-0-black { border-top: solid 0px var(--black); } .theme[data-theme=light] .border-top-m-0-solid-black { border-top: solid 0px var(--black); } .theme[data-theme=light] .border-top-m-0-dashed-black { border-top: dashed 0px var(--black); } .theme[data-theme=light] .border-top-m-0-dotted-black { border-top: dotted 0px var(--black); } .theme[data-theme=light] .border-top-m-0-5-black { border-top: solid 0.5px var(--black); } .theme[data-theme=light] .border-top-m-0-5-solid-black { border-top: solid 0.5px var(--black); } .theme[data-theme=light] .border-top-m-0-5-dashed-black { border-top: dashed 0.5px var(--black); } .theme[data-theme=light] .border-top-m-0-5-dotted-black { border-top: dotted 0.5px var(--black); } .theme[data-theme=light] .border-top-m-1-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-1-solid-black { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-1-dashed-black { border-top: dashed 1px var(--black); } .theme[data-theme=light] .border-top-m-1-dotted-black { border-top: dotted 1px var(--black); } .theme[data-theme=light] .border-top-m-1-5-black { border-top: solid 1.5px var(--black); } .theme[data-theme=light] .border-top-m-1-5-solid-black { border-top: solid 1.5px var(--black); } .theme[data-theme=light] .border-top-m-1-5-dashed-black { border-top: dashed 1.5px var(--black); } .theme[data-theme=light] .border-top-m-1-5-dotted-black { border-top: dotted 1.5px var(--black); } .theme[data-theme=light] .border-top-m-2-black { border-top: solid 2px var(--black); } .theme[data-theme=light] .border-top-m-2-solid-black { border-top: solid 2px var(--black); } .theme[data-theme=light] .border-top-m-2-dashed-black { border-top: dashed 2px var(--black); } .theme[data-theme=light] .border-top-m-2-dotted-black { border-top: dotted 2px var(--black); } .theme[data-theme=light] .border-top-m-2-5-black { border-top: solid 2.5px var(--black); } .theme[data-theme=light] .border-top-m-2-5-solid-black { border-top: solid 2.5px var(--black); } .theme[data-theme=light] .border-top-m-2-5-dashed-black { border-top: dashed 2.5px var(--black); } .theme[data-theme=light] .border-top-m-2-5-dotted-black { border-top: dotted 2.5px var(--black); } .theme[data-theme=light] .border-top-m-3-black { border-top: solid 3px var(--black); } .theme[data-theme=light] .border-top-m-3-solid-black { border-top: solid 3px var(--black); } .theme[data-theme=light] .border-top-m-3-dashed-black { border-top: dashed 3px var(--black); } .theme[data-theme=light] .border-top-m-3-dotted-black { border-top: dotted 3px var(--black); } .theme[data-theme=light] .border-top-m-first-black:first-child { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-last-black:last-child { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-odd-black:nth-child(odd) { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-top-m-even-black:nth-child(even) { border-top: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-solid-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-dashed-black { border-bottom: dashed 1px var(--black); } .theme[data-theme=light] .border-bottom-m-dotted-black { border-bottom: dotted 1px var(--black); } .theme[data-theme=light] .border-bottom-m-0-black { border-bottom: solid 0px var(--black); } .theme[data-theme=light] .border-bottom-m-0-solid-black { border-bottom: solid 0px var(--black); } .theme[data-theme=light] .border-bottom-m-0-dashed-black { border-bottom: dashed 0px var(--black); } .theme[data-theme=light] .border-bottom-m-0-dotted-black { border-bottom: dotted 0px var(--black); } .theme[data-theme=light] .border-bottom-m-0-5-black { border-bottom: solid 0.5px var(--black); } .theme[data-theme=light] .border-bottom-m-0-5-solid-black { border-bottom: solid 0.5px var(--black); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-black { border-bottom: dashed 0.5px var(--black); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-black { border-bottom: dotted 0.5px var(--black); } .theme[data-theme=light] .border-bottom-m-1-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-1-solid-black { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-1-dashed-black { border-bottom: dashed 1px var(--black); } .theme[data-theme=light] .border-bottom-m-1-dotted-black { border-bottom: dotted 1px var(--black); } .theme[data-theme=light] .border-bottom-m-1-5-black { border-bottom: solid 1.5px var(--black); } .theme[data-theme=light] .border-bottom-m-1-5-solid-black { border-bottom: solid 1.5px var(--black); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-black { border-bottom: dashed 1.5px var(--black); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-black { border-bottom: dotted 1.5px var(--black); } .theme[data-theme=light] .border-bottom-m-2-black { border-bottom: solid 2px var(--black); } .theme[data-theme=light] .border-bottom-m-2-solid-black { border-bottom: solid 2px var(--black); } .theme[data-theme=light] .border-bottom-m-2-dashed-black { border-bottom: dashed 2px var(--black); } .theme[data-theme=light] .border-bottom-m-2-dotted-black { border-bottom: dotted 2px var(--black); } .theme[data-theme=light] .border-bottom-m-2-5-black { border-bottom: solid 2.5px var(--black); } .theme[data-theme=light] .border-bottom-m-2-5-solid-black { border-bottom: solid 2.5px var(--black); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-black { border-bottom: dashed 2.5px var(--black); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-black { border-bottom: dotted 2.5px var(--black); } .theme[data-theme=light] .border-bottom-m-3-black { border-bottom: solid 3px var(--black); } .theme[data-theme=light] .border-bottom-m-3-solid-black { border-bottom: solid 3px var(--black); } .theme[data-theme=light] .border-bottom-m-3-dashed-black { border-bottom: dashed 3px var(--black); } .theme[data-theme=light] .border-bottom-m-3-dotted-black { border-bottom: dotted 3px var(--black); } .theme[data-theme=light] .border-bottom-m-first-black:first-child { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-last-black:last-child { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-odd-black:nth-child(odd) { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-bottom-m-even-black:nth-child(even) { border-bottom: solid 1px var(--black); } .theme[data-theme=light] .border-left-m-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-solid-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-light-gray { border-left: solid 0px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-solid-light-gray { border-left: solid 0px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-dashed-light-gray { border-left: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-dotted-light-gray { border-left: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-5-light-gray { border-left: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-5-solid-light-gray { border-left: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-5-dashed-light-gray { border-left: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-0-5-dotted-light-gray { border-left: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-solid-light-gray { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-dashed-light-gray { border-left: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-dotted-light-gray { border-left: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-5-light-gray { border-left: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-5-solid-light-gray { border-left: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-5-dashed-light-gray { border-left: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-1-5-dotted-light-gray { border-left: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-light-gray { border-left: solid 2px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-solid-light-gray { border-left: solid 2px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-dashed-light-gray { border-left: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-dotted-light-gray { border-left: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-5-light-gray { border-left: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-5-solid-light-gray { border-left: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-5-dashed-light-gray { border-left: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-2-5-dotted-light-gray { border-left: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-left-m-3-light-gray { border-left: solid 3px var(--light-gray); } .theme[data-theme=light] .border-left-m-3-solid-light-gray { border-left: solid 3px var(--light-gray); } .theme[data-theme=light] .border-left-m-3-dashed-light-gray { border-left: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-left-m-3-dotted-light-gray { border-left: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-left-m-first-light-gray:first-child { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-last-light-gray:last-child { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-odd-light-gray:nth-child(odd) { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-even-light-gray:nth-child(even) { border-left: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-solid-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-light-gray { border-right: solid 0px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-solid-light-gray { border-right: solid 0px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-dashed-light-gray { border-right: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-dotted-light-gray { border-right: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-5-light-gray { border-right: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-5-solid-light-gray { border-right: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-5-dashed-light-gray { border-right: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-0-5-dotted-light-gray { border-right: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-solid-light-gray { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-dashed-light-gray { border-right: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-dotted-light-gray { border-right: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-5-light-gray { border-right: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-5-solid-light-gray { border-right: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-5-dashed-light-gray { border-right: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-1-5-dotted-light-gray { border-right: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-light-gray { border-right: solid 2px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-solid-light-gray { border-right: solid 2px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-dashed-light-gray { border-right: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-dotted-light-gray { border-right: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-5-light-gray { border-right: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-5-solid-light-gray { border-right: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-5-dashed-light-gray { border-right: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-2-5-dotted-light-gray { border-right: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-right-m-3-light-gray { border-right: solid 3px var(--light-gray); } .theme[data-theme=light] .border-right-m-3-solid-light-gray { border-right: solid 3px var(--light-gray); } .theme[data-theme=light] .border-right-m-3-dashed-light-gray { border-right: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-right-m-3-dotted-light-gray { border-right: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-right-m-first-light-gray:first-child { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-last-light-gray:last-child { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-odd-light-gray:nth-child(odd) { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-right-m-even-light-gray:nth-child(even) { border-right: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-solid-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-light-gray { border-top: solid 0px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-solid-light-gray { border-top: solid 0px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-dashed-light-gray { border-top: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-dotted-light-gray { border-top: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-5-light-gray { border-top: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-5-solid-light-gray { border-top: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-5-dashed-light-gray { border-top: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-0-5-dotted-light-gray { border-top: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-solid-light-gray { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-dashed-light-gray { border-top: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-dotted-light-gray { border-top: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-5-light-gray { border-top: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-5-solid-light-gray { border-top: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-5-dashed-light-gray { border-top: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-1-5-dotted-light-gray { border-top: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-light-gray { border-top: solid 2px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-solid-light-gray { border-top: solid 2px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-dashed-light-gray { border-top: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-dotted-light-gray { border-top: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-5-light-gray { border-top: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-5-solid-light-gray { border-top: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-5-dashed-light-gray { border-top: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-2-5-dotted-light-gray { border-top: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-top-m-3-light-gray { border-top: solid 3px var(--light-gray); } .theme[data-theme=light] .border-top-m-3-solid-light-gray { border-top: solid 3px var(--light-gray); } .theme[data-theme=light] .border-top-m-3-dashed-light-gray { border-top: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-top-m-3-dotted-light-gray { border-top: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-top-m-first-light-gray:first-child { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-last-light-gray:last-child { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-odd-light-gray:nth-child(odd) { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-top-m-even-light-gray:nth-child(even) { border-top: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-light-gray { border-bottom: solid 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-solid-light-gray { border-bottom: solid 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-dashed-light-gray { border-bottom: dashed 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-dotted-light-gray { border-bottom: dotted 0px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-5-light-gray { border-bottom: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-5-solid-light-gray { border-bottom: solid 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-light-gray { border-bottom: dashed 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-light-gray { border-bottom: dotted 0.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-solid-light-gray { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-dashed-light-gray { border-bottom: dashed 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-dotted-light-gray { border-bottom: dotted 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-5-light-gray { border-bottom: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-5-solid-light-gray { border-bottom: solid 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-light-gray { border-bottom: dashed 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-light-gray { border-bottom: dotted 1.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-light-gray { border-bottom: solid 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-solid-light-gray { border-bottom: solid 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-dashed-light-gray { border-bottom: dashed 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-dotted-light-gray { border-bottom: dotted 2px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-5-light-gray { border-bottom: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-5-solid-light-gray { border-bottom: solid 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-light-gray { border-bottom: dashed 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-light-gray { border-bottom: dotted 2.5px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-3-light-gray { border-bottom: solid 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-3-solid-light-gray { border-bottom: solid 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-3-dashed-light-gray { border-bottom: dashed 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-3-dotted-light-gray { border-bottom: dotted 3px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-first-light-gray:first-child { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-last-light-gray:last-child { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-odd-light-gray:nth-child(odd) { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-bottom-m-even-light-gray:nth-child(even) { border-bottom: solid 1px var(--light-gray); } .theme[data-theme=light] .border-left-m-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-solid-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-dashed-gray { border-left: dashed 1px var(--gray); } .theme[data-theme=light] .border-left-m-dotted-gray { border-left: dotted 1px var(--gray); } .theme[data-theme=light] .border-left-m-0-gray { border-left: solid 0px var(--gray); } .theme[data-theme=light] .border-left-m-0-solid-gray { border-left: solid 0px var(--gray); } .theme[data-theme=light] .border-left-m-0-dashed-gray { border-left: dashed 0px var(--gray); } .theme[data-theme=light] .border-left-m-0-dotted-gray { border-left: dotted 0px var(--gray); } .theme[data-theme=light] .border-left-m-0-5-gray { border-left: solid 0.5px var(--gray); } .theme[data-theme=light] .border-left-m-0-5-solid-gray { border-left: solid 0.5px var(--gray); } .theme[data-theme=light] .border-left-m-0-5-dashed-gray { border-left: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-left-m-0-5-dotted-gray { border-left: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-left-m-1-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-1-solid-gray { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-1-dashed-gray { border-left: dashed 1px var(--gray); } .theme[data-theme=light] .border-left-m-1-dotted-gray { border-left: dotted 1px var(--gray); } .theme[data-theme=light] .border-left-m-1-5-gray { border-left: solid 1.5px var(--gray); } .theme[data-theme=light] .border-left-m-1-5-solid-gray { border-left: solid 1.5px var(--gray); } .theme[data-theme=light] .border-left-m-1-5-dashed-gray { border-left: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-left-m-1-5-dotted-gray { border-left: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-left-m-2-gray { border-left: solid 2px var(--gray); } .theme[data-theme=light] .border-left-m-2-solid-gray { border-left: solid 2px var(--gray); } .theme[data-theme=light] .border-left-m-2-dashed-gray { border-left: dashed 2px var(--gray); } .theme[data-theme=light] .border-left-m-2-dotted-gray { border-left: dotted 2px var(--gray); } .theme[data-theme=light] .border-left-m-2-5-gray { border-left: solid 2.5px var(--gray); } .theme[data-theme=light] .border-left-m-2-5-solid-gray { border-left: solid 2.5px var(--gray); } .theme[data-theme=light] .border-left-m-2-5-dashed-gray { border-left: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-left-m-2-5-dotted-gray { border-left: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-left-m-3-gray { border-left: solid 3px var(--gray); } .theme[data-theme=light] .border-left-m-3-solid-gray { border-left: solid 3px var(--gray); } .theme[data-theme=light] .border-left-m-3-dashed-gray { border-left: dashed 3px var(--gray); } .theme[data-theme=light] .border-left-m-3-dotted-gray { border-left: dotted 3px var(--gray); } .theme[data-theme=light] .border-left-m-first-gray:first-child { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-last-gray:last-child { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-odd-gray:nth-child(odd) { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-even-gray:nth-child(even) { border-left: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-solid-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-dashed-gray { border-right: dashed 1px var(--gray); } .theme[data-theme=light] .border-right-m-dotted-gray { border-right: dotted 1px var(--gray); } .theme[data-theme=light] .border-right-m-0-gray { border-right: solid 0px var(--gray); } .theme[data-theme=light] .border-right-m-0-solid-gray { border-right: solid 0px var(--gray); } .theme[data-theme=light] .border-right-m-0-dashed-gray { border-right: dashed 0px var(--gray); } .theme[data-theme=light] .border-right-m-0-dotted-gray { border-right: dotted 0px var(--gray); } .theme[data-theme=light] .border-right-m-0-5-gray { border-right: solid 0.5px var(--gray); } .theme[data-theme=light] .border-right-m-0-5-solid-gray { border-right: solid 0.5px var(--gray); } .theme[data-theme=light] .border-right-m-0-5-dashed-gray { border-right: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-right-m-0-5-dotted-gray { border-right: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-right-m-1-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-1-solid-gray { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-1-dashed-gray { border-right: dashed 1px var(--gray); } .theme[data-theme=light] .border-right-m-1-dotted-gray { border-right: dotted 1px var(--gray); } .theme[data-theme=light] .border-right-m-1-5-gray { border-right: solid 1.5px var(--gray); } .theme[data-theme=light] .border-right-m-1-5-solid-gray { border-right: solid 1.5px var(--gray); } .theme[data-theme=light] .border-right-m-1-5-dashed-gray { border-right: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-right-m-1-5-dotted-gray { border-right: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-right-m-2-gray { border-right: solid 2px var(--gray); } .theme[data-theme=light] .border-right-m-2-solid-gray { border-right: solid 2px var(--gray); } .theme[data-theme=light] .border-right-m-2-dashed-gray { border-right: dashed 2px var(--gray); } .theme[data-theme=light] .border-right-m-2-dotted-gray { border-right: dotted 2px var(--gray); } .theme[data-theme=light] .border-right-m-2-5-gray { border-right: solid 2.5px var(--gray); } .theme[data-theme=light] .border-right-m-2-5-solid-gray { border-right: solid 2.5px var(--gray); } .theme[data-theme=light] .border-right-m-2-5-dashed-gray { border-right: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-right-m-2-5-dotted-gray { border-right: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-right-m-3-gray { border-right: solid 3px var(--gray); } .theme[data-theme=light] .border-right-m-3-solid-gray { border-right: solid 3px var(--gray); } .theme[data-theme=light] .border-right-m-3-dashed-gray { border-right: dashed 3px var(--gray); } .theme[data-theme=light] .border-right-m-3-dotted-gray { border-right: dotted 3px var(--gray); } .theme[data-theme=light] .border-right-m-first-gray:first-child { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-last-gray:last-child { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-odd-gray:nth-child(odd) { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-right-m-even-gray:nth-child(even) { border-right: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-solid-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-dashed-gray { border-top: dashed 1px var(--gray); } .theme[data-theme=light] .border-top-m-dotted-gray { border-top: dotted 1px var(--gray); } .theme[data-theme=light] .border-top-m-0-gray { border-top: solid 0px var(--gray); } .theme[data-theme=light] .border-top-m-0-solid-gray { border-top: solid 0px var(--gray); } .theme[data-theme=light] .border-top-m-0-dashed-gray { border-top: dashed 0px var(--gray); } .theme[data-theme=light] .border-top-m-0-dotted-gray { border-top: dotted 0px var(--gray); } .theme[data-theme=light] .border-top-m-0-5-gray { border-top: solid 0.5px var(--gray); } .theme[data-theme=light] .border-top-m-0-5-solid-gray { border-top: solid 0.5px var(--gray); } .theme[data-theme=light] .border-top-m-0-5-dashed-gray { border-top: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-top-m-0-5-dotted-gray { border-top: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-top-m-1-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-1-solid-gray { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-1-dashed-gray { border-top: dashed 1px var(--gray); } .theme[data-theme=light] .border-top-m-1-dotted-gray { border-top: dotted 1px var(--gray); } .theme[data-theme=light] .border-top-m-1-5-gray { border-top: solid 1.5px var(--gray); } .theme[data-theme=light] .border-top-m-1-5-solid-gray { border-top: solid 1.5px var(--gray); } .theme[data-theme=light] .border-top-m-1-5-dashed-gray { border-top: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-top-m-1-5-dotted-gray { border-top: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-top-m-2-gray { border-top: solid 2px var(--gray); } .theme[data-theme=light] .border-top-m-2-solid-gray { border-top: solid 2px var(--gray); } .theme[data-theme=light] .border-top-m-2-dashed-gray { border-top: dashed 2px var(--gray); } .theme[data-theme=light] .border-top-m-2-dotted-gray { border-top: dotted 2px var(--gray); } .theme[data-theme=light] .border-top-m-2-5-gray { border-top: solid 2.5px var(--gray); } .theme[data-theme=light] .border-top-m-2-5-solid-gray { border-top: solid 2.5px var(--gray); } .theme[data-theme=light] .border-top-m-2-5-dashed-gray { border-top: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-top-m-2-5-dotted-gray { border-top: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-top-m-3-gray { border-top: solid 3px var(--gray); } .theme[data-theme=light] .border-top-m-3-solid-gray { border-top: solid 3px var(--gray); } .theme[data-theme=light] .border-top-m-3-dashed-gray { border-top: dashed 3px var(--gray); } .theme[data-theme=light] .border-top-m-3-dotted-gray { border-top: dotted 3px var(--gray); } .theme[data-theme=light] .border-top-m-first-gray:first-child { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-last-gray:last-child { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-odd-gray:nth-child(odd) { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-top-m-even-gray:nth-child(even) { border-top: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-solid-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-dashed-gray { border-bottom: dashed 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-dotted-gray { border-bottom: dotted 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-gray { border-bottom: solid 0px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-solid-gray { border-bottom: solid 0px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-dashed-gray { border-bottom: dashed 0px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-dotted-gray { border-bottom: dotted 0px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-5-gray { border-bottom: solid 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-5-solid-gray { border-bottom: solid 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-gray { border-bottom: dashed 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-gray { border-bottom: dotted 0.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-solid-gray { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-dashed-gray { border-bottom: dashed 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-dotted-gray { border-bottom: dotted 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-5-gray { border-bottom: solid 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-5-solid-gray { border-bottom: solid 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-gray { border-bottom: dashed 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-gray { border-bottom: dotted 1.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-gray { border-bottom: solid 2px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-solid-gray { border-bottom: solid 2px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-dashed-gray { border-bottom: dashed 2px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-dotted-gray { border-bottom: dotted 2px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-5-gray { border-bottom: solid 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-5-solid-gray { border-bottom: solid 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-gray { border-bottom: dashed 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-gray { border-bottom: dotted 2.5px var(--gray); } .theme[data-theme=light] .border-bottom-m-3-gray { border-bottom: solid 3px var(--gray); } .theme[data-theme=light] .border-bottom-m-3-solid-gray { border-bottom: solid 3px var(--gray); } .theme[data-theme=light] .border-bottom-m-3-dashed-gray { border-bottom: dashed 3px var(--gray); } .theme[data-theme=light] .border-bottom-m-3-dotted-gray { border-bottom: dotted 3px var(--gray); } .theme[data-theme=light] .border-bottom-m-first-gray:first-child { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-last-gray:last-child { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-odd-gray:nth-child(odd) { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-bottom-m-even-gray:nth-child(even) { border-bottom: solid 1px var(--gray); } .theme[data-theme=light] .border-left-m-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-mid-gray { border-left: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-solid-mid-gray { border-left: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-dashed-mid-gray { border-left: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-dotted-mid-gray { border-left: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-5-mid-gray { border-left: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-5-solid-mid-gray { border-left: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-5-dashed-mid-gray { border-left: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-0-5-dotted-mid-gray { border-left: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-solid-mid-gray { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-dashed-mid-gray { border-left: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-dotted-mid-gray { border-left: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-5-mid-gray { border-left: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-5-solid-mid-gray { border-left: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-5-dashed-mid-gray { border-left: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-1-5-dotted-mid-gray { border-left: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-mid-gray { border-left: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-solid-mid-gray { border-left: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-dashed-mid-gray { border-left: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-dotted-mid-gray { border-left: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-5-mid-gray { border-left: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-5-solid-mid-gray { border-left: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-5-dashed-mid-gray { border-left: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-2-5-dotted-mid-gray { border-left: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-left-m-3-mid-gray { border-left: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-left-m-3-solid-mid-gray { border-left: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-left-m-3-dashed-mid-gray { border-left: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-left-m-3-dotted-mid-gray { border-left: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-left-m-first-mid-gray:first-child { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-last-mid-gray:last-child { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-odd-mid-gray:nth-child(odd) { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-even-mid-gray:nth-child(even) { border-left: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-mid-gray { border-right: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-solid-mid-gray { border-right: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-dashed-mid-gray { border-right: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-dotted-mid-gray { border-right: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-5-mid-gray { border-right: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-5-solid-mid-gray { border-right: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-5-dashed-mid-gray { border-right: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-0-5-dotted-mid-gray { border-right: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-solid-mid-gray { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-dashed-mid-gray { border-right: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-dotted-mid-gray { border-right: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-5-mid-gray { border-right: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-5-solid-mid-gray { border-right: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-5-dashed-mid-gray { border-right: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-1-5-dotted-mid-gray { border-right: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-mid-gray { border-right: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-solid-mid-gray { border-right: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-dashed-mid-gray { border-right: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-dotted-mid-gray { border-right: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-5-mid-gray { border-right: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-5-solid-mid-gray { border-right: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-5-dashed-mid-gray { border-right: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-2-5-dotted-mid-gray { border-right: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-right-m-3-mid-gray { border-right: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-right-m-3-solid-mid-gray { border-right: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-right-m-3-dashed-mid-gray { border-right: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-right-m-3-dotted-mid-gray { border-right: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-right-m-first-mid-gray:first-child { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-last-mid-gray:last-child { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-odd-mid-gray:nth-child(odd) { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-right-m-even-mid-gray:nth-child(even) { border-right: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-mid-gray { border-top: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-solid-mid-gray { border-top: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-dashed-mid-gray { border-top: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-dotted-mid-gray { border-top: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-5-mid-gray { border-top: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-5-solid-mid-gray { border-top: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-5-dashed-mid-gray { border-top: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-0-5-dotted-mid-gray { border-top: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-solid-mid-gray { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-dashed-mid-gray { border-top: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-dotted-mid-gray { border-top: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-5-mid-gray { border-top: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-5-solid-mid-gray { border-top: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-5-dashed-mid-gray { border-top: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-1-5-dotted-mid-gray { border-top: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-mid-gray { border-top: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-solid-mid-gray { border-top: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-dashed-mid-gray { border-top: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-dotted-mid-gray { border-top: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-5-mid-gray { border-top: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-5-solid-mid-gray { border-top: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-5-dashed-mid-gray { border-top: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-2-5-dotted-mid-gray { border-top: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-top-m-3-mid-gray { border-top: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-top-m-3-solid-mid-gray { border-top: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-top-m-3-dashed-mid-gray { border-top: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-top-m-3-dotted-mid-gray { border-top: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-top-m-first-mid-gray:first-child { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-last-mid-gray:last-child { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-odd-mid-gray:nth-child(odd) { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-top-m-even-mid-gray:nth-child(even) { border-top: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-mid-gray { border-bottom: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-solid-mid-gray { border-bottom: solid 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-dashed-mid-gray { border-bottom: dashed 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-dotted-mid-gray { border-bottom: dotted 0px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-5-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-5-solid-mid-gray { border-bottom: solid 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-mid-gray { border-bottom: dashed 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-mid-gray { border-bottom: dotted 0.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-solid-mid-gray { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-dashed-mid-gray { border-bottom: dashed 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-dotted-mid-gray { border-bottom: dotted 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-5-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-5-solid-mid-gray { border-bottom: solid 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-mid-gray { border-bottom: dashed 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-mid-gray { border-bottom: dotted 1.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-mid-gray { border-bottom: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-solid-mid-gray { border-bottom: solid 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-dashed-mid-gray { border-bottom: dashed 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-dotted-mid-gray { border-bottom: dotted 2px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-5-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-5-solid-mid-gray { border-bottom: solid 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-mid-gray { border-bottom: dashed 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-mid-gray { border-bottom: dotted 2.5px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-3-mid-gray { border-bottom: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-3-solid-mid-gray { border-bottom: solid 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-3-dashed-mid-gray { border-bottom: dashed 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-3-dotted-mid-gray { border-bottom: dotted 3px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-first-mid-gray:first-child { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-last-mid-gray:last-child { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-odd-mid-gray:nth-child(odd) { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-bottom-m-even-mid-gray:nth-child(even) { border-bottom: solid 1px var(--mid-gray); } .theme[data-theme=light] .border-left-m-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-dark-gray { border-left: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-solid-dark-gray { border-left: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-dashed-dark-gray { border-left: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-dotted-dark-gray { border-left: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-5-dark-gray { border-left: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-5-solid-dark-gray { border-left: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-5-dashed-dark-gray { border-left: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-0-5-dotted-dark-gray { border-left: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-solid-dark-gray { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-dashed-dark-gray { border-left: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-dotted-dark-gray { border-left: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-5-dark-gray { border-left: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-5-solid-dark-gray { border-left: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-5-dashed-dark-gray { border-left: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-1-5-dotted-dark-gray { border-left: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-dark-gray { border-left: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-solid-dark-gray { border-left: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-dashed-dark-gray { border-left: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-dotted-dark-gray { border-left: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-5-dark-gray { border-left: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-5-solid-dark-gray { border-left: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-5-dashed-dark-gray { border-left: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-2-5-dotted-dark-gray { border-left: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-left-m-3-dark-gray { border-left: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-left-m-3-solid-dark-gray { border-left: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-left-m-3-dashed-dark-gray { border-left: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-left-m-3-dotted-dark-gray { border-left: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-left-m-first-dark-gray:first-child { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-last-dark-gray:last-child { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-odd-dark-gray:nth-child(odd) { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-even-dark-gray:nth-child(even) { border-left: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-dark-gray { border-right: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-solid-dark-gray { border-right: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-dashed-dark-gray { border-right: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-dotted-dark-gray { border-right: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-5-dark-gray { border-right: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-5-solid-dark-gray { border-right: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-5-dashed-dark-gray { border-right: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-0-5-dotted-dark-gray { border-right: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-solid-dark-gray { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-dashed-dark-gray { border-right: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-dotted-dark-gray { border-right: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-5-dark-gray { border-right: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-5-solid-dark-gray { border-right: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-5-dashed-dark-gray { border-right: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-1-5-dotted-dark-gray { border-right: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-dark-gray { border-right: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-solid-dark-gray { border-right: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-dashed-dark-gray { border-right: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-dotted-dark-gray { border-right: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-5-dark-gray { border-right: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-5-solid-dark-gray { border-right: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-5-dashed-dark-gray { border-right: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-2-5-dotted-dark-gray { border-right: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-right-m-3-dark-gray { border-right: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-right-m-3-solid-dark-gray { border-right: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-right-m-3-dashed-dark-gray { border-right: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-right-m-3-dotted-dark-gray { border-right: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-right-m-first-dark-gray:first-child { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-last-dark-gray:last-child { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-odd-dark-gray:nth-child(odd) { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-right-m-even-dark-gray:nth-child(even) { border-right: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-dark-gray { border-top: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-solid-dark-gray { border-top: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-dashed-dark-gray { border-top: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-dotted-dark-gray { border-top: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-5-dark-gray { border-top: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-5-solid-dark-gray { border-top: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-5-dashed-dark-gray { border-top: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-0-5-dotted-dark-gray { border-top: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-solid-dark-gray { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-dashed-dark-gray { border-top: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-dotted-dark-gray { border-top: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-5-dark-gray { border-top: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-5-solid-dark-gray { border-top: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-5-dashed-dark-gray { border-top: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-1-5-dotted-dark-gray { border-top: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-dark-gray { border-top: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-solid-dark-gray { border-top: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-dashed-dark-gray { border-top: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-dotted-dark-gray { border-top: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-5-dark-gray { border-top: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-5-solid-dark-gray { border-top: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-5-dashed-dark-gray { border-top: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-2-5-dotted-dark-gray { border-top: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-top-m-3-dark-gray { border-top: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-top-m-3-solid-dark-gray { border-top: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-top-m-3-dashed-dark-gray { border-top: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-top-m-3-dotted-dark-gray { border-top: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-top-m-first-dark-gray:first-child { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-last-dark-gray:last-child { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-odd-dark-gray:nth-child(odd) { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-top-m-even-dark-gray:nth-child(even) { border-top: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-dark-gray { border-bottom: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-solid-dark-gray { border-bottom: solid 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-dashed-dark-gray { border-bottom: dashed 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-dotted-dark-gray { border-bottom: dotted 0px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-5-solid-dark-gray { border-bottom: solid 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-dark-gray { border-bottom: dashed 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-dark-gray { border-bottom: dotted 0.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-solid-dark-gray { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-dashed-dark-gray { border-bottom: dashed 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-dotted-dark-gray { border-bottom: dotted 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-5-solid-dark-gray { border-bottom: solid 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-dark-gray { border-bottom: dashed 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-dark-gray { border-bottom: dotted 1.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-dark-gray { border-bottom: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-solid-dark-gray { border-bottom: solid 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-dashed-dark-gray { border-bottom: dashed 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-dotted-dark-gray { border-bottom: dotted 2px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-5-solid-dark-gray { border-bottom: solid 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-dark-gray { border-bottom: dashed 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-dark-gray { border-bottom: dotted 2.5px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-3-dark-gray { border-bottom: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-3-solid-dark-gray { border-bottom: solid 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-3-dashed-dark-gray { border-bottom: dashed 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-3-dotted-dark-gray { border-bottom: dotted 3px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-first-dark-gray:first-child { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-last-dark-gray:last-child { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-odd-dark-gray:nth-child(odd) { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-bottom-m-even-dark-gray:nth-child(even) { border-bottom: solid 1px var(--dark-gray); } .theme[data-theme=light] .border-left-m-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-solid-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-dashed-body-background { border-left: dashed 1px var(--body-background); } .theme[data-theme=light] .border-left-m-dotted-body-background { border-left: dotted 1px var(--body-background); } .theme[data-theme=light] .border-left-m-0-body-background { border-left: solid 0px var(--body-background); } .theme[data-theme=light] .border-left-m-0-solid-body-background { border-left: solid 0px var(--body-background); } .theme[data-theme=light] .border-left-m-0-dashed-body-background { border-left: dashed 0px var(--body-background); } .theme[data-theme=light] .border-left-m-0-dotted-body-background { border-left: dotted 0px var(--body-background); } .theme[data-theme=light] .border-left-m-0-5-body-background { border-left: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-left-m-0-5-solid-body-background { border-left: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-left-m-0-5-dashed-body-background { border-left: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-left-m-0-5-dotted-body-background { border-left: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-left-m-1-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-1-solid-body-background { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-1-dashed-body-background { border-left: dashed 1px var(--body-background); } .theme[data-theme=light] .border-left-m-1-dotted-body-background { border-left: dotted 1px var(--body-background); } .theme[data-theme=light] .border-left-m-1-5-body-background { border-left: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-left-m-1-5-solid-body-background { border-left: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-left-m-1-5-dashed-body-background { border-left: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-left-m-1-5-dotted-body-background { border-left: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-left-m-2-body-background { border-left: solid 2px var(--body-background); } .theme[data-theme=light] .border-left-m-2-solid-body-background { border-left: solid 2px var(--body-background); } .theme[data-theme=light] .border-left-m-2-dashed-body-background { border-left: dashed 2px var(--body-background); } .theme[data-theme=light] .border-left-m-2-dotted-body-background { border-left: dotted 2px var(--body-background); } .theme[data-theme=light] .border-left-m-2-5-body-background { border-left: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-left-m-2-5-solid-body-background { border-left: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-left-m-2-5-dashed-body-background { border-left: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-left-m-2-5-dotted-body-background { border-left: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-left-m-3-body-background { border-left: solid 3px var(--body-background); } .theme[data-theme=light] .border-left-m-3-solid-body-background { border-left: solid 3px var(--body-background); } .theme[data-theme=light] .border-left-m-3-dashed-body-background { border-left: dashed 3px var(--body-background); } .theme[data-theme=light] .border-left-m-3-dotted-body-background { border-left: dotted 3px var(--body-background); } .theme[data-theme=light] .border-left-m-first-body-background:first-child { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-last-body-background:last-child { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-odd-body-background:nth-child(odd) { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-even-body-background:nth-child(even) { border-left: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-solid-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-dashed-body-background { border-right: dashed 1px var(--body-background); } .theme[data-theme=light] .border-right-m-dotted-body-background { border-right: dotted 1px var(--body-background); } .theme[data-theme=light] .border-right-m-0-body-background { border-right: solid 0px var(--body-background); } .theme[data-theme=light] .border-right-m-0-solid-body-background { border-right: solid 0px var(--body-background); } .theme[data-theme=light] .border-right-m-0-dashed-body-background { border-right: dashed 0px var(--body-background); } .theme[data-theme=light] .border-right-m-0-dotted-body-background { border-right: dotted 0px var(--body-background); } .theme[data-theme=light] .border-right-m-0-5-body-background { border-right: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-right-m-0-5-solid-body-background { border-right: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-right-m-0-5-dashed-body-background { border-right: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-right-m-0-5-dotted-body-background { border-right: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-right-m-1-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-1-solid-body-background { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-1-dashed-body-background { border-right: dashed 1px var(--body-background); } .theme[data-theme=light] .border-right-m-1-dotted-body-background { border-right: dotted 1px var(--body-background); } .theme[data-theme=light] .border-right-m-1-5-body-background { border-right: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-right-m-1-5-solid-body-background { border-right: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-right-m-1-5-dashed-body-background { border-right: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-right-m-1-5-dotted-body-background { border-right: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-right-m-2-body-background { border-right: solid 2px var(--body-background); } .theme[data-theme=light] .border-right-m-2-solid-body-background { border-right: solid 2px var(--body-background); } .theme[data-theme=light] .border-right-m-2-dashed-body-background { border-right: dashed 2px var(--body-background); } .theme[data-theme=light] .border-right-m-2-dotted-body-background { border-right: dotted 2px var(--body-background); } .theme[data-theme=light] .border-right-m-2-5-body-background { border-right: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-right-m-2-5-solid-body-background { border-right: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-right-m-2-5-dashed-body-background { border-right: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-right-m-2-5-dotted-body-background { border-right: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-right-m-3-body-background { border-right: solid 3px var(--body-background); } .theme[data-theme=light] .border-right-m-3-solid-body-background { border-right: solid 3px var(--body-background); } .theme[data-theme=light] .border-right-m-3-dashed-body-background { border-right: dashed 3px var(--body-background); } .theme[data-theme=light] .border-right-m-3-dotted-body-background { border-right: dotted 3px var(--body-background); } .theme[data-theme=light] .border-right-m-first-body-background:first-child { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-last-body-background:last-child { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-odd-body-background:nth-child(odd) { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-right-m-even-body-background:nth-child(even) { border-right: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-solid-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-dashed-body-background { border-top: dashed 1px var(--body-background); } .theme[data-theme=light] .border-top-m-dotted-body-background { border-top: dotted 1px var(--body-background); } .theme[data-theme=light] .border-top-m-0-body-background { border-top: solid 0px var(--body-background); } .theme[data-theme=light] .border-top-m-0-solid-body-background { border-top: solid 0px var(--body-background); } .theme[data-theme=light] .border-top-m-0-dashed-body-background { border-top: dashed 0px var(--body-background); } .theme[data-theme=light] .border-top-m-0-dotted-body-background { border-top: dotted 0px var(--body-background); } .theme[data-theme=light] .border-top-m-0-5-body-background { border-top: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-top-m-0-5-solid-body-background { border-top: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-top-m-0-5-dashed-body-background { border-top: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-top-m-0-5-dotted-body-background { border-top: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-top-m-1-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-1-solid-body-background { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-1-dashed-body-background { border-top: dashed 1px var(--body-background); } .theme[data-theme=light] .border-top-m-1-dotted-body-background { border-top: dotted 1px var(--body-background); } .theme[data-theme=light] .border-top-m-1-5-body-background { border-top: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-top-m-1-5-solid-body-background { border-top: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-top-m-1-5-dashed-body-background { border-top: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-top-m-1-5-dotted-body-background { border-top: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-top-m-2-body-background { border-top: solid 2px var(--body-background); } .theme[data-theme=light] .border-top-m-2-solid-body-background { border-top: solid 2px var(--body-background); } .theme[data-theme=light] .border-top-m-2-dashed-body-background { border-top: dashed 2px var(--body-background); } .theme[data-theme=light] .border-top-m-2-dotted-body-background { border-top: dotted 2px var(--body-background); } .theme[data-theme=light] .border-top-m-2-5-body-background { border-top: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-top-m-2-5-solid-body-background { border-top: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-top-m-2-5-dashed-body-background { border-top: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-top-m-2-5-dotted-body-background { border-top: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-top-m-3-body-background { border-top: solid 3px var(--body-background); } .theme[data-theme=light] .border-top-m-3-solid-body-background { border-top: solid 3px var(--body-background); } .theme[data-theme=light] .border-top-m-3-dashed-body-background { border-top: dashed 3px var(--body-background); } .theme[data-theme=light] .border-top-m-3-dotted-body-background { border-top: dotted 3px var(--body-background); } .theme[data-theme=light] .border-top-m-first-body-background:first-child { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-last-body-background:last-child { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-odd-body-background:nth-child(odd) { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-top-m-even-body-background:nth-child(even) { border-top: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-solid-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-body-background { border-bottom: solid 0px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-solid-body-background { border-bottom: solid 0px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-dashed-body-background { border-bottom: dashed 0px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-dotted-body-background { border-bottom: dotted 0px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-5-body-background { border-bottom: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-5-solid-body-background { border-bottom: solid 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-body-background { border-bottom: dashed 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-body-background { border-bottom: dotted 0.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-solid-body-background { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-dashed-body-background { border-bottom: dashed 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-dotted-body-background { border-bottom: dotted 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-5-body-background { border-bottom: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-5-solid-body-background { border-bottom: solid 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-body-background { border-bottom: dashed 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-body-background { border-bottom: dotted 1.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-body-background { border-bottom: solid 2px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-solid-body-background { border-bottom: solid 2px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-dashed-body-background { border-bottom: dashed 2px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-dotted-body-background { border-bottom: dotted 2px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-5-body-background { border-bottom: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-5-solid-body-background { border-bottom: solid 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-body-background { border-bottom: dashed 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-body-background { border-bottom: dotted 2.5px var(--body-background); } .theme[data-theme=light] .border-bottom-m-3-body-background { border-bottom: solid 3px var(--body-background); } .theme[data-theme=light] .border-bottom-m-3-solid-body-background { border-bottom: solid 3px var(--body-background); } .theme[data-theme=light] .border-bottom-m-3-dashed-body-background { border-bottom: dashed 3px var(--body-background); } .theme[data-theme=light] .border-bottom-m-3-dotted-body-background { border-bottom: dotted 3px var(--body-background); } .theme[data-theme=light] .border-bottom-m-first-body-background:first-child { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-last-body-background:last-child { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-odd-body-background:nth-child(odd) { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-bottom-m-even-body-background:nth-child(even) { border-bottom: solid 1px var(--body-background); } .theme[data-theme=light] .border-left-m-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-solid-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-dashed-header-background { border-left: dashed 1px var(--header-background); } .theme[data-theme=light] .border-left-m-dotted-header-background { border-left: dotted 1px var(--header-background); } .theme[data-theme=light] .border-left-m-0-header-background { border-left: solid 0px var(--header-background); } .theme[data-theme=light] .border-left-m-0-solid-header-background { border-left: solid 0px var(--header-background); } .theme[data-theme=light] .border-left-m-0-dashed-header-background { border-left: dashed 0px var(--header-background); } .theme[data-theme=light] .border-left-m-0-dotted-header-background { border-left: dotted 0px var(--header-background); } .theme[data-theme=light] .border-left-m-0-5-header-background { border-left: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-left-m-0-5-solid-header-background { border-left: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-left-m-0-5-dashed-header-background { border-left: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-left-m-0-5-dotted-header-background { border-left: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-left-m-1-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-1-solid-header-background { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-1-dashed-header-background { border-left: dashed 1px var(--header-background); } .theme[data-theme=light] .border-left-m-1-dotted-header-background { border-left: dotted 1px var(--header-background); } .theme[data-theme=light] .border-left-m-1-5-header-background { border-left: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-left-m-1-5-solid-header-background { border-left: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-left-m-1-5-dashed-header-background { border-left: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-left-m-1-5-dotted-header-background { border-left: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-left-m-2-header-background { border-left: solid 2px var(--header-background); } .theme[data-theme=light] .border-left-m-2-solid-header-background { border-left: solid 2px var(--header-background); } .theme[data-theme=light] .border-left-m-2-dashed-header-background { border-left: dashed 2px var(--header-background); } .theme[data-theme=light] .border-left-m-2-dotted-header-background { border-left: dotted 2px var(--header-background); } .theme[data-theme=light] .border-left-m-2-5-header-background { border-left: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-left-m-2-5-solid-header-background { border-left: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-left-m-2-5-dashed-header-background { border-left: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-left-m-2-5-dotted-header-background { border-left: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-left-m-3-header-background { border-left: solid 3px var(--header-background); } .theme[data-theme=light] .border-left-m-3-solid-header-background { border-left: solid 3px var(--header-background); } .theme[data-theme=light] .border-left-m-3-dashed-header-background { border-left: dashed 3px var(--header-background); } .theme[data-theme=light] .border-left-m-3-dotted-header-background { border-left: dotted 3px var(--header-background); } .theme[data-theme=light] .border-left-m-first-header-background:first-child { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-last-header-background:last-child { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-odd-header-background:nth-child(odd) { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-even-header-background:nth-child(even) { border-left: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-solid-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-dashed-header-background { border-right: dashed 1px var(--header-background); } .theme[data-theme=light] .border-right-m-dotted-header-background { border-right: dotted 1px var(--header-background); } .theme[data-theme=light] .border-right-m-0-header-background { border-right: solid 0px var(--header-background); } .theme[data-theme=light] .border-right-m-0-solid-header-background { border-right: solid 0px var(--header-background); } .theme[data-theme=light] .border-right-m-0-dashed-header-background { border-right: dashed 0px var(--header-background); } .theme[data-theme=light] .border-right-m-0-dotted-header-background { border-right: dotted 0px var(--header-background); } .theme[data-theme=light] .border-right-m-0-5-header-background { border-right: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-right-m-0-5-solid-header-background { border-right: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-right-m-0-5-dashed-header-background { border-right: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-right-m-0-5-dotted-header-background { border-right: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-right-m-1-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-1-solid-header-background { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-1-dashed-header-background { border-right: dashed 1px var(--header-background); } .theme[data-theme=light] .border-right-m-1-dotted-header-background { border-right: dotted 1px var(--header-background); } .theme[data-theme=light] .border-right-m-1-5-header-background { border-right: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-right-m-1-5-solid-header-background { border-right: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-right-m-1-5-dashed-header-background { border-right: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-right-m-1-5-dotted-header-background { border-right: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-right-m-2-header-background { border-right: solid 2px var(--header-background); } .theme[data-theme=light] .border-right-m-2-solid-header-background { border-right: solid 2px var(--header-background); } .theme[data-theme=light] .border-right-m-2-dashed-header-background { border-right: dashed 2px var(--header-background); } .theme[data-theme=light] .border-right-m-2-dotted-header-background { border-right: dotted 2px var(--header-background); } .theme[data-theme=light] .border-right-m-2-5-header-background { border-right: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-right-m-2-5-solid-header-background { border-right: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-right-m-2-5-dashed-header-background { border-right: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-right-m-2-5-dotted-header-background { border-right: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-right-m-3-header-background { border-right: solid 3px var(--header-background); } .theme[data-theme=light] .border-right-m-3-solid-header-background { border-right: solid 3px var(--header-background); } .theme[data-theme=light] .border-right-m-3-dashed-header-background { border-right: dashed 3px var(--header-background); } .theme[data-theme=light] .border-right-m-3-dotted-header-background { border-right: dotted 3px var(--header-background); } .theme[data-theme=light] .border-right-m-first-header-background:first-child { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-last-header-background:last-child { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-odd-header-background:nth-child(odd) { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-right-m-even-header-background:nth-child(even) { border-right: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-solid-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-dashed-header-background { border-top: dashed 1px var(--header-background); } .theme[data-theme=light] .border-top-m-dotted-header-background { border-top: dotted 1px var(--header-background); } .theme[data-theme=light] .border-top-m-0-header-background { border-top: solid 0px var(--header-background); } .theme[data-theme=light] .border-top-m-0-solid-header-background { border-top: solid 0px var(--header-background); } .theme[data-theme=light] .border-top-m-0-dashed-header-background { border-top: dashed 0px var(--header-background); } .theme[data-theme=light] .border-top-m-0-dotted-header-background { border-top: dotted 0px var(--header-background); } .theme[data-theme=light] .border-top-m-0-5-header-background { border-top: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-top-m-0-5-solid-header-background { border-top: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-top-m-0-5-dashed-header-background { border-top: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-top-m-0-5-dotted-header-background { border-top: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-top-m-1-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-1-solid-header-background { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-1-dashed-header-background { border-top: dashed 1px var(--header-background); } .theme[data-theme=light] .border-top-m-1-dotted-header-background { border-top: dotted 1px var(--header-background); } .theme[data-theme=light] .border-top-m-1-5-header-background { border-top: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-top-m-1-5-solid-header-background { border-top: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-top-m-1-5-dashed-header-background { border-top: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-top-m-1-5-dotted-header-background { border-top: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-top-m-2-header-background { border-top: solid 2px var(--header-background); } .theme[data-theme=light] .border-top-m-2-solid-header-background { border-top: solid 2px var(--header-background); } .theme[data-theme=light] .border-top-m-2-dashed-header-background { border-top: dashed 2px var(--header-background); } .theme[data-theme=light] .border-top-m-2-dotted-header-background { border-top: dotted 2px var(--header-background); } .theme[data-theme=light] .border-top-m-2-5-header-background { border-top: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-top-m-2-5-solid-header-background { border-top: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-top-m-2-5-dashed-header-background { border-top: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-top-m-2-5-dotted-header-background { border-top: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-top-m-3-header-background { border-top: solid 3px var(--header-background); } .theme[data-theme=light] .border-top-m-3-solid-header-background { border-top: solid 3px var(--header-background); } .theme[data-theme=light] .border-top-m-3-dashed-header-background { border-top: dashed 3px var(--header-background); } .theme[data-theme=light] .border-top-m-3-dotted-header-background { border-top: dotted 3px var(--header-background); } .theme[data-theme=light] .border-top-m-first-header-background:first-child { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-last-header-background:last-child { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-odd-header-background:nth-child(odd) { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-top-m-even-header-background:nth-child(even) { border-top: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-solid-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-header-background { border-bottom: solid 0px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-solid-header-background { border-bottom: solid 0px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-dashed-header-background { border-bottom: dashed 0px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-dotted-header-background { border-bottom: dotted 0px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-5-header-background { border-bottom: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-5-solid-header-background { border-bottom: solid 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-header-background { border-bottom: dashed 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-header-background { border-bottom: dotted 0.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-solid-header-background { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-dashed-header-background { border-bottom: dashed 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-dotted-header-background { border-bottom: dotted 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-5-header-background { border-bottom: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-5-solid-header-background { border-bottom: solid 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-header-background { border-bottom: dashed 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-header-background { border-bottom: dotted 1.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-header-background { border-bottom: solid 2px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-solid-header-background { border-bottom: solid 2px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-dashed-header-background { border-bottom: dashed 2px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-dotted-header-background { border-bottom: dotted 2px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-5-header-background { border-bottom: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-5-solid-header-background { border-bottom: solid 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-header-background { border-bottom: dashed 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-header-background { border-bottom: dotted 2.5px var(--header-background); } .theme[data-theme=light] .border-bottom-m-3-header-background { border-bottom: solid 3px var(--header-background); } .theme[data-theme=light] .border-bottom-m-3-solid-header-background { border-bottom: solid 3px var(--header-background); } .theme[data-theme=light] .border-bottom-m-3-dashed-header-background { border-bottom: dashed 3px var(--header-background); } .theme[data-theme=light] .border-bottom-m-3-dotted-header-background { border-bottom: dotted 3px var(--header-background); } .theme[data-theme=light] .border-bottom-m-first-header-background:first-child { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-last-header-background:last-child { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-odd-header-background:nth-child(odd) { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-bottom-m-even-header-background:nth-child(even) { border-bottom: solid 1px var(--header-background); } .theme[data-theme=light] .border-left-m-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-solid-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-dashed-font-color { border-left: dashed 1px var(--font-color); } .theme[data-theme=light] .border-left-m-dotted-font-color { border-left: dotted 1px var(--font-color); } .theme[data-theme=light] .border-left-m-0-font-color { border-left: solid 0px var(--font-color); } .theme[data-theme=light] .border-left-m-0-solid-font-color { border-left: solid 0px var(--font-color); } .theme[data-theme=light] .border-left-m-0-dashed-font-color { border-left: dashed 0px var(--font-color); } .theme[data-theme=light] .border-left-m-0-dotted-font-color { border-left: dotted 0px var(--font-color); } .theme[data-theme=light] .border-left-m-0-5-font-color { border-left: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-left-m-0-5-solid-font-color { border-left: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-left-m-0-5-dashed-font-color { border-left: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-left-m-0-5-dotted-font-color { border-left: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-left-m-1-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-1-solid-font-color { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-1-dashed-font-color { border-left: dashed 1px var(--font-color); } .theme[data-theme=light] .border-left-m-1-dotted-font-color { border-left: dotted 1px var(--font-color); } .theme[data-theme=light] .border-left-m-1-5-font-color { border-left: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-left-m-1-5-solid-font-color { border-left: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-left-m-1-5-dashed-font-color { border-left: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-left-m-1-5-dotted-font-color { border-left: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-left-m-2-font-color { border-left: solid 2px var(--font-color); } .theme[data-theme=light] .border-left-m-2-solid-font-color { border-left: solid 2px var(--font-color); } .theme[data-theme=light] .border-left-m-2-dashed-font-color { border-left: dashed 2px var(--font-color); } .theme[data-theme=light] .border-left-m-2-dotted-font-color { border-left: dotted 2px var(--font-color); } .theme[data-theme=light] .border-left-m-2-5-font-color { border-left: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-left-m-2-5-solid-font-color { border-left: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-left-m-2-5-dashed-font-color { border-left: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-left-m-2-5-dotted-font-color { border-left: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-left-m-3-font-color { border-left: solid 3px var(--font-color); } .theme[data-theme=light] .border-left-m-3-solid-font-color { border-left: solid 3px var(--font-color); } .theme[data-theme=light] .border-left-m-3-dashed-font-color { border-left: dashed 3px var(--font-color); } .theme[data-theme=light] .border-left-m-3-dotted-font-color { border-left: dotted 3px var(--font-color); } .theme[data-theme=light] .border-left-m-first-font-color:first-child { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-last-font-color:last-child { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-odd-font-color:nth-child(odd) { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-even-font-color:nth-child(even) { border-left: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-solid-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-dashed-font-color { border-right: dashed 1px var(--font-color); } .theme[data-theme=light] .border-right-m-dotted-font-color { border-right: dotted 1px var(--font-color); } .theme[data-theme=light] .border-right-m-0-font-color { border-right: solid 0px var(--font-color); } .theme[data-theme=light] .border-right-m-0-solid-font-color { border-right: solid 0px var(--font-color); } .theme[data-theme=light] .border-right-m-0-dashed-font-color { border-right: dashed 0px var(--font-color); } .theme[data-theme=light] .border-right-m-0-dotted-font-color { border-right: dotted 0px var(--font-color); } .theme[data-theme=light] .border-right-m-0-5-font-color { border-right: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-right-m-0-5-solid-font-color { border-right: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-right-m-0-5-dashed-font-color { border-right: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-right-m-0-5-dotted-font-color { border-right: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-right-m-1-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-1-solid-font-color { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-1-dashed-font-color { border-right: dashed 1px var(--font-color); } .theme[data-theme=light] .border-right-m-1-dotted-font-color { border-right: dotted 1px var(--font-color); } .theme[data-theme=light] .border-right-m-1-5-font-color { border-right: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-right-m-1-5-solid-font-color { border-right: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-right-m-1-5-dashed-font-color { border-right: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-right-m-1-5-dotted-font-color { border-right: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-right-m-2-font-color { border-right: solid 2px var(--font-color); } .theme[data-theme=light] .border-right-m-2-solid-font-color { border-right: solid 2px var(--font-color); } .theme[data-theme=light] .border-right-m-2-dashed-font-color { border-right: dashed 2px var(--font-color); } .theme[data-theme=light] .border-right-m-2-dotted-font-color { border-right: dotted 2px var(--font-color); } .theme[data-theme=light] .border-right-m-2-5-font-color { border-right: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-right-m-2-5-solid-font-color { border-right: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-right-m-2-5-dashed-font-color { border-right: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-right-m-2-5-dotted-font-color { border-right: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-right-m-3-font-color { border-right: solid 3px var(--font-color); } .theme[data-theme=light] .border-right-m-3-solid-font-color { border-right: solid 3px var(--font-color); } .theme[data-theme=light] .border-right-m-3-dashed-font-color { border-right: dashed 3px var(--font-color); } .theme[data-theme=light] .border-right-m-3-dotted-font-color { border-right: dotted 3px var(--font-color); } .theme[data-theme=light] .border-right-m-first-font-color:first-child { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-last-font-color:last-child { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-odd-font-color:nth-child(odd) { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-right-m-even-font-color:nth-child(even) { border-right: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-solid-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-dashed-font-color { border-top: dashed 1px var(--font-color); } .theme[data-theme=light] .border-top-m-dotted-font-color { border-top: dotted 1px var(--font-color); } .theme[data-theme=light] .border-top-m-0-font-color { border-top: solid 0px var(--font-color); } .theme[data-theme=light] .border-top-m-0-solid-font-color { border-top: solid 0px var(--font-color); } .theme[data-theme=light] .border-top-m-0-dashed-font-color { border-top: dashed 0px var(--font-color); } .theme[data-theme=light] .border-top-m-0-dotted-font-color { border-top: dotted 0px var(--font-color); } .theme[data-theme=light] .border-top-m-0-5-font-color { border-top: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-top-m-0-5-solid-font-color { border-top: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-top-m-0-5-dashed-font-color { border-top: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-top-m-0-5-dotted-font-color { border-top: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-top-m-1-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-1-solid-font-color { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-1-dashed-font-color { border-top: dashed 1px var(--font-color); } .theme[data-theme=light] .border-top-m-1-dotted-font-color { border-top: dotted 1px var(--font-color); } .theme[data-theme=light] .border-top-m-1-5-font-color { border-top: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-top-m-1-5-solid-font-color { border-top: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-top-m-1-5-dashed-font-color { border-top: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-top-m-1-5-dotted-font-color { border-top: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-top-m-2-font-color { border-top: solid 2px var(--font-color); } .theme[data-theme=light] .border-top-m-2-solid-font-color { border-top: solid 2px var(--font-color); } .theme[data-theme=light] .border-top-m-2-dashed-font-color { border-top: dashed 2px var(--font-color); } .theme[data-theme=light] .border-top-m-2-dotted-font-color { border-top: dotted 2px var(--font-color); } .theme[data-theme=light] .border-top-m-2-5-font-color { border-top: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-top-m-2-5-solid-font-color { border-top: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-top-m-2-5-dashed-font-color { border-top: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-top-m-2-5-dotted-font-color { border-top: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-top-m-3-font-color { border-top: solid 3px var(--font-color); } .theme[data-theme=light] .border-top-m-3-solid-font-color { border-top: solid 3px var(--font-color); } .theme[data-theme=light] .border-top-m-3-dashed-font-color { border-top: dashed 3px var(--font-color); } .theme[data-theme=light] .border-top-m-3-dotted-font-color { border-top: dotted 3px var(--font-color); } .theme[data-theme=light] .border-top-m-first-font-color:first-child { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-last-font-color:last-child { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-odd-font-color:nth-child(odd) { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-top-m-even-font-color:nth-child(even) { border-top: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-solid-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-font-color { border-bottom: solid 0px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-solid-font-color { border-bottom: solid 0px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-dashed-font-color { border-bottom: dashed 0px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-dotted-font-color { border-bottom: dotted 0px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-5-font-color { border-bottom: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-5-solid-font-color { border-bottom: solid 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-5-dashed-font-color { border-bottom: dashed 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-0-5-dotted-font-color { border-bottom: dotted 0.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-solid-font-color { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-dashed-font-color { border-bottom: dashed 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-dotted-font-color { border-bottom: dotted 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-5-font-color { border-bottom: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-5-solid-font-color { border-bottom: solid 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-5-dashed-font-color { border-bottom: dashed 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-1-5-dotted-font-color { border-bottom: dotted 1.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-font-color { border-bottom: solid 2px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-solid-font-color { border-bottom: solid 2px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-dashed-font-color { border-bottom: dashed 2px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-dotted-font-color { border-bottom: dotted 2px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-5-font-color { border-bottom: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-5-solid-font-color { border-bottom: solid 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-5-dashed-font-color { border-bottom: dashed 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-2-5-dotted-font-color { border-bottom: dotted 2.5px var(--font-color); } .theme[data-theme=light] .border-bottom-m-3-font-color { border-bottom: solid 3px var(--font-color); } .theme[data-theme=light] .border-bottom-m-3-solid-font-color { border-bottom: solid 3px var(--font-color); } .theme[data-theme=light] .border-bottom-m-3-dashed-font-color { border-bottom: dashed 3px var(--font-color); } .theme[data-theme=light] .border-bottom-m-3-dotted-font-color { border-bottom: dotted 3px var(--font-color); } .theme[data-theme=light] .border-bottom-m-first-font-color:first-child { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-last-font-color:last-child { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-odd-font-color:nth-child(odd) { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-bottom-m-even-font-color:nth-child(even) { border-bottom: solid 1px var(--font-color); } .theme[data-theme=light] .border-left-m-first-none:first-child { border-left: none; } .theme[data-theme=light] .border-left-m-last-none:last-child { border-left: none; } .theme[data-theme=light] .border-left-m-odd-none:nth-child(odd) { border-left: none; } .theme[data-theme=light] .border-left-m-even-none:nth-child(even) { border-left: none; } .theme[data-theme=light] .border-right-m-first-none:first-child { border-right: none; } .theme[data-theme=light] .border-right-m-last-none:last-child { border-right: none; } .theme[data-theme=light] .border-right-m-odd-none:nth-child(odd) { border-right: none; } .theme[data-theme=light] .border-right-m-even-none:nth-child(even) { border-right: none; } .theme[data-theme=light] .border-top-m-first-none:first-child { border-top: none; } .theme[data-theme=light] .border-top-m-last-none:last-child { border-top: none; } .theme[data-theme=light] .border-top-m-odd-none:nth-child(odd) { border-top: none; } .theme[data-theme=light] .border-top-m-even-none:nth-child(even) { border-top: none; } .theme[data-theme=light] .border-bottom-m-first-none:first-child { border-bottom: none; } .theme[data-theme=light] .border-bottom-m-last-none:last-child { border-bottom: none; } .theme[data-theme=light] .border-bottom-m-odd-none:nth-child(odd) { border-bottom: none; } .theme[data-theme=light] .border-bottom-m-even-none:nth-child(even) { border-bottom: none; } .border-left-m-none, .border-left-m-0 { border-left: none; } .border-right-m-none, .border-right-m-0 { border-right: none; } .border-top-m-none, .border-top-m-0 { border-top: none; } .border-bottom-m-none, .border-bottom-m-0 { border-bottom: none; } } /* Cookies */ /*------------------------------------------------------------------------------------------------------------------------------ COOKIES ------------------------------------------------------------------------------------------------------------------------------*/ button#accept_cookie:before { content: ""; visibility: hidden; } .popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; overflow: auto; background: var(--white); font-size: 17px; position: fixed; z-index: 100000; visibility: hidden; opacity: 0; } .popup.visible { visibility: visible; animation-name: visible; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes visible { from { opacity: 0; } to { opacity: 1; } } .popup-wrapper { background: var(--white); max-width: 544px; overflow: hidden; width: 100%; position: relative; } .popup-wrapper.news-letter { max-width: 470px; top: 55px; } .popup-content { padding: 59px 46px 39px 60px; } .popup-content p { font-size: 14px; line-height: 22px; color: var(--font-color); letter-spacing: 0.6px; } .popup-content p.cookies-title { margin-bottom: 0.5rem; font-family: "title-font", sans-serif; font-weight: normal; line-height: 1.2; color: inherit; font-size: min(max(1.4rem, 1.6vw), 1.6rem); } .popup-header { position: relative; height: 195px; background: var(--white); margin-bottom: 36px; } .popup-header .radio-img { position: absolute; bottom: -50px; left: 60px; } .popup-header .badge-img { top: 19px; } .popup#popup_cookie { display: flex; left: unset; right: 30px; top: unset; bottom: 30px; z-index: 214748364733; box-shadow: 0px 2px 100px rgba(0, 0, 0, 0.102109); } #popup_cookie .popup-wrapper { max-width: 340px; } #popup_cookie .popup-content { padding: 2rem; } #popup_cookie .cookie-area { font-size: 15px; line-height: 17px; } #popup_cookie .cookie-area .primary-btn { padding: 10px 20px; width: 125px; border: none; border-radius: 0; } #popup_cookie .cookie-area .primary-btn span { color: var(--white); font-family: "title-font", sans-serif; } @media (max-width: 768px) { .popup { padding: 0 25px; overflow: visible; } .popup-content { padding: 39px 26px 19px 40px; } .popup-content h2 { font-size: 25px; } #popup_cookie.popup { align-items: flex-end; } .popup#popup_cookie { left: 50%; width: 320px; transform: translate(-50%); display: block; z-index: 214748364733; box-shadow: 0px 2px 100px rgba(0, 0, 0, 0.1); padding: 0; display: flex; background: transparent; flex-direction: row; justify-content: center; } .popup-content { left: 0; right: 0; box-shadow: 0px 2px 100px rgb(0, 0, 0); } } .cookie-area .primary-btn { padding: 15px 0; background: var(--base-color); color: var(--white); width: 120px; text-align: center; } .cookie-area { display: flex; justify-content: space-between; align-items: center; } .primary-link, .page-banner .primary-heading a { color: var(--base-color); position: relative; font-weight: bold; } .primary-link:after { content: ""; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: var(--base-color); transform-origin: bottom right; transition: transform 0.25s ease-out; } .primary-link:hover { color: var(--base-color); } .primary-link:hover:after { transform: scaleX(1); transform-origin: bottom left; } /* Cursors */ .cursor-auto { cursor: auto !important; } .cursor-default { cursor: default !important; } .cursor-pointer { cursor: pointer !important; } .cursor-progress { cursor: progress !important; } .cursor-wait { cursor: wait !important; } .cursor-grabbing { cursor: grabbing !important; } .cursor-unset { cursor: unset !important; } /* Header */ /*------------------------------------------------------------------------------------------------------------------------------ HEADER ------------------------------------------------------------------------------------------------------------------------------*/ header { position: relative; display: flex; float: left; top: 0; left: 0; padding: 0.5rem 0; width: 100%; z-index: 1009; align-items: flex-end; background: var(--header-background); transition: height 0.3s ease-out; } header:not(.fadein) { height: 7rem; } @media (max-width: 767px) { header:not(.fadein) { height: 4rem; } } header .header-container { position: static; display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; margin: 0 auto; height: 100%; width: calc(100% - 4rem); } @media (max-width: 767px) { header .header-container { width: calc(100% - 2rem); } } header a.logo { position: relative; display: flex; align-items: center; transition: none; z-index: 1011; } header a.logo img { display: block; width: 100%; height: auto; } header a.logo img.logo-default { display: block; width: 16rem; } @media (max-width: 767px) { header a.logo img.logo-default { width: 10rem; } } header a.logo img.logo-fadein { display: none; width: 9rem; } @media (max-width: 767px) { header a.logo img.logo-fadein { width: 9rem; } } header a.logo-nav { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); display: flex; align-items: center; transition: none; z-index: 1011; visibility: hidden; opacity: 0; width: 16rem; height: auto; filter: none; } @media (max-width: 767px) { header a.logo-nav { width: 10rem; } } header a.logo-nav-fadein { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); visibility: hidden; opacity: 0; width: 9rem; max-width: none; z-index: 1009; filter: none; transition: none; } @media (max-width: 767px) { header a.logo-nav-fadein { width: 9rem; } } header.fadein { height: 4rem; background-color: var(--white); padding: 0; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03); } header.fadein a, header.fadein p { color: var(--white); } header.fadein a.logo img.logo-default { display: none; } header.fadein a.logo img.logo-fadein { display: block; } header.fadein a.logo-nav { width: 9rem; } @media (max-width: 767px) { header.fadein a.logo-nav { width: 9rem; } } header.open { background-color: var(--gray); } @media (max-width: 767px) { header.open { background-color: transparent; } } /* Table */ /*------------------------------------------------------------------------------------------------------------------------------ TABLE ------------------------------------------------------------------------------------------------------------------------------*/ .table-container { width: 100%; float: left; position: relative; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } @media (max-width: 767px) { .table-container { box-shadow: none; border-radius: 0; } } .table-container table { width: 100%; vertical-align: middle; border-collapse: collapse; white-space: nowrap; position: relative; } @media (max-width: 767px) { .table-container table { box-shadow: none; border-radius: 0; } } .table-container table th { display: table-cell; text-align: left; padding: 0.5rem 0.75rem; border-bottom: 0px solid var(--base-color); margin-bottom: 0.5rem; font-weight: bold; } .table-container table th[align=right] { text-align: right; } .table-container table th[align=center] { text-align: center; } .table-container table th[align=left] { text-align: left; } .table-container table tr { background: transparent; /* &:nth-child(even) { background: $light-gray; @include mobile { background: transparent; } } */ border-bottom: 1px solid var(--light-gray); transition: background-color 0.2s ease; } .table-container table tr.no-header td:before { display: none; } .table-container table td { display: table-cell; vertical-align: middle; padding: 0.5rem 0.75rem; max-width: 12rem; } @media (max-width: 767px) { .table-container table td { max-width: 100%; } } .table-container table td[align=right] { text-align: right; } .table-container table td[align=center] { text-align: center; } .table-container table td[align=left] { text-align: left; } .table-container table td[data-label=Webseite] a, .table-container table td[data-label=E-Mail] a, .table-container table td[data-label=Telefon] a { display: inline-block; text-indent: -9999px; white-space: nowrap; width: 1rem; height: 1.3rem; position: relative; } .table-container table td[data-label=Webseite] a::before, .table-container table td[data-label=E-Mail] a::before, .table-container table td[data-label=Telefon] a::before { position: absolute; top: 50%; left: 0; text-indent: 0; transform: translate(0, -50%); background-color: transparent; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; } .table-container table td[data-label=Webseite] a:hover::before, .table-container table td[data-label=E-Mail] a:hover::before, .table-container table td[data-label=Telefon] a:hover::before { transform: scale(1.05) translate(0, -50%); transition: transform 0.5s ease; } .table-container table td[data-label=Webseite] a::after, .table-container table td[data-label=E-Mail] a::after, .table-container table td[data-label=Telefon] a::after { display: none; } .table-container table td[data-label=Webseite] a::before { background-image: url("/images/icon-extern.svg"); width: 0.9rem; height: 0.9rem; filter: brightness(0) saturate(100%) invert(27%) sepia(16%) saturate(1750%) hue-rotate(103deg) brightness(91%) contrast(88%); } .table-container table td[data-label=E-Mail] a::before { background-image: url("/images/icon-email.svg"); width: 1.2rem; height: 1rem; filter: brightness(0) saturate(100%) invert(27%) sepia(16%) saturate(1750%) hue-rotate(103deg) brightness(91%) contrast(88%); } .table-container table td[data-label=Telefon] a::before { background-image: url("/images/icon-phone.svg"); width: 1rem; height: 1rem; filter: brightness(0) saturate(100%) invert(27%) sepia(16%) saturate(1750%) hue-rotate(103deg) brightness(91%) contrast(88%); } .table-container table thead { vertical-align: middle; border-collapse: collapse; white-space: nowrap; position: relative; } .table-container table thead tr { background: transparent; } .table-container table tbody { vertical-align: middle; border-collapse: collapse; white-space: normal; position: relative; display: table-row-group; vertical-align: middle; border-color: var(--base-color); } @media (max-width: 767px) { .table-container table table, .table-container table thead, .table-container table tbody, .table-container table th, .table-container table td, .table-container table tr { display: block; } .table-container table thead tr { display: none; } .table-container table tr { margin-bottom: 1rem; padding: 0; border: 1px solid var(--gray); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .table-container table td { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid var(--light-gray); margin: 0; white-space: normal; } .table-container table td:last-child { border-bottom: none; } .table-container table td:before { content: attr(data-label); font-weight: bold; color: var(--base-color); flex: 1; margin-right: 1rem; } .table-container table td:first-child { background-color: var(--light-gray); } .table-container table td:first-child:before { color: var(--black); } .table-container table td[align=right] { text-align: right; } .table-container table td[align=center] { text-align: center; } .table-container table td[align=left] { text-align: left; } .table-container table tbody { display: block; width: 100%; } .table-container table tr:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); transform: translateY(-1px); transition: all 0.2s ease; } } /* Typography */ body, p, li { font-family: "font", sans-serif; font-size: 1rem; font-style: normal; line-height: 1.5; font-weight: 300; letter-spacing: 0.02rem; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--font-color); } @media (max-width: 767px) { body, p, li { font-size: 1rem; line-height: 1.6; } } body strong, body b, p strong, p b, li strong, li b { font-weight: bold; font-family: "font", sans-serif; } p { margin: 0 0 1rem 0; } a { transition: all 0.3s ease-in-out; } a.underscore { position: relative; } a.underscore:after, a.underscore:before { content: ""; position: absolute; bottom: 0; height: 1px; } a.underscore::after { right: 0; width: 100%; background-color: var(--base-color); transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } a.underscore::before { left: 0; width: 0; background-color: var(--highlight-color); transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } a.underscore:hover { color: var(--highlight-color); } a.underscore:hover::after { width: 0; } a.underscore:hover::before { width: 100%; transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } a.small, p.small, li.small { font-size: 0.8rem; } @media (max-width: 767px) { a.small, p.small, li.small { font-size: 0.9rem; } } a.big, p.big, li.big { font-size: 1.5rem; } @media (max-width: 767px) { a.big, p.big, li.big { font-size: 1.2rem; } } .big p, .big a, .big li { font-size: 1.5rem; } .small p, .small a, .small li { font-size: 0.8rem; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: normal; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; font-family: "font", sans-serif; margin-block-start: 0em; margin-block-end: 0em; } h1 { font-family: "font", sans-serif; font-weight: 700; color: var(--second-color); font-size: 3rem; text-transform: none; font-style: normal; margin: 0; padding: 0; letter-spacing: 0; line-height: 1.2; } @media (max-width: 767px) { h1 { font-size: 2rem; } } h2 { font-family: "font", sans-serif; font-weight: 700; color: var(--second-color); font-size: 3rem; text-transform: none; font-style: normal; margin: 0 0 1rem 0; padding: 0; letter-spacing: 0; line-height: 1.2; } @media (max-width: 767px) { h2 { font-size: 1.85rem; } } h3 { font-family: "font", sans-serif; font-weight: 700; color: var(--base-color); font-size: 2rem; text-transform: none; font-style: normal; margin: 0 0 0 0; padding: 0; letter-spacing: 0; line-height: 1.2; } @media (max-width: 767px) { h3 { font-size: 1.65rem; } } h4 { font-family: "font", sans-serif; font-weight: 700; color: var(--base-color); font-size: 1.4rem; text-transform: none; font-style: normal; margin: 0 0 0.5rem 0; padding: 0; letter-spacing: 0; line-height: 1.2; } @media (max-width: 767px) { h4 { font-size: 1.25rem; } } h5 { font-family: "font", sans-serif; font-weight: 700; color: var(--base-color); font-size: 1rem; text-transform: none; font-style: normal; margin: 0; padding: 0; letter-spacing: 0; line-height: 1.2; } @media (max-width: 767px) { h5 { font-size: 1.25rem; } } h6 { font-family: "font", sans-serif; font-weight: 700; color: var(--base-color); font-size: 1rem; text-transform: none; font-style: normal; margin: 0; padding: 0; letter-spacing: 0; line-height: 1.2; } span.caption { font-family: "font", sans-serif; font-weight: 700; color: var(--second-color); font-size: 0.8rem; text-transform: uppercase; font-style: normal; margin: 0; padding: 0; letter-spacing: 0; } .nowrap { white-space: nowrap; } .nowrap p, .nowrap a, .nowrap h1, .nowrap h2, .nowrap h3, .nowrap h4, .nowrap h5, .nowrap h6 { white-space: nowrap; } .wrap { white-space: pre-wrap; } .wrap p, .wrap a, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6 { white-space: pre-wrap; } /* Text */ html { font-size: 1.3625rem; } @media (width <= 2000px) { html { font-size: calc(0.0678571429rem + 1.0357142857vw); } } @media (width <= 767px) { html { font-size: calc(0.1594827586rem + 3.4482758621vw); } } @media only screen and (max-width: 480px) { html { font-size: calc(16px + 6 * (100vw - 320px) / 680) !important; } } .text-center { text-align: center; } @media (max-width: 767px) { :not([class*=text-m-]).text-center { text-align: center; } .text-m-center { text-align: center; } } .text-left { text-align: left; } @media (max-width: 767px) { :not([class*=text-m-]).text-left { text-align: left; } .text-m-left { text-align: left; } } .text-right { text-align: right; } @media (max-width: 767px) { :not([class*=text-m-]).text-right { text-align: right; } .text-m-right { text-align: right; } } .text-justify { text-align: justify; } @media (max-width: 767px) { :not([class*=text-m-]).text-justify { text-align: justify; } .text-m-justify { text-align: justify; } } .font-weight-400 { font-weight: 400; } .font-weight-700 { font-weight: 700; } .text-style-normal { font-style: normal; } .text-style-italic { font-style: italic; } .text-style-oblique { font-style: oblique; } .text-style-underline { text-decoration: underline; } .text-style-overline { text-decoration: overline; } .text-style-line-through { text-decoration: line-through; } .text-style-capitalize { text-transform: capitalize; } .text-style-uppercase { text-transform: uppercase; } .text-style-lowercase { text-transform: lowercase; } .text-style-nowrap { white-space: nowrap; } .text-style-wrap { white-space: wrap; } .hyphens-auto { hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; } .hyphens-manual { hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; -webkit-hyphens: manual; } .hyphens-none { hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; } /* Table */ /* Tables */ /* Container */ /*------------------------------------------------------------------------------------------------------------------------------ CONTAINER ------------------------------------------------------------------------------------------------------------------------------*/ * { grid-column: 1/span 12; } section { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: 100%; } section.edged { width: calc(100vw - 4rem); margin-left: auto; margin-right: auto; grid-template-columns: repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)) repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)); } @media (min-width: 2183px) { section.edged { grid-template-columns: repeat(1, 1fr) repeat(10, 180px) repeat(1, 1fr); } } @media (max-width: 767px) { section.edged { width: 100vw; grid-template-columns: repeat(1, calc((100vw + 4rem) / 10)) repeat(10, 1fr) repeat(1, calc((100vw + 4rem) / 10)); } } section.edged .extra-large { width: calc(100vw - 4rem); grid-template-columns: repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)) repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)); } @media (min-width: 2183px) { section.edged .extra-large { grid-template-columns: repeat(1, 1fr) repeat(10, 180px) repeat(1, 1fr); } } @media (max-width: 767px) { section.edged .extra-large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)); } } section.edged .boxed { width: calc(100vw / 12 * 10 - 2rem); } @media (max-width: 767px) { section.edged .boxed { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } section.edged .boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 2rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { section.edged .boxed-left { width: calc(100vw - (100vw - 1800px) / 2 - 4rem); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { section.edged .boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 3rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); max-width: calc(100vw - 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { section.edged .boxed-left { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1rem; } } section.edged .boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 2rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { section.edged .boxed-right { width: calc(100vw - (100vw - 1800px) / 2); margin-right: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { section.edged .boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 3rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); max-width: calc(100vw - 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { section.edged .boxed-right { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1rem repeat(12, calc((100vw - 2rem) / 12)); } } section.edged .boxed-padding-left { width: calc(100vw - 4rem); padding-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } @media (min-width: 2183px) { section.edged .boxed-padding-left { padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) { section.edged .boxed-padding-left { width: 100vw; padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1rem; } } section.edged .boxed-padding-right { width: calc(100vw - 4rem); padding-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } @media (min-width: 2183px) { section.edged .boxed-padding-right { padding-right: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) { section.edged .boxed-padding-right { width: 100vw; padding-right: 1rem; grid-template-columns: 1rem repeat(12, calc((100vw - 2rem) / 12)); } } section.medium { width: calc(100vw / 12 * 6 - 1rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 6); grid-template-columns: repeat(6, 1fr); } @media (max-width: 767px) { section.medium { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } section.large { width: calc(100vw / 12 * 8 - 1.3333333333rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 8); grid-template-columns: repeat(8, 1fr); } @media (max-width: 767px) { section.large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } section.extra-large { width: calc(100vw / 12 * 12 - 2rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 12); grid-template-columns: repeat(12, 1fr); } @media (max-width: 767px) { section.extra-large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } section.boxed { width: calc(100vw / 12 * 10 - 1.6666666667rem); margin-left: auto; margin-right: auto; max-width: 1800px; grid-template-columns: repeat(10, 1fr); } @media (max-width: 767px) { section.boxed { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } section.boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { section.boxed-left { width: calc(100vw - (100vw - 1800px) / 2); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { section.boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { section.boxed-left { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } section.boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } @media (min-width: 2183px) { section.boxed-right { margin-right: calc((100vw - 1800px) / 2); width: calc(100vw - (100vw - 1800px) / 2); grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 2183px) { section.boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) { section.boxed-right { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } section.boxed-padding-left { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); padding-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { section.boxed-padding-left { width: 100vw; padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { section.boxed-padding-left { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { section.boxed-padding-left { width: calc(100vw - 1rem); padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } section.boxed-padding-right { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } @media (min-width: 2183px) { section.boxed-padding-right { padding-right: calc((100vw - 1800px) / 2); width: 100vw; grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 2183px) { section.boxed-padding-right { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) { section.boxed-padding-right { width: 100vw; padding-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } @media (max-width: 767px) { section.fullwidth-m { width: 100%; grid-template-columns: repeat(12, 1fr); } section.medium-m { width: calc(100vw / 12 * 6 - 1rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 6); grid-template-columns: repeat(6, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { section.medium-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { section.large-m { width: calc(100vw / 12 * 8 - 1.3333333333rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 8); grid-template-columns: repeat(8, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { section.large-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { section.extra-large-m { width: calc(100vw / 12 * 12 - 2rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 12); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { section.extra-large-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { section.boxed-m { width: calc(100vw / 12 * 10 - 1.6666666667rem); margin-left: auto; margin-right: auto; max-width: 1800px; grid-template-columns: repeat(10, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { section.boxed-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { section.boxed-left-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } } @media (max-width: 767px) and (min-width: 2183px) { section.boxed-left-m { width: calc(100vw - (100vw - 1800px) / 2); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) and (max-width: 2183px) { section.boxed-left-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) and (max-width: 767px) { section.boxed-left-m { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } @media (max-width: 767px) { section.boxed-right-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } } @media (max-width: 767px) and (min-width: 2183px) { section.boxed-right-m { margin-right: calc((100vw - 1800px) / 2); width: calc(100vw - (100vw - 1800px) / 2); grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 767px) and (max-width: 2183px) { section.boxed-right-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) and (max-width: 767px) { section.boxed-right-m { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } @media (max-width: 767px) { section.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); padding-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } } @media (max-width: 767px) and (min-width: 2183px) { section.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) and (max-width: 2183px) { section.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) and (max-width: 767px) { section.boxed-padding-left-m { width: calc(100vw - 1rem); padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } @media (max-width: 767px) { section.boxed-padding-right-m { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } } @media (max-width: 767px) and (min-width: 2183px) { section.boxed-padding-right-m { padding-right: calc((100vw - 1800px) / 2); width: 100vw; grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 767px) and (max-width: 2183px) { section.boxed-padding-right-m { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) and (max-width: 767px) { section.boxed-padding-right-m { width: 100vw; padding-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } div.edged { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw - 4rem); margin-left: auto; margin-right: auto; grid-template-columns: repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)) repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)); } @media (min-width: 2183px) { div.edged { grid-template-columns: repeat(1, 1fr) repeat(10, 180px) repeat(1, 1fr); } } @media (max-width: 767px) { div.edged { width: 100vw; grid-template-columns: repeat(1, calc((100vw + 4rem) / 10)) repeat(10, 1fr) repeat(1, calc((100vw + 4rem) / 10)); } } div.edged .extra-large { width: calc(100vw - 4rem); grid-template-columns: repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)) repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) repeat(1, calc((100vw / 12 * 10 - 4rem) / 11)); } @media (min-width: 2183px) { div.edged .extra-large { grid-template-columns: repeat(1, 1fr) repeat(10, 180px) repeat(1, 1fr); } } @media (max-width: 767px) { div.edged .extra-large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)); } } div.edged .boxed { width: calc(100vw / 12 * 10 - 2rem); } @media (max-width: 767px) { div.edged .boxed { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } div.edged .boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 2rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { div.edged .boxed-left { width: calc(100vw - (100vw - 1800px) / 2 - 4rem); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { div.edged .boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 3rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); max-width: calc(100vw - 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { div.edged .boxed-left { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1rem; } } div.edged .boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 2rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { div.edged .boxed-right { width: calc(100vw - (100vw - 1800px) / 2); margin-right: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { div.edged .boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 3rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); max-width: calc(100vw - 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { div.edged .boxed-right { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1rem repeat(12, calc((100vw - 2rem) / 12)); } } div.edged .boxed-padding-left { width: calc(100vw - 4rem); padding-left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } @media (min-width: 2183px) { div.edged .boxed-padding-left { padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) { div.edged .boxed-padding-left { width: 100vw; padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1rem; } } div.edged .boxed-padding-right { width: calc(100vw - 4rem); padding-right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } @media (min-width: 2183px) { div.edged .boxed-padding-right { padding-right: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) { div.edged .boxed-padding-right { width: 100vw; padding-right: 1rem; grid-template-columns: 1rem repeat(12, calc((100vw - 2rem) / 12)); } } div.medium { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw / 12 * 6 - 1rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 6); grid-template-columns: repeat(6, 1fr); } @media (max-width: 767px) { div.medium { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } div.large { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw / 12 * 8 - 1.3333333333rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 8); grid-template-columns: repeat(8, 1fr); } @media (max-width: 767px) { div.large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } div.extra-large { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw / 12 * 12 - 2rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 12); grid-template-columns: repeat(12, 1fr); } @media (max-width: 767px) { div.extra-large { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } div.boxed { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw / 12 * 10 - 1.6666666667rem); margin-left: auto; margin-right: auto; max-width: 1800px; grid-template-columns: repeat(10, 1fr); } @media (max-width: 767px) { div.boxed { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } div.boxed-left { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { div.boxed-left { width: calc(100vw - (100vw - 1800px) / 2); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { div.boxed-left { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { div.boxed-left { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } div.boxed-right { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } @media (min-width: 2183px) { div.boxed-right { margin-right: calc((100vw - 1800px) / 2); width: calc(100vw - (100vw - 1800px) / 2); grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 2183px) { div.boxed-right { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) { div.boxed-right { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } div.boxed-padding-left { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); padding-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } @media (min-width: 2183px) { div.boxed-padding-left { width: 100vw; padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 2183px) { div.boxed-padding-left { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) { div.boxed-padding-left { width: calc(100vw - 1rem); padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } div.boxed-padding-right { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 0; width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } @media (min-width: 2183px) { div.boxed-padding-right { padding-right: calc((100vw - 1800px) / 2); width: 100vw; grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 2183px) { div.boxed-padding-right { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) { div.boxed-padding-right { width: 100vw; padding-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } @media (max-width: 767px) { div.medium-m { width: calc(100vw / 12 * 6 - 1rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 6); grid-template-columns: repeat(6, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { div.medium-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { div.large-m { width: calc(100vw / 12 * 8 - 1.3333333333rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 8); grid-template-columns: repeat(8, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { div.large-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { div.extra-large-m { width: calc(100vw / 12 * 12 - 2rem); margin-left: auto; margin-right: auto; max-width: calc(1800px / 10 * 12); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { div.extra-large-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { div.boxed-m { width: calc(100vw / 12 * 10 - 1.6666666667rem); margin-left: auto; margin-right: auto; max-width: 1800px; grid-template-columns: repeat(10, 1fr); } } @media (max-width: 767px) and (max-width: 767px) { div.boxed-m { width: calc(100vw - 2rem); grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { div.boxed-left-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } } @media (max-width: 767px) and (min-width: 2183px) { div.boxed-left-m { width: calc(100vw - (100vw - 1800px) / 2); margin-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) and (max-width: 2183px) { div.boxed-left-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) and (max-width: 767px) { div.boxed-left-m { width: calc(100vw - 1rem); margin-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } @media (max-width: 767px) { div.boxed-right-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } } @media (max-width: 767px) and (min-width: 2183px) { div.boxed-right-m { margin-right: calc((100vw - 1800px) / 2); width: calc(100vw - (100vw - 1800px) / 2); grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 767px) and (max-width: 2183px) { div.boxed-right-m { width: calc(100vw - (100vw - 100vw / 12 * 10) / 2 - 1rem); margin-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) and (max-width: 767px) { div.boxed-right-m { width: calc(100vw - 1rem); margin-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } @media (max-width: 767px) { div.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); padding-right: 0; grid-template-columns: repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)) 1fr; } } @media (max-width: 767px) and (min-width: 2183px) { div.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 1800px) / 2); grid-template-columns: repeat(10, 180px) 1fr; } } @media (max-width: 767px) and (max-width: 2183px) { div.boxed-padding-left-m { width: 100vw; padding-left: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)) 1fr; } } @media (max-width: 767px) and (max-width: 767px) { div.boxed-padding-left-m { width: calc(100vw - 1rem); padding-left: 1rem; grid-template-columns: repeat(12, calc((100vw - 2rem) / 12)) 1fr; } } @media (max-width: 767px) { div.boxed-padding-right-m { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); margin-left: 0; grid-template-columns: 1fr repeat(12, calc((100vw / 12 * 10 - 1rem) / 12)); } } @media (max-width: 767px) and (min-width: 2183px) { div.boxed-padding-right-m { padding-right: calc((100vw - 1800px) / 2); width: 100vw; grid-template-columns: 1fr repeat(10, 180px); } } @media (max-width: 767px) and (max-width: 2183px) { div.boxed-padding-right-m { width: 100vw; padding-right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); grid-template-columns: 1fr repeat(10, calc((100vw / 12 * 10 - 2rem) / 10)); } } @media (max-width: 767px) and (max-width: 767px) { div.boxed-padding-right-m { width: 100vw; padding-right: 1rem; grid-template-columns: 1fr repeat(12, calc((100vw - 2rem) / 12)); } } @media (min-width: 768px) { .plb { padding-left: 2rem; } } @media (min-width: 768px) { .prb { padding-right: 2rem; } } @media (min-width: 768px) { .mlb { margin-left: 2rem; } } @media (min-width: 768px) { .mrb { margin-right: 2rem; } } @media (max-width: 767px) { .plb-m { padding-right: 1rem; } } @media (max-width: 767px) { .prb-m { padding-right: 1rem; } } @media (max-width: 767px) { .mlb-m { margin-left: 1rem; } } @media (max-width: 767px) { .mrb-m { margin-right: 1rem; } } /* Grid */ /* /////////// UBIQ GRID /////////// 2. GRID Container 3. ROW / COLUMNS 4. GAPS / SPACINGS (Margins & Paddings) 5. POSITIONING (top-left, top-right, center-left usw. ) 6. FLEXBOX 7. MIN-HEIGHT /////////// /////////// //////////// */ .grid { position: relative; display: grid; row-gap: 1rem; column-gap: 1rem; grid-auto-rows: minmax(min-content, max-content); width: 100%; } .grid > * { min-width: 0; max-width: 100%; } /* SAME ROW HEIGHTS FOR ALL */ .grid.equalrows { grid-auto-rows: 1fr; } .grid.equalcolumns { grid-auto-columns: 1fr; } /*------------------------------------------------------------------------------------------------------------------------------ GRID CONTAINER ------------------------------------------------------------------------------------------------------------------------------*/ .grid.cols-1 { grid-template-columns: repeat(1, 1fr); } .grid.cols-2 { grid-template-columns: repeat(2, 1fr); } .grid.cols-3 { grid-template-columns: repeat(3, 1fr); } .grid.cols-4 { grid-template-columns: repeat(4, 1fr); } .grid.cols-5 { grid-template-columns: repeat(5, 1fr); } .grid.cols-6 { grid-template-columns: repeat(6, 1fr); } .grid.cols-7 { grid-template-columns: repeat(7, 1fr); } .grid.cols-8 { grid-template-columns: repeat(8, 1fr); } .grid.cols-9 { grid-template-columns: repeat(9, 1fr); } .grid.cols-10 { grid-template-columns: repeat(10, 1fr); } .grid.cols-11 { grid-template-columns: repeat(11, 1fr); } .grid.cols-12 { grid-template-columns: repeat(12, 1fr); } .grid.cols-1-auto { grid-template-columns: repeat(1, auto); } .grid.cols-2-auto { grid-template-columns: repeat(2, auto); } .grid.cols-3-auto { grid-template-columns: repeat(3, auto); } .grid.cols-4-auto { grid-template-columns: repeat(4, auto); } .grid.cols-5-auto { grid-template-columns: repeat(5, auto); } .grid.cols-6-auto { grid-template-columns: repeat(6, auto); } .grid.cols-7-auto { grid-template-columns: repeat(7, auto); } .grid.cols-8-auto { grid-template-columns: repeat(8, auto); } .grid.cols-9-auto { grid-template-columns: repeat(9, auto); } .grid.cols-10-auto { grid-template-columns: repeat(10, auto); } .grid.cols-11-auto { grid-template-columns: repeat(11, auto); } .grid.cols-12-auto { grid-template-columns: repeat(12, auto); } .grid.rows-1 { grid-template-rows: repeat(1, 1fr); } .grid.rows-2 { grid-template-rows: repeat(2, 1fr); } .grid.rows-3 { grid-template-rows: repeat(3, 1fr); } .grid.rows-4 { grid-template-rows: repeat(4, 1fr); } .grid.rows-5 { grid-template-rows: repeat(5, 1fr); } .grid.rows-6 { grid-template-rows: repeat(6, 1fr); } .grid.rows-7 { grid-template-rows: repeat(7, 1fr); } .grid.rows-8 { grid-template-rows: repeat(8, 1fr); } .grid.rows-9 { grid-template-rows: repeat(9, 1fr); } .grid.rows-10 { grid-template-rows: repeat(10, 1fr); } .grid.rows-11 { grid-template-rows: repeat(11, 1fr); } .grid.rows-12 { grid-template-rows: repeat(12, 1fr); } .grid.rows-1-auto { grid-template-rows: repeat(1, auto); } .grid.rows-2-auto { grid-template-rows: repeat(2, auto); } .grid.rows-3-auto { grid-template-rows: repeat(3, auto); } .grid.rows-4-auto { grid-template-rows: repeat(4, auto); } .grid.rows-5-auto { grid-template-rows: repeat(5, auto); } .grid.rows-6-auto { grid-template-rows: repeat(6, auto); } .grid.rows-7-auto { grid-template-rows: repeat(7, auto); } .grid.rows-8-auto { grid-template-rows: repeat(8, auto); } .grid.rows-9-auto { grid-template-rows: repeat(9, auto); } .grid.rows-10-auto { grid-template-rows: repeat(10, auto); } .grid.rows-11-auto { grid-template-rows: repeat(11, auto); } .grid.rows-12-auto { grid-template-rows: repeat(12, auto); } @media (max-width: 767px) { .grid.cols-m-1 { grid-template-columns: repeat(1, 1fr); } .grid.cols-m-1 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto { grid-template-columns: repeat(1, auto); } .grid.cols-m-1-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-1-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 { grid-template-columns: repeat(2, 1fr); } .grid.cols-m-2 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto { grid-template-columns: repeat(2, auto); } .grid.cols-m-2-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-2-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 { grid-template-columns: repeat(3, 1fr); } .grid.cols-m-3 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto { grid-template-columns: repeat(3, auto); } .grid.cols-m-3-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-3-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 { grid-template-columns: repeat(4, 1fr); } .grid.cols-m-4 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto { grid-template-columns: repeat(4, auto); } .grid.cols-m-4-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-4-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 { grid-template-columns: repeat(5, 1fr); } .grid.cols-m-5 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto { grid-template-columns: repeat(5, auto); } .grid.cols-m-5-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-5-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 { grid-template-columns: repeat(6, 1fr); } .grid.cols-m-6 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto { grid-template-columns: repeat(6, auto); } .grid.cols-m-6-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-6-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 { grid-template-columns: repeat(7, 1fr); } .grid.cols-m-7 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto { grid-template-columns: repeat(7, auto); } .grid.cols-m-7-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-7-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 { grid-template-columns: repeat(8, 1fr); } .grid.cols-m-8 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto { grid-template-columns: repeat(8, auto); } .grid.cols-m-8-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-8-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 { grid-template-columns: repeat(9, 1fr); } .grid.cols-m-9 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto { grid-template-columns: repeat(9, auto); } .grid.cols-m-9-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-9-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 { grid-template-columns: repeat(10, 1fr); } .grid.cols-m-10 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto { grid-template-columns: repeat(10, auto); } .grid.cols-m-10-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-10-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 { grid-template-columns: repeat(11, 1fr); } .grid.cols-m-11 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto { grid-template-columns: repeat(11, auto); } .grid.cols-m-11-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-11-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 { grid-template-columns: repeat(12, 1fr); } .grid.cols-m-12 > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12 > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto { grid-template-columns: repeat(12, auto); } .grid.cols-m-12-auto > .col-1:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-2:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-3:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-4:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-5:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-6:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-7:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-8:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-9:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-10:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-11:not([class*=col-m-]) { grid-column: auto; } .grid.cols-m-12-auto > .col-12:not([class*=col-m-]) { grid-column: auto; } .grid.rows-m-1 { grid-template-rows: repeat(1, 1fr); } .grid.rows-m-1 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto { grid-template-rows: repeat(1, auto); } .grid.rows-m-1-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-1-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 { grid-template-rows: repeat(2, 1fr); } .grid.rows-m-2 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto { grid-template-rows: repeat(2, auto); } .grid.rows-m-2-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-2-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 { grid-template-rows: repeat(3, 1fr); } .grid.rows-m-3 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto { grid-template-rows: repeat(3, auto); } .grid.rows-m-3-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-3-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 { grid-template-rows: repeat(4, 1fr); } .grid.rows-m-4 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto { grid-template-rows: repeat(4, auto); } .grid.rows-m-4-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-4-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 { grid-template-rows: repeat(5, 1fr); } .grid.rows-m-5 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto { grid-template-rows: repeat(5, auto); } .grid.rows-m-5-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-5-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 { grid-template-rows: repeat(6, 1fr); } .grid.rows-m-6 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto { grid-template-rows: repeat(6, auto); } .grid.rows-m-6-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-6-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 { grid-template-rows: repeat(7, 1fr); } .grid.rows-m-7 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto { grid-template-rows: repeat(7, auto); } .grid.rows-m-7-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-7-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 { grid-template-rows: repeat(8, 1fr); } .grid.rows-m-8 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto { grid-template-rows: repeat(8, auto); } .grid.rows-m-8-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-8-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 { grid-template-rows: repeat(9, 1fr); } .grid.rows-m-9 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto { grid-template-rows: repeat(9, auto); } .grid.rows-m-9-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-9-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 { grid-template-rows: repeat(10, 1fr); } .grid.rows-m-10 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto { grid-template-rows: repeat(10, auto); } .grid.rows-m-10-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-10-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 { grid-template-rows: repeat(11, 1fr); } .grid.rows-m-11 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto { grid-template-rows: repeat(11, auto); } .grid.rows-m-11-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-11-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 { grid-template-rows: repeat(12, 1fr); } .grid.rows-m-12 > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12 > .row-12:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto { grid-template-rows: repeat(12, auto); } .grid.rows-m-12-auto > .row-1:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-2:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-3:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-4:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-5:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-6:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-7:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-8:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-9:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-10:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-11:not([class*=row-m-]) { grid-row: auto; } .grid.rows-m-12-auto > .row-12:not([class*=row-m-]) { grid-row: auto; } } /*------------------------------------------------------------------------------------------------------------------------------ COLS / ROWS ------------------------------------------------------------------------------------------------------------------------------*/ /* Auto */ .col, .col-auto { grid-column: auto; } .row-auto { grid-row: auto; } /* Desktop */ .col-1 { grid-column: 1; } .col-1-1 { grid-column: 1/span 1; } .col-1-2 { grid-column: 1/span 2; } .col-1-3 { grid-column: 1/span 3; } .col-1-4 { grid-column: 1/span 4; } .col-1-5 { grid-column: 1/span 5; } .col-1-6 { grid-column: 1/span 6; } .col-1-7 { grid-column: 1/span 7; } .col-1-8 { grid-column: 1/span 8; } .col-1-9 { grid-column: 1/span 9; } .col-1-10 { grid-column: 1/span 10; } .col-1-11 { grid-column: 1/span 11; } .col-1-12 { grid-column: 1/span 12; } .col-2 { grid-column: 2; } .col-2-1 { grid-column: 2/span 1; } .col-2-2 { grid-column: 2/span 2; } .col-2-3 { grid-column: 2/span 3; } .col-2-4 { grid-column: 2/span 4; } .col-2-5 { grid-column: 2/span 5; } .col-2-6 { grid-column: 2/span 6; } .col-2-7 { grid-column: 2/span 7; } .col-2-8 { grid-column: 2/span 8; } .col-2-9 { grid-column: 2/span 9; } .col-2-10 { grid-column: 2/span 10; } .col-2-11 { grid-column: 2/span 11; } .col-3 { grid-column: 3; } .col-3-1 { grid-column: 3/span 1; } .col-3-2 { grid-column: 3/span 2; } .col-3-3 { grid-column: 3/span 3; } .col-3-4 { grid-column: 3/span 4; } .col-3-5 { grid-column: 3/span 5; } .col-3-6 { grid-column: 3/span 6; } .col-3-7 { grid-column: 3/span 7; } .col-3-8 { grid-column: 3/span 8; } .col-3-9 { grid-column: 3/span 9; } .col-3-10 { grid-column: 3/span 10; } .col-4 { grid-column: 4; } .col-4-1 { grid-column: 4/span 1; } .col-4-2 { grid-column: 4/span 2; } .col-4-3 { grid-column: 4/span 3; } .col-4-4 { grid-column: 4/span 4; } .col-4-5 { grid-column: 4/span 5; } .col-4-6 { grid-column: 4/span 6; } .col-4-7 { grid-column: 4/span 7; } .col-4-8 { grid-column: 4/span 8; } .col-4-9 { grid-column: 4/span 9; } .col-5 { grid-column: 5; } .col-5-1 { grid-column: 5/span 1; } .col-5-2 { grid-column: 5/span 2; } .col-5-3 { grid-column: 5/span 3; } .col-5-4 { grid-column: 5/span 4; } .col-5-5 { grid-column: 5/span 5; } .col-5-6 { grid-column: 5/span 6; } .col-5-7 { grid-column: 5/span 7; } .col-5-8 { grid-column: 5/span 8; } .col-6 { grid-column: 6; } .col-6-1 { grid-column: 6/span 1; } .col-6-2 { grid-column: 6/span 2; } .col-6-3 { grid-column: 6/span 3; } .col-6-4 { grid-column: 6/span 4; } .col-6-5 { grid-column: 6/span 5; } .col-6-6 { grid-column: 6/span 6; } .col-6-7 { grid-column: 6/span 7; } .col-7 { grid-column: 7; } .col-7-1 { grid-column: 7/span 1; } .col-7-2 { grid-column: 7/span 2; } .col-7-3 { grid-column: 7/span 3; } .col-7-4 { grid-column: 7/span 4; } .col-7-5 { grid-column: 7/span 5; } .col-7-6 { grid-column: 7/span 6; } .col-8 { grid-column: 8; } .col-8-1 { grid-column: 8/span 1; } .col-8-2 { grid-column: 8/span 2; } .col-8-3 { grid-column: 8/span 3; } .col-8-4 { grid-column: 8/span 4; } .col-8-5 { grid-column: 8/span 5; } .col-9 { grid-column: 9; } .col-9-1 { grid-column: 9/span 1; } .col-9-2 { grid-column: 9/span 2; } .col-9-3 { grid-column: 9/span 3; } .col-9-4 { grid-column: 9/span 4; } .col-10 { grid-column: 10; } .col-10-1 { grid-column: 10/span 1; } .col-10-2 { grid-column: 10/span 2; } .col-10-3 { grid-column: 10/span 3; } .col-11 { grid-column: 11; } .col-11-1 { grid-column: 11/span 1; } .col-11-2 { grid-column: 11/span 2; } .col-12 { grid-column: 12; } .col-12-1 { grid-column: 12/span 1; } .row-1 { grid-row: 1; } .row-1-1 { grid-row: 1/span 1; } .row-1-2 { grid-row: 1/span 2; } .row-1-3 { grid-row: 1/span 3; } .row-1-4 { grid-row: 1/span 4; } .row-1-5 { grid-row: 1/span 5; } .row-1-6 { grid-row: 1/span 6; } .row-1-7 { grid-row: 1/span 7; } .row-1-8 { grid-row: 1/span 8; } .row-1-9 { grid-row: 1/span 9; } .row-1-10 { grid-row: 1/span 10; } .row-1-11 { grid-row: 1/span 11; } .row-1-12 { grid-row: 1/span 12; } .row-2 { grid-row: 2; } .row-2-1 { grid-row: 2/span 1; } .row-2-2 { grid-row: 2/span 2; } .row-2-3 { grid-row: 2/span 3; } .row-2-4 { grid-row: 2/span 4; } .row-2-5 { grid-row: 2/span 5; } .row-2-6 { grid-row: 2/span 6; } .row-2-7 { grid-row: 2/span 7; } .row-2-8 { grid-row: 2/span 8; } .row-2-9 { grid-row: 2/span 9; } .row-2-10 { grid-row: 2/span 10; } .row-2-11 { grid-row: 2/span 11; } .row-3 { grid-row: 3; } .row-3-1 { grid-row: 3/span 1; } .row-3-2 { grid-row: 3/span 2; } .row-3-3 { grid-row: 3/span 3; } .row-3-4 { grid-row: 3/span 4; } .row-3-5 { grid-row: 3/span 5; } .row-3-6 { grid-row: 3/span 6; } .row-3-7 { grid-row: 3/span 7; } .row-3-8 { grid-row: 3/span 8; } .row-3-9 { grid-row: 3/span 9; } .row-3-10 { grid-row: 3/span 10; } .row-4 { grid-row: 4; } .row-4-1 { grid-row: 4/span 1; } .row-4-2 { grid-row: 4/span 2; } .row-4-3 { grid-row: 4/span 3; } .row-4-4 { grid-row: 4/span 4; } .row-4-5 { grid-row: 4/span 5; } .row-4-6 { grid-row: 4/span 6; } .row-4-7 { grid-row: 4/span 7; } .row-4-8 { grid-row: 4/span 8; } .row-4-9 { grid-row: 4/span 9; } .row-5 { grid-row: 5; } .row-5-1 { grid-row: 5/span 1; } .row-5-2 { grid-row: 5/span 2; } .row-5-3 { grid-row: 5/span 3; } .row-5-4 { grid-row: 5/span 4; } .row-5-5 { grid-row: 5/span 5; } .row-5-6 { grid-row: 5/span 6; } .row-5-7 { grid-row: 5/span 7; } .row-5-8 { grid-row: 5/span 8; } .row-6 { grid-row: 6; } .row-6-1 { grid-row: 6/span 1; } .row-6-2 { grid-row: 6/span 2; } .row-6-3 { grid-row: 6/span 3; } .row-6-4 { grid-row: 6/span 4; } .row-6-5 { grid-row: 6/span 5; } .row-6-6 { grid-row: 6/span 6; } .row-6-7 { grid-row: 6/span 7; } .row-7 { grid-row: 7; } .row-7-1 { grid-row: 7/span 1; } .row-7-2 { grid-row: 7/span 2; } .row-7-3 { grid-row: 7/span 3; } .row-7-4 { grid-row: 7/span 4; } .row-7-5 { grid-row: 7/span 5; } .row-7-6 { grid-row: 7/span 6; } .row-8 { grid-row: 8; } .row-8-1 { grid-row: 8/span 1; } .row-8-2 { grid-row: 8/span 2; } .row-8-3 { grid-row: 8/span 3; } .row-8-4 { grid-row: 8/span 4; } .row-8-5 { grid-row: 8/span 5; } .row-9 { grid-row: 9; } .row-9-1 { grid-row: 9/span 1; } .row-9-2 { grid-row: 9/span 2; } .row-9-3 { grid-row: 9/span 3; } .row-9-4 { grid-row: 9/span 4; } .row-10 { grid-row: 10; } .row-10-1 { grid-row: 10/span 1; } .row-10-2 { grid-row: 10/span 2; } .row-10-3 { grid-row: 10/span 3; } .row-11 { grid-row: 11; } .row-11-1 { grid-row: 11/span 1; } .row-11-2 { grid-row: 11/span 2; } .row-12 { grid-row: 12; } .row-12-1 { grid-row: 12/span 1; } /* Mobile */ @media (max-width: 767px) { .col-m-auto { grid-column: auto; } .row-m-auto { grid-row: auto; } .col-m-1 { grid-column: 1; } .col-m-1-1 { grid-column: 1/span 1; } .col-m-1-2 { grid-column: 1/span 2; } .col-m-1-3 { grid-column: 1/span 3; } .col-m-1-4 { grid-column: 1/span 4; } .col-m-1-5 { grid-column: 1/span 5; } .col-m-1-6 { grid-column: 1/span 6; } .col-m-1-7 { grid-column: 1/span 7; } .col-m-1-8 { grid-column: 1/span 8; } .col-m-1-9 { grid-column: 1/span 9; } .col-m-1-10 { grid-column: 1/span 10; } .col-m-1-11 { grid-column: 1/span 11; } .col-m-1-12 { grid-column: 1/span 12; } .col-m-2 { grid-column: 2; } .col-m-2-1 { grid-column: 2/span 1; } .col-m-2-2 { grid-column: 2/span 2; } .col-m-2-3 { grid-column: 2/span 3; } .col-m-2-4 { grid-column: 2/span 4; } .col-m-2-5 { grid-column: 2/span 5; } .col-m-2-6 { grid-column: 2/span 6; } .col-m-2-7 { grid-column: 2/span 7; } .col-m-2-8 { grid-column: 2/span 8; } .col-m-2-9 { grid-column: 2/span 9; } .col-m-2-10 { grid-column: 2/span 10; } .col-m-2-11 { grid-column: 2/span 11; } .col-m-3 { grid-column: 3; } .col-m-3-1 { grid-column: 3/span 1; } .col-m-3-2 { grid-column: 3/span 2; } .col-m-3-3 { grid-column: 3/span 3; } .col-m-3-4 { grid-column: 3/span 4; } .col-m-3-5 { grid-column: 3/span 5; } .col-m-3-6 { grid-column: 3/span 6; } .col-m-3-7 { grid-column: 3/span 7; } .col-m-3-8 { grid-column: 3/span 8; } .col-m-3-9 { grid-column: 3/span 9; } .col-m-3-10 { grid-column: 3/span 10; } .col-m-4 { grid-column: 4; } .col-m-4-1 { grid-column: 4/span 1; } .col-m-4-2 { grid-column: 4/span 2; } .col-m-4-3 { grid-column: 4/span 3; } .col-m-4-4 { grid-column: 4/span 4; } .col-m-4-5 { grid-column: 4/span 5; } .col-m-4-6 { grid-column: 4/span 6; } .col-m-4-7 { grid-column: 4/span 7; } .col-m-4-8 { grid-column: 4/span 8; } .col-m-4-9 { grid-column: 4/span 9; } .col-m-5 { grid-column: 5; } .col-m-5-1 { grid-column: 5/span 1; } .col-m-5-2 { grid-column: 5/span 2; } .col-m-5-3 { grid-column: 5/span 3; } .col-m-5-4 { grid-column: 5/span 4; } .col-m-5-5 { grid-column: 5/span 5; } .col-m-5-6 { grid-column: 5/span 6; } .col-m-5-7 { grid-column: 5/span 7; } .col-m-5-8 { grid-column: 5/span 8; } .col-m-6 { grid-column: 6; } .col-m-6-1 { grid-column: 6/span 1; } .col-m-6-2 { grid-column: 6/span 2; } .col-m-6-3 { grid-column: 6/span 3; } .col-m-6-4 { grid-column: 6/span 4; } .col-m-6-5 { grid-column: 6/span 5; } .col-m-6-6 { grid-column: 6/span 6; } .col-m-6-7 { grid-column: 6/span 7; } .col-m-7 { grid-column: 7; } .col-m-7-1 { grid-column: 7/span 1; } .col-m-7-2 { grid-column: 7/span 2; } .col-m-7-3 { grid-column: 7/span 3; } .col-m-7-4 { grid-column: 7/span 4; } .col-m-7-5 { grid-column: 7/span 5; } .col-m-7-6 { grid-column: 7/span 6; } .col-m-8 { grid-column: 8; } .col-m-8-1 { grid-column: 8/span 1; } .col-m-8-2 { grid-column: 8/span 2; } .col-m-8-3 { grid-column: 8/span 3; } .col-m-8-4 { grid-column: 8/span 4; } .col-m-8-5 { grid-column: 8/span 5; } .col-m-9 { grid-column: 9; } .col-m-9-1 { grid-column: 9/span 1; } .col-m-9-2 { grid-column: 9/span 2; } .col-m-9-3 { grid-column: 9/span 3; } .col-m-9-4 { grid-column: 9/span 4; } .col-m-10 { grid-column: 10; } .col-m-10-1 { grid-column: 10/span 1; } .col-m-10-2 { grid-column: 10/span 2; } .col-m-10-3 { grid-column: 10/span 3; } .col-m-11 { grid-column: 11; } .col-m-11-1 { grid-column: 11/span 1; } .col-m-11-2 { grid-column: 11/span 2; } .col-m-12 { grid-column: 12; } .col-m-12-1 { grid-column: 12/span 1; } .row-m-1 { grid-row: 1; } .row-m-1-1 { grid-row: 1/span 1; } .row-m-1-2 { grid-row: 1/span 2; } .row-m-1-3 { grid-row: 1/span 3; } .row-m-1-4 { grid-row: 1/span 4; } .row-m-1-5 { grid-row: 1/span 5; } .row-m-1-6 { grid-row: 1/span 6; } .row-m-1-7 { grid-row: 1/span 7; } .row-m-1-8 { grid-row: 1/span 8; } .row-m-1-9 { grid-row: 1/span 9; } .row-m-1-10 { grid-row: 1/span 10; } .row-m-1-11 { grid-row: 1/span 11; } .row-m-1-12 { grid-row: 1/span 12; } .row-m-2 { grid-row: 2; } .row-m-2-1 { grid-row: 2/span 1; } .row-m-2-2 { grid-row: 2/span 2; } .row-m-2-3 { grid-row: 2/span 3; } .row-m-2-4 { grid-row: 2/span 4; } .row-m-2-5 { grid-row: 2/span 5; } .row-m-2-6 { grid-row: 2/span 6; } .row-m-2-7 { grid-row: 2/span 7; } .row-m-2-8 { grid-row: 2/span 8; } .row-m-2-9 { grid-row: 2/span 9; } .row-m-2-10 { grid-row: 2/span 10; } .row-m-2-11 { grid-row: 2/span 11; } .row-m-3 { grid-row: 3; } .row-m-3-1 { grid-row: 3/span 1; } .row-m-3-2 { grid-row: 3/span 2; } .row-m-3-3 { grid-row: 3/span 3; } .row-m-3-4 { grid-row: 3/span 4; } .row-m-3-5 { grid-row: 3/span 5; } .row-m-3-6 { grid-row: 3/span 6; } .row-m-3-7 { grid-row: 3/span 7; } .row-m-3-8 { grid-row: 3/span 8; } .row-m-3-9 { grid-row: 3/span 9; } .row-m-3-10 { grid-row: 3/span 10; } .row-m-4 { grid-row: 4; } .row-m-4-1 { grid-row: 4/span 1; } .row-m-4-2 { grid-row: 4/span 2; } .row-m-4-3 { grid-row: 4/span 3; } .row-m-4-4 { grid-row: 4/span 4; } .row-m-4-5 { grid-row: 4/span 5; } .row-m-4-6 { grid-row: 4/span 6; } .row-m-4-7 { grid-row: 4/span 7; } .row-m-4-8 { grid-row: 4/span 8; } .row-m-4-9 { grid-row: 4/span 9; } .row-m-5 { grid-row: 5; } .row-m-5-1 { grid-row: 5/span 1; } .row-m-5-2 { grid-row: 5/span 2; } .row-m-5-3 { grid-row: 5/span 3; } .row-m-5-4 { grid-row: 5/span 4; } .row-m-5-5 { grid-row: 5/span 5; } .row-m-5-6 { grid-row: 5/span 6; } .row-m-5-7 { grid-row: 5/span 7; } .row-m-5-8 { grid-row: 5/span 8; } .row-m-6 { grid-row: 6; } .row-m-6-1 { grid-row: 6/span 1; } .row-m-6-2 { grid-row: 6/span 2; } .row-m-6-3 { grid-row: 6/span 3; } .row-m-6-4 { grid-row: 6/span 4; } .row-m-6-5 { grid-row: 6/span 5; } .row-m-6-6 { grid-row: 6/span 6; } .row-m-6-7 { grid-row: 6/span 7; } .row-m-7 { grid-row: 7; } .row-m-7-1 { grid-row: 7/span 1; } .row-m-7-2 { grid-row: 7/span 2; } .row-m-7-3 { grid-row: 7/span 3; } .row-m-7-4 { grid-row: 7/span 4; } .row-m-7-5 { grid-row: 7/span 5; } .row-m-7-6 { grid-row: 7/span 6; } .row-m-8 { grid-row: 8; } .row-m-8-1 { grid-row: 8/span 1; } .row-m-8-2 { grid-row: 8/span 2; } .row-m-8-3 { grid-row: 8/span 3; } .row-m-8-4 { grid-row: 8/span 4; } .row-m-8-5 { grid-row: 8/span 5; } .row-m-9 { grid-row: 9; } .row-m-9-1 { grid-row: 9/span 1; } .row-m-9-2 { grid-row: 9/span 2; } .row-m-9-3 { grid-row: 9/span 3; } .row-m-9-4 { grid-row: 9/span 4; } .row-m-10 { grid-row: 10; } .row-m-10-1 { grid-row: 10/span 1; } .row-m-10-2 { grid-row: 10/span 2; } .row-m-10-3 { grid-row: 10/span 3; } .row-m-11 { grid-row: 11; } .row-m-11-1 { grid-row: 11/span 1; } .row-m-11-2 { grid-row: 11/span 2; } .row-m-12 { grid-row: 12; } .row-m-12-1 { grid-row: 12/span 1; } } /*------------------------------------------------------------------------------------------------------------------------------ GAPS, SPACINGS (Margins & Paddings) ------------------------------------------------------------------------------------------------------------------------------*/ :root { --ui-scale: 1; } /* Desktop */ @media (max-width: 767px) { :root { --ui-scale: .4; } } /* Auto-Reduktion Mobile */ /* ---------- SPACINGS (nutzen --ui-scale) ---------- */ .m-0 { margin: calc(0rem * var(--ui-scale)); } .mt-0 { margin-top: calc(0rem * var(--ui-scale)); } .mb-0 { margin-bottom: calc(0rem * var(--ui-scale)); } .ml-0 { margin-left: calc(0rem * var(--ui-scale)); } .mr-0 { margin-right: calc(0rem * var(--ui-scale)); } .my-0 { margin-block: calc(0rem * var(--ui-scale)) calc(0rem * var(--ui-scale)); } .mx-0 { margin-inline: calc(0rem * var(--ui-scale)) calc(0rem * var(--ui-scale)); } .m-0-5 { margin: calc(0.5rem * var(--ui-scale)); } .mt-0-5 { margin-top: calc(0.5rem * var(--ui-scale)); } .mb-0-5 { margin-bottom: calc(0.5rem * var(--ui-scale)); } .ml-0-5 { margin-left: calc(0.5rem * var(--ui-scale)); } .mr-0-5 { margin-right: calc(0.5rem * var(--ui-scale)); } .my-0-5 { margin-block: calc(0.5rem * var(--ui-scale)) calc(0.5rem * var(--ui-scale)); } .mx-0-5 { margin-inline: calc(0.5rem * var(--ui-scale)) calc(0.5rem * var(--ui-scale)); } .m-1 { margin: calc(1rem * var(--ui-scale)); } .mt-1 { margin-top: calc(1rem * var(--ui-scale)); } .mb-1 { margin-bottom: calc(1rem * var(--ui-scale)); } .ml-1 { margin-left: calc(1rem * var(--ui-scale)); } .mr-1 { margin-right: calc(1rem * var(--ui-scale)); } .my-1 { margin-block: calc(1rem * var(--ui-scale)) calc(1rem * var(--ui-scale)); } .mx-1 { margin-inline: calc(1rem * var(--ui-scale)) calc(1rem * var(--ui-scale)); } .m-1-5 { margin: calc(1.5rem * var(--ui-scale)); } .mt-1-5 { margin-top: calc(1.5rem * var(--ui-scale)); } .mb-1-5 { margin-bottom: calc(1.5rem * var(--ui-scale)); } .ml-1-5 { margin-left: calc(1.5rem * var(--ui-scale)); } .mr-1-5 { margin-right: calc(1.5rem * var(--ui-scale)); } .my-1-5 { margin-block: calc(1.5rem * var(--ui-scale)) calc(1.5rem * var(--ui-scale)); } .mx-1-5 { margin-inline: calc(1.5rem * var(--ui-scale)) calc(1.5rem * var(--ui-scale)); } .m-2 { margin: calc(2rem * var(--ui-scale)); } .mt-2 { margin-top: calc(2rem * var(--ui-scale)); } .mb-2 { margin-bottom: calc(2rem * var(--ui-scale)); } .ml-2 { margin-left: calc(2rem * var(--ui-scale)); } .mr-2 { margin-right: calc(2rem * var(--ui-scale)); } .my-2 { margin-block: calc(2rem * var(--ui-scale)) calc(2rem * var(--ui-scale)); } .mx-2 { margin-inline: calc(2rem * var(--ui-scale)) calc(2rem * var(--ui-scale)); } .m-2-5 { margin: calc(2.5rem * var(--ui-scale)); } .mt-2-5 { margin-top: calc(2.5rem * var(--ui-scale)); } .mb-2-5 { margin-bottom: calc(2.5rem * var(--ui-scale)); } .ml-2-5 { margin-left: calc(2.5rem * var(--ui-scale)); } .mr-2-5 { margin-right: calc(2.5rem * var(--ui-scale)); } .my-2-5 { margin-block: calc(2.5rem * var(--ui-scale)) calc(2.5rem * var(--ui-scale)); } .mx-2-5 { margin-inline: calc(2.5rem * var(--ui-scale)) calc(2.5rem * var(--ui-scale)); } .m-3 { margin: calc(3rem * var(--ui-scale)); } .mt-3 { margin-top: calc(3rem * var(--ui-scale)); } .mb-3 { margin-bottom: calc(3rem * var(--ui-scale)); } .ml-3 { margin-left: calc(3rem * var(--ui-scale)); } .mr-3 { margin-right: calc(3rem * var(--ui-scale)); } .my-3 { margin-block: calc(3rem * var(--ui-scale)) calc(3rem * var(--ui-scale)); } .mx-3 { margin-inline: calc(3rem * var(--ui-scale)) calc(3rem * var(--ui-scale)); } .m-3-5 { margin: calc(3.5rem * var(--ui-scale)); } .mt-3-5 { margin-top: calc(3.5rem * var(--ui-scale)); } .mb-3-5 { margin-bottom: calc(3.5rem * var(--ui-scale)); } .ml-3-5 { margin-left: calc(3.5rem * var(--ui-scale)); } .mr-3-5 { margin-right: calc(3.5rem * var(--ui-scale)); } .my-3-5 { margin-block: calc(3.5rem * var(--ui-scale)) calc(3.5rem * var(--ui-scale)); } .mx-3-5 { margin-inline: calc(3.5rem * var(--ui-scale)) calc(3.5rem * var(--ui-scale)); } .m-4 { margin: calc(4rem * var(--ui-scale)); } .mt-4 { margin-top: calc(4rem * var(--ui-scale)); } .mb-4 { margin-bottom: calc(4rem * var(--ui-scale)); } .ml-4 { margin-left: calc(4rem * var(--ui-scale)); } .mr-4 { margin-right: calc(4rem * var(--ui-scale)); } .my-4 { margin-block: calc(4rem * var(--ui-scale)) calc(4rem * var(--ui-scale)); } .mx-4 { margin-inline: calc(4rem * var(--ui-scale)) calc(4rem * var(--ui-scale)); } .m-4-5 { margin: calc(4.5rem * var(--ui-scale)); } .mt-4-5 { margin-top: calc(4.5rem * var(--ui-scale)); } .mb-4-5 { margin-bottom: calc(4.5rem * var(--ui-scale)); } .ml-4-5 { margin-left: calc(4.5rem * var(--ui-scale)); } .mr-4-5 { margin-right: calc(4.5rem * var(--ui-scale)); } .my-4-5 { margin-block: calc(4.5rem * var(--ui-scale)) calc(4.5rem * var(--ui-scale)); } .mx-4-5 { margin-inline: calc(4.5rem * var(--ui-scale)) calc(4.5rem * var(--ui-scale)); } .m-5 { margin: calc(5rem * var(--ui-scale)); } .mt-5 { margin-top: calc(5rem * var(--ui-scale)); } .mb-5 { margin-bottom: calc(5rem * var(--ui-scale)); } .ml-5 { margin-left: calc(5rem * var(--ui-scale)); } .mr-5 { margin-right: calc(5rem * var(--ui-scale)); } .my-5 { margin-block: calc(5rem * var(--ui-scale)) calc(5rem * var(--ui-scale)); } .mx-5 { margin-inline: calc(5rem * var(--ui-scale)) calc(5rem * var(--ui-scale)); } .m-5-5 { margin: calc(5.5rem * var(--ui-scale)); } .mt-5-5 { margin-top: calc(5.5rem * var(--ui-scale)); } .mb-5-5 { margin-bottom: calc(5.5rem * var(--ui-scale)); } .ml-5-5 { margin-left: calc(5.5rem * var(--ui-scale)); } .mr-5-5 { margin-right: calc(5.5rem * var(--ui-scale)); } .my-5-5 { margin-block: calc(5.5rem * var(--ui-scale)) calc(5.5rem * var(--ui-scale)); } .mx-5-5 { margin-inline: calc(5.5rem * var(--ui-scale)) calc(5.5rem * var(--ui-scale)); } .m-6 { margin: calc(6rem * var(--ui-scale)); } .mt-6 { margin-top: calc(6rem * var(--ui-scale)); } .mb-6 { margin-bottom: calc(6rem * var(--ui-scale)); } .ml-6 { margin-left: calc(6rem * var(--ui-scale)); } .mr-6 { margin-right: calc(6rem * var(--ui-scale)); } .my-6 { margin-block: calc(6rem * var(--ui-scale)) calc(6rem * var(--ui-scale)); } .mx-6 { margin-inline: calc(6rem * var(--ui-scale)) calc(6rem * var(--ui-scale)); } .m-6-5 { margin: calc(6.5rem * var(--ui-scale)); } .mt-6-5 { margin-top: calc(6.5rem * var(--ui-scale)); } .mb-6-5 { margin-bottom: calc(6.5rem * var(--ui-scale)); } .ml-6-5 { margin-left: calc(6.5rem * var(--ui-scale)); } .mr-6-5 { margin-right: calc(6.5rem * var(--ui-scale)); } .my-6-5 { margin-block: calc(6.5rem * var(--ui-scale)) calc(6.5rem * var(--ui-scale)); } .mx-6-5 { margin-inline: calc(6.5rem * var(--ui-scale)) calc(6.5rem * var(--ui-scale)); } .m-7 { margin: calc(7rem * var(--ui-scale)); } .mt-7 { margin-top: calc(7rem * var(--ui-scale)); } .mb-7 { margin-bottom: calc(7rem * var(--ui-scale)); } .ml-7 { margin-left: calc(7rem * var(--ui-scale)); } .mr-7 { margin-right: calc(7rem * var(--ui-scale)); } .my-7 { margin-block: calc(7rem * var(--ui-scale)) calc(7rem * var(--ui-scale)); } .mx-7 { margin-inline: calc(7rem * var(--ui-scale)) calc(7rem * var(--ui-scale)); } .m-7-5 { margin: calc(7.5rem * var(--ui-scale)); } .mt-7-5 { margin-top: calc(7.5rem * var(--ui-scale)); } .mb-7-5 { margin-bottom: calc(7.5rem * var(--ui-scale)); } .ml-7-5 { margin-left: calc(7.5rem * var(--ui-scale)); } .mr-7-5 { margin-right: calc(7.5rem * var(--ui-scale)); } .my-7-5 { margin-block: calc(7.5rem * var(--ui-scale)) calc(7.5rem * var(--ui-scale)); } .mx-7-5 { margin-inline: calc(7.5rem * var(--ui-scale)) calc(7.5rem * var(--ui-scale)); } .m-8 { margin: calc(8rem * var(--ui-scale)); } .mt-8 { margin-top: calc(8rem * var(--ui-scale)); } .mb-8 { margin-bottom: calc(8rem * var(--ui-scale)); } .ml-8 { margin-left: calc(8rem * var(--ui-scale)); } .mr-8 { margin-right: calc(8rem * var(--ui-scale)); } .my-8 { margin-block: calc(8rem * var(--ui-scale)) calc(8rem * var(--ui-scale)); } .mx-8 { margin-inline: calc(8rem * var(--ui-scale)) calc(8rem * var(--ui-scale)); } .m-8-5 { margin: calc(8.5rem * var(--ui-scale)); } .mt-8-5 { margin-top: calc(8.5rem * var(--ui-scale)); } .mb-8-5 { margin-bottom: calc(8.5rem * var(--ui-scale)); } .ml-8-5 { margin-left: calc(8.5rem * var(--ui-scale)); } .mr-8-5 { margin-right: calc(8.5rem * var(--ui-scale)); } .my-8-5 { margin-block: calc(8.5rem * var(--ui-scale)) calc(8.5rem * var(--ui-scale)); } .mx-8-5 { margin-inline: calc(8.5rem * var(--ui-scale)) calc(8.5rem * var(--ui-scale)); } .m-9 { margin: calc(9rem * var(--ui-scale)); } .mt-9 { margin-top: calc(9rem * var(--ui-scale)); } .mb-9 { margin-bottom: calc(9rem * var(--ui-scale)); } .ml-9 { margin-left: calc(9rem * var(--ui-scale)); } .mr-9 { margin-right: calc(9rem * var(--ui-scale)); } .my-9 { margin-block: calc(9rem * var(--ui-scale)) calc(9rem * var(--ui-scale)); } .mx-9 { margin-inline: calc(9rem * var(--ui-scale)) calc(9rem * var(--ui-scale)); } .m-9-5 { margin: calc(9.5rem * var(--ui-scale)); } .mt-9-5 { margin-top: calc(9.5rem * var(--ui-scale)); } .mb-9-5 { margin-bottom: calc(9.5rem * var(--ui-scale)); } .ml-9-5 { margin-left: calc(9.5rem * var(--ui-scale)); } .mr-9-5 { margin-right: calc(9.5rem * var(--ui-scale)); } .my-9-5 { margin-block: calc(9.5rem * var(--ui-scale)) calc(9.5rem * var(--ui-scale)); } .mx-9-5 { margin-inline: calc(9.5rem * var(--ui-scale)) calc(9.5rem * var(--ui-scale)); } .m-10 { margin: calc(10rem * var(--ui-scale)); } .mt-10 { margin-top: calc(10rem * var(--ui-scale)); } .mb-10 { margin-bottom: calc(10rem * var(--ui-scale)); } .ml-10 { margin-left: calc(10rem * var(--ui-scale)); } .mr-10 { margin-right: calc(10rem * var(--ui-scale)); } .my-10 { margin-block: calc(10rem * var(--ui-scale)) calc(10rem * var(--ui-scale)); } .mx-10 { margin-inline: calc(10rem * var(--ui-scale)) calc(10rem * var(--ui-scale)); } .m-10-5 { margin: calc(10.5rem * var(--ui-scale)); } .mt-10-5 { margin-top: calc(10.5rem * var(--ui-scale)); } .mb-10-5 { margin-bottom: calc(10.5rem * var(--ui-scale)); } .ml-10-5 { margin-left: calc(10.5rem * var(--ui-scale)); } .mr-10-5 { margin-right: calc(10.5rem * var(--ui-scale)); } .my-10-5 { margin-block: calc(10.5rem * var(--ui-scale)) calc(10.5rem * var(--ui-scale)); } .mx-10-5 { margin-inline: calc(10.5rem * var(--ui-scale)) calc(10.5rem * var(--ui-scale)); } .m-11 { margin: calc(11rem * var(--ui-scale)); } .mt-11 { margin-top: calc(11rem * var(--ui-scale)); } .mb-11 { margin-bottom: calc(11rem * var(--ui-scale)); } .ml-11 { margin-left: calc(11rem * var(--ui-scale)); } .mr-11 { margin-right: calc(11rem * var(--ui-scale)); } .my-11 { margin-block: calc(11rem * var(--ui-scale)) calc(11rem * var(--ui-scale)); } .mx-11 { margin-inline: calc(11rem * var(--ui-scale)) calc(11rem * var(--ui-scale)); } .m-11-5 { margin: calc(11.5rem * var(--ui-scale)); } .mt-11-5 { margin-top: calc(11.5rem * var(--ui-scale)); } .mb-11-5 { margin-bottom: calc(11.5rem * var(--ui-scale)); } .ml-11-5 { margin-left: calc(11.5rem * var(--ui-scale)); } .mr-11-5 { margin-right: calc(11.5rem * var(--ui-scale)); } .my-11-5 { margin-block: calc(11.5rem * var(--ui-scale)) calc(11.5rem * var(--ui-scale)); } .mx-11-5 { margin-inline: calc(11.5rem * var(--ui-scale)) calc(11.5rem * var(--ui-scale)); } .m-12 { margin: calc(12rem * var(--ui-scale)); } .mt-12 { margin-top: calc(12rem * var(--ui-scale)); } .mb-12 { margin-bottom: calc(12rem * var(--ui-scale)); } .ml-12 { margin-left: calc(12rem * var(--ui-scale)); } .mr-12 { margin-right: calc(12rem * var(--ui-scale)); } .my-12 { margin-block: calc(12rem * var(--ui-scale)) calc(12rem * var(--ui-scale)); } .mx-12 { margin-inline: calc(12rem * var(--ui-scale)) calc(12rem * var(--ui-scale)); } .m-13 { margin: calc(13rem * var(--ui-scale)); } .mt-13 { margin-top: calc(13rem * var(--ui-scale)); } .mb-13 { margin-bottom: calc(13rem * var(--ui-scale)); } .ml-13 { margin-left: calc(13rem * var(--ui-scale)); } .mr-13 { margin-right: calc(13rem * var(--ui-scale)); } .my-13 { margin-block: calc(13rem * var(--ui-scale)) calc(13rem * var(--ui-scale)); } .mx-13 { margin-inline: calc(13rem * var(--ui-scale)) calc(13rem * var(--ui-scale)); } .m-14 { margin: calc(14rem * var(--ui-scale)); } .mt-14 { margin-top: calc(14rem * var(--ui-scale)); } .mb-14 { margin-bottom: calc(14rem * var(--ui-scale)); } .ml-14 { margin-left: calc(14rem * var(--ui-scale)); } .mr-14 { margin-right: calc(14rem * var(--ui-scale)); } .my-14 { margin-block: calc(14rem * var(--ui-scale)) calc(14rem * var(--ui-scale)); } .mx-14 { margin-inline: calc(14rem * var(--ui-scale)) calc(14rem * var(--ui-scale)); } .m-15 { margin: calc(15rem * var(--ui-scale)); } .mt-15 { margin-top: calc(15rem * var(--ui-scale)); } .mb-15 { margin-bottom: calc(15rem * var(--ui-scale)); } .ml-15 { margin-left: calc(15rem * var(--ui-scale)); } .mr-15 { margin-right: calc(15rem * var(--ui-scale)); } .my-15 { margin-block: calc(15rem * var(--ui-scale)) calc(15rem * var(--ui-scale)); } .mx-15 { margin-inline: calc(15rem * var(--ui-scale)) calc(15rem * var(--ui-scale)); } .p-0 { padding: calc(0rem * var(--ui-scale)); } .pt-0 { padding-top: calc(0rem * var(--ui-scale)); } .pb-0 { padding-bottom: calc(0rem * var(--ui-scale)); } .pl-0 { padding-left: calc(0rem * var(--ui-scale)); } .pr-0 { padding-right: calc(0rem * var(--ui-scale)); } .py-0 { padding-block: calc(0rem * var(--ui-scale)) calc(0rem * var(--ui-scale)); } .px-0 { padding-inline: calc(0rem * var(--ui-scale)) calc(0rem * var(--ui-scale)); } .p-0-5 { padding: calc(0.5rem * var(--ui-scale)); } .pt-0-5 { padding-top: calc(0.5rem * var(--ui-scale)); } .pb-0-5 { padding-bottom: calc(0.5rem * var(--ui-scale)); } .pl-0-5 { padding-left: calc(0.5rem * var(--ui-scale)); } .pr-0-5 { padding-right: calc(0.5rem * var(--ui-scale)); } .py-0-5 { padding-block: calc(0.5rem * var(--ui-scale)) calc(0.5rem * var(--ui-scale)); } .px-0-5 { padding-inline: calc(0.5rem * var(--ui-scale)) calc(0.5rem * var(--ui-scale)); } .p-1 { padding: calc(1rem * var(--ui-scale)); } .pt-1 { padding-top: calc(1rem * var(--ui-scale)); } .pb-1 { padding-bottom: calc(1rem * var(--ui-scale)); } .pl-1 { padding-left: calc(1rem * var(--ui-scale)); } .pr-1 { padding-right: calc(1rem * var(--ui-scale)); } .py-1 { padding-block: calc(1rem * var(--ui-scale)) calc(1rem * var(--ui-scale)); } .px-1 { padding-inline: calc(1rem * var(--ui-scale)) calc(1rem * var(--ui-scale)); } .p-1-5 { padding: calc(1.5rem * var(--ui-scale)); } .pt-1-5 { padding-top: calc(1.5rem * var(--ui-scale)); } .pb-1-5 { padding-bottom: calc(1.5rem * var(--ui-scale)); } .pl-1-5 { padding-left: calc(1.5rem * var(--ui-scale)); } .pr-1-5 { padding-right: calc(1.5rem * var(--ui-scale)); } .py-1-5 { padding-block: calc(1.5rem * var(--ui-scale)) calc(1.5rem * var(--ui-scale)); } .px-1-5 { padding-inline: calc(1.5rem * var(--ui-scale)) calc(1.5rem * var(--ui-scale)); } .p-2 { padding: calc(2rem * var(--ui-scale)); } .pt-2 { padding-top: calc(2rem * var(--ui-scale)); } .pb-2 { padding-bottom: calc(2rem * var(--ui-scale)); } .pl-2 { padding-left: calc(2rem * var(--ui-scale)); } .pr-2 { padding-right: calc(2rem * var(--ui-scale)); } .py-2 { padding-block: calc(2rem * var(--ui-scale)) calc(2rem * var(--ui-scale)); } .px-2 { padding-inline: calc(2rem * var(--ui-scale)) calc(2rem * var(--ui-scale)); } .p-2-5 { padding: calc(2.5rem * var(--ui-scale)); } .pt-2-5 { padding-top: calc(2.5rem * var(--ui-scale)); } .pb-2-5 { padding-bottom: calc(2.5rem * var(--ui-scale)); } .pl-2-5 { padding-left: calc(2.5rem * var(--ui-scale)); } .pr-2-5 { padding-right: calc(2.5rem * var(--ui-scale)); } .py-2-5 { padding-block: calc(2.5rem * var(--ui-scale)) calc(2.5rem * var(--ui-scale)); } .px-2-5 { padding-inline: calc(2.5rem * var(--ui-scale)) calc(2.5rem * var(--ui-scale)); } .p-3 { padding: calc(3rem * var(--ui-scale)); } .pt-3 { padding-top: calc(3rem * var(--ui-scale)); } .pb-3 { padding-bottom: calc(3rem * var(--ui-scale)); } .pl-3 { padding-left: calc(3rem * var(--ui-scale)); } .pr-3 { padding-right: calc(3rem * var(--ui-scale)); } .py-3 { padding-block: calc(3rem * var(--ui-scale)) calc(3rem * var(--ui-scale)); } .px-3 { padding-inline: calc(3rem * var(--ui-scale)) calc(3rem * var(--ui-scale)); } .p-3-5 { padding: calc(3.5rem * var(--ui-scale)); } .pt-3-5 { padding-top: calc(3.5rem * var(--ui-scale)); } .pb-3-5 { padding-bottom: calc(3.5rem * var(--ui-scale)); } .pl-3-5 { padding-left: calc(3.5rem * var(--ui-scale)); } .pr-3-5 { padding-right: calc(3.5rem * var(--ui-scale)); } .py-3-5 { padding-block: calc(3.5rem * var(--ui-scale)) calc(3.5rem * var(--ui-scale)); } .px-3-5 { padding-inline: calc(3.5rem * var(--ui-scale)) calc(3.5rem * var(--ui-scale)); } .p-4 { padding: calc(4rem * var(--ui-scale)); } .pt-4 { padding-top: calc(4rem * var(--ui-scale)); } .pb-4 { padding-bottom: calc(4rem * var(--ui-scale)); } .pl-4 { padding-left: calc(4rem * var(--ui-scale)); } .pr-4 { padding-right: calc(4rem * var(--ui-scale)); } .py-4 { padding-block: calc(4rem * var(--ui-scale)) calc(4rem * var(--ui-scale)); } .px-4 { padding-inline: calc(4rem * var(--ui-scale)) calc(4rem * var(--ui-scale)); } .p-4-5 { padding: calc(4.5rem * var(--ui-scale)); } .pt-4-5 { padding-top: calc(4.5rem * var(--ui-scale)); } .pb-4-5 { padding-bottom: calc(4.5rem * var(--ui-scale)); } .pl-4-5 { padding-left: calc(4.5rem * var(--ui-scale)); } .pr-4-5 { padding-right: calc(4.5rem * var(--ui-scale)); } .py-4-5 { padding-block: calc(4.5rem * var(--ui-scale)) calc(4.5rem * var(--ui-scale)); } .px-4-5 { padding-inline: calc(4.5rem * var(--ui-scale)) calc(4.5rem * var(--ui-scale)); } .p-5 { padding: calc(5rem * var(--ui-scale)); } .pt-5 { padding-top: calc(5rem * var(--ui-scale)); } .pb-5 { padding-bottom: calc(5rem * var(--ui-scale)); } .pl-5 { padding-left: calc(5rem * var(--ui-scale)); } .pr-5 { padding-right: calc(5rem * var(--ui-scale)); } .py-5 { padding-block: calc(5rem * var(--ui-scale)) calc(5rem * var(--ui-scale)); } .px-5 { padding-inline: calc(5rem * var(--ui-scale)) calc(5rem * var(--ui-scale)); } .p-5-5 { padding: calc(5.5rem * var(--ui-scale)); } .pt-5-5 { padding-top: calc(5.5rem * var(--ui-scale)); } .pb-5-5 { padding-bottom: calc(5.5rem * var(--ui-scale)); } .pl-5-5 { padding-left: calc(5.5rem * var(--ui-scale)); } .pr-5-5 { padding-right: calc(5.5rem * var(--ui-scale)); } .py-5-5 { padding-block: calc(5.5rem * var(--ui-scale)) calc(5.5rem * var(--ui-scale)); } .px-5-5 { padding-inline: calc(5.5rem * var(--ui-scale)) calc(5.5rem * var(--ui-scale)); } .p-6 { padding: calc(6rem * var(--ui-scale)); } .pt-6 { padding-top: calc(6rem * var(--ui-scale)); } .pb-6 { padding-bottom: calc(6rem * var(--ui-scale)); } .pl-6 { padding-left: calc(6rem * var(--ui-scale)); } .pr-6 { padding-right: calc(6rem * var(--ui-scale)); } .py-6 { padding-block: calc(6rem * var(--ui-scale)) calc(6rem * var(--ui-scale)); } .px-6 { padding-inline: calc(6rem * var(--ui-scale)) calc(6rem * var(--ui-scale)); } .p-6-5 { padding: calc(6.5rem * var(--ui-scale)); } .pt-6-5 { padding-top: calc(6.5rem * var(--ui-scale)); } .pb-6-5 { padding-bottom: calc(6.5rem * var(--ui-scale)); } .pl-6-5 { padding-left: calc(6.5rem * var(--ui-scale)); } .pr-6-5 { padding-right: calc(6.5rem * var(--ui-scale)); } .py-6-5 { padding-block: calc(6.5rem * var(--ui-scale)) calc(6.5rem * var(--ui-scale)); } .px-6-5 { padding-inline: calc(6.5rem * var(--ui-scale)) calc(6.5rem * var(--ui-scale)); } .p-7 { padding: calc(7rem * var(--ui-scale)); } .pt-7 { padding-top: calc(7rem * var(--ui-scale)); } .pb-7 { padding-bottom: calc(7rem * var(--ui-scale)); } .pl-7 { padding-left: calc(7rem * var(--ui-scale)); } .pr-7 { padding-right: calc(7rem * var(--ui-scale)); } .py-7 { padding-block: calc(7rem * var(--ui-scale)) calc(7rem * var(--ui-scale)); } .px-7 { padding-inline: calc(7rem * var(--ui-scale)) calc(7rem * var(--ui-scale)); } .p-7-5 { padding: calc(7.5rem * var(--ui-scale)); } .pt-7-5 { padding-top: calc(7.5rem * var(--ui-scale)); } .pb-7-5 { padding-bottom: calc(7.5rem * var(--ui-scale)); } .pl-7-5 { padding-left: calc(7.5rem * var(--ui-scale)); } .pr-7-5 { padding-right: calc(7.5rem * var(--ui-scale)); } .py-7-5 { padding-block: calc(7.5rem * var(--ui-scale)) calc(7.5rem * var(--ui-scale)); } .px-7-5 { padding-inline: calc(7.5rem * var(--ui-scale)) calc(7.5rem * var(--ui-scale)); } .p-8 { padding: calc(8rem * var(--ui-scale)); } .pt-8 { padding-top: calc(8rem * var(--ui-scale)); } .pb-8 { padding-bottom: calc(8rem * var(--ui-scale)); } .pl-8 { padding-left: calc(8rem * var(--ui-scale)); } .pr-8 { padding-right: calc(8rem * var(--ui-scale)); } .py-8 { padding-block: calc(8rem * var(--ui-scale)) calc(8rem * var(--ui-scale)); } .px-8 { padding-inline: calc(8rem * var(--ui-scale)) calc(8rem * var(--ui-scale)); } .p-8-5 { padding: calc(8.5rem * var(--ui-scale)); } .pt-8-5 { padding-top: calc(8.5rem * var(--ui-scale)); } .pb-8-5 { padding-bottom: calc(8.5rem * var(--ui-scale)); } .pl-8-5 { padding-left: calc(8.5rem * var(--ui-scale)); } .pr-8-5 { padding-right: calc(8.5rem * var(--ui-scale)); } .py-8-5 { padding-block: calc(8.5rem * var(--ui-scale)) calc(8.5rem * var(--ui-scale)); } .px-8-5 { padding-inline: calc(8.5rem * var(--ui-scale)) calc(8.5rem * var(--ui-scale)); } .p-9 { padding: calc(9rem * var(--ui-scale)); } .pt-9 { padding-top: calc(9rem * var(--ui-scale)); } .pb-9 { padding-bottom: calc(9rem * var(--ui-scale)); } .pl-9 { padding-left: calc(9rem * var(--ui-scale)); } .pr-9 { padding-right: calc(9rem * var(--ui-scale)); } .py-9 { padding-block: calc(9rem * var(--ui-scale)) calc(9rem * var(--ui-scale)); } .px-9 { padding-inline: calc(9rem * var(--ui-scale)) calc(9rem * var(--ui-scale)); } .p-9-5 { padding: calc(9.5rem * var(--ui-scale)); } .pt-9-5 { padding-top: calc(9.5rem * var(--ui-scale)); } .pb-9-5 { padding-bottom: calc(9.5rem * var(--ui-scale)); } .pl-9-5 { padding-left: calc(9.5rem * var(--ui-scale)); } .pr-9-5 { padding-right: calc(9.5rem * var(--ui-scale)); } .py-9-5 { padding-block: calc(9.5rem * var(--ui-scale)) calc(9.5rem * var(--ui-scale)); } .px-9-5 { padding-inline: calc(9.5rem * var(--ui-scale)) calc(9.5rem * var(--ui-scale)); } .p-10 { padding: calc(10rem * var(--ui-scale)); } .pt-10 { padding-top: calc(10rem * var(--ui-scale)); } .pb-10 { padding-bottom: calc(10rem * var(--ui-scale)); } .pl-10 { padding-left: calc(10rem * var(--ui-scale)); } .pr-10 { padding-right: calc(10rem * var(--ui-scale)); } .py-10 { padding-block: calc(10rem * var(--ui-scale)) calc(10rem * var(--ui-scale)); } .px-10 { padding-inline: calc(10rem * var(--ui-scale)) calc(10rem * var(--ui-scale)); } .p-10-5 { padding: calc(10.5rem * var(--ui-scale)); } .pt-10-5 { padding-top: calc(10.5rem * var(--ui-scale)); } .pb-10-5 { padding-bottom: calc(10.5rem * var(--ui-scale)); } .pl-10-5 { padding-left: calc(10.5rem * var(--ui-scale)); } .pr-10-5 { padding-right: calc(10.5rem * var(--ui-scale)); } .py-10-5 { padding-block: calc(10.5rem * var(--ui-scale)) calc(10.5rem * var(--ui-scale)); } .px-10-5 { padding-inline: calc(10.5rem * var(--ui-scale)) calc(10.5rem * var(--ui-scale)); } .p-11 { padding: calc(11rem * var(--ui-scale)); } .pt-11 { padding-top: calc(11rem * var(--ui-scale)); } .pb-11 { padding-bottom: calc(11rem * var(--ui-scale)); } .pl-11 { padding-left: calc(11rem * var(--ui-scale)); } .pr-11 { padding-right: calc(11rem * var(--ui-scale)); } .py-11 { padding-block: calc(11rem * var(--ui-scale)) calc(11rem * var(--ui-scale)); } .px-11 { padding-inline: calc(11rem * var(--ui-scale)) calc(11rem * var(--ui-scale)); } .p-11-5 { padding: calc(11.5rem * var(--ui-scale)); } .pt-11-5 { padding-top: calc(11.5rem * var(--ui-scale)); } .pb-11-5 { padding-bottom: calc(11.5rem * var(--ui-scale)); } .pl-11-5 { padding-left: calc(11.5rem * var(--ui-scale)); } .pr-11-5 { padding-right: calc(11.5rem * var(--ui-scale)); } .py-11-5 { padding-block: calc(11.5rem * var(--ui-scale)) calc(11.5rem * var(--ui-scale)); } .px-11-5 { padding-inline: calc(11.5rem * var(--ui-scale)) calc(11.5rem * var(--ui-scale)); } .p-12 { padding: calc(12rem * var(--ui-scale)); } .pt-12 { padding-top: calc(12rem * var(--ui-scale)); } .pb-12 { padding-bottom: calc(12rem * var(--ui-scale)); } .pl-12 { padding-left: calc(12rem * var(--ui-scale)); } .pr-12 { padding-right: calc(12rem * var(--ui-scale)); } .py-12 { padding-block: calc(12rem * var(--ui-scale)) calc(12rem * var(--ui-scale)); } .px-12 { padding-inline: calc(12rem * var(--ui-scale)) calc(12rem * var(--ui-scale)); } .p-13 { padding: calc(13rem * var(--ui-scale)); } .pt-13 { padding-top: calc(13rem * var(--ui-scale)); } .pb-13 { padding-bottom: calc(13rem * var(--ui-scale)); } .pl-13 { padding-left: calc(13rem * var(--ui-scale)); } .pr-13 { padding-right: calc(13rem * var(--ui-scale)); } .py-13 { padding-block: calc(13rem * var(--ui-scale)) calc(13rem * var(--ui-scale)); } .px-13 { padding-inline: calc(13rem * var(--ui-scale)) calc(13rem * var(--ui-scale)); } .p-14 { padding: calc(14rem * var(--ui-scale)); } .pt-14 { padding-top: calc(14rem * var(--ui-scale)); } .pb-14 { padding-bottom: calc(14rem * var(--ui-scale)); } .pl-14 { padding-left: calc(14rem * var(--ui-scale)); } .pr-14 { padding-right: calc(14rem * var(--ui-scale)); } .py-14 { padding-block: calc(14rem * var(--ui-scale)) calc(14rem * var(--ui-scale)); } .px-14 { padding-inline: calc(14rem * var(--ui-scale)) calc(14rem * var(--ui-scale)); } .p-15 { padding: calc(15rem * var(--ui-scale)); } .pt-15 { padding-top: calc(15rem * var(--ui-scale)); } .pb-15 { padding-bottom: calc(15rem * var(--ui-scale)); } .pl-15 { padding-left: calc(15rem * var(--ui-scale)); } .pr-15 { padding-right: calc(15rem * var(--ui-scale)); } .py-15 { padding-block: calc(15rem * var(--ui-scale)) calc(15rem * var(--ui-scale)); } .px-15 { padding-inline: calc(15rem * var(--ui-scale)) calc(15rem * var(--ui-scale)); } /* Explizite Mobile Overrides (ohne Scale) */ @media (max-width: 767px) { .m-m-0 { margin: 0rem; } .mt-m-0 { margin-top: 0rem; } .mb-m-0 { margin-bottom: 0rem; } .ml-m-0 { margin-left: 0rem; } .mr-m-0 { margin-right: 0rem; } .my-m-0 { margin-block: 0rem 0rem; } .mx-m-0 { margin-inline: 0rem 0rem; } .m-m-0-5 { margin: 0.5rem; } .mt-m-0-5 { margin-top: 0.5rem; } .mb-m-0-5 { margin-bottom: 0.5rem; } .ml-m-0-5 { margin-left: 0.5rem; } .mr-m-0-5 { margin-right: 0.5rem; } .my-m-0-5 { margin-block: 0.5rem 0.5rem; } .mx-m-0-5 { margin-inline: 0.5rem 0.5rem; } .m-m-1 { margin: 1rem; } .mt-m-1 { margin-top: 1rem; } .mb-m-1 { margin-bottom: 1rem; } .ml-m-1 { margin-left: 1rem; } .mr-m-1 { margin-right: 1rem; } .my-m-1 { margin-block: 1rem 1rem; } .mx-m-1 { margin-inline: 1rem 1rem; } .m-m-1-5 { margin: 1.5rem; } .mt-m-1-5 { margin-top: 1.5rem; } .mb-m-1-5 { margin-bottom: 1.5rem; } .ml-m-1-5 { margin-left: 1.5rem; } .mr-m-1-5 { margin-right: 1.5rem; } .my-m-1-5 { margin-block: 1.5rem 1.5rem; } .mx-m-1-5 { margin-inline: 1.5rem 1.5rem; } .m-m-2 { margin: 2rem; } .mt-m-2 { margin-top: 2rem; } .mb-m-2 { margin-bottom: 2rem; } .ml-m-2 { margin-left: 2rem; } .mr-m-2 { margin-right: 2rem; } .my-m-2 { margin-block: 2rem 2rem; } .mx-m-2 { margin-inline: 2rem 2rem; } .m-m-2-5 { margin: 2.5rem; } .mt-m-2-5 { margin-top: 2.5rem; } .mb-m-2-5 { margin-bottom: 2.5rem; } .ml-m-2-5 { margin-left: 2.5rem; } .mr-m-2-5 { margin-right: 2.5rem; } .my-m-2-5 { margin-block: 2.5rem 2.5rem; } .mx-m-2-5 { margin-inline: 2.5rem 2.5rem; } .m-m-3 { margin: 3rem; } .mt-m-3 { margin-top: 3rem; } .mb-m-3 { margin-bottom: 3rem; } .ml-m-3 { margin-left: 3rem; } .mr-m-3 { margin-right: 3rem; } .my-m-3 { margin-block: 3rem 3rem; } .mx-m-3 { margin-inline: 3rem 3rem; } .m-m-3-5 { margin: 3.5rem; } .mt-m-3-5 { margin-top: 3.5rem; } .mb-m-3-5 { margin-bottom: 3.5rem; } .ml-m-3-5 { margin-left: 3.5rem; } .mr-m-3-5 { margin-right: 3.5rem; } .my-m-3-5 { margin-block: 3.5rem 3.5rem; } .mx-m-3-5 { margin-inline: 3.5rem 3.5rem; } .m-m-4 { margin: 4rem; } .mt-m-4 { margin-top: 4rem; } .mb-m-4 { margin-bottom: 4rem; } .ml-m-4 { margin-left: 4rem; } .mr-m-4 { margin-right: 4rem; } .my-m-4 { margin-block: 4rem 4rem; } .mx-m-4 { margin-inline: 4rem 4rem; } .m-m-4-5 { margin: 4.5rem; } .mt-m-4-5 { margin-top: 4.5rem; } .mb-m-4-5 { margin-bottom: 4.5rem; } .ml-m-4-5 { margin-left: 4.5rem; } .mr-m-4-5 { margin-right: 4.5rem; } .my-m-4-5 { margin-block: 4.5rem 4.5rem; } .mx-m-4-5 { margin-inline: 4.5rem 4.5rem; } .m-m-5 { margin: 5rem; } .mt-m-5 { margin-top: 5rem; } .mb-m-5 { margin-bottom: 5rem; } .ml-m-5 { margin-left: 5rem; } .mr-m-5 { margin-right: 5rem; } .my-m-5 { margin-block: 5rem 5rem; } .mx-m-5 { margin-inline: 5rem 5rem; } .m-m-5-5 { margin: 5.5rem; } .mt-m-5-5 { margin-top: 5.5rem; } .mb-m-5-5 { margin-bottom: 5.5rem; } .ml-m-5-5 { margin-left: 5.5rem; } .mr-m-5-5 { margin-right: 5.5rem; } .my-m-5-5 { margin-block: 5.5rem 5.5rem; } .mx-m-5-5 { margin-inline: 5.5rem 5.5rem; } .m-m-6 { margin: 6rem; } .mt-m-6 { margin-top: 6rem; } .mb-m-6 { margin-bottom: 6rem; } .ml-m-6 { margin-left: 6rem; } .mr-m-6 { margin-right: 6rem; } .my-m-6 { margin-block: 6rem 6rem; } .mx-m-6 { margin-inline: 6rem 6rem; } .m-m-6-5 { margin: 6.5rem; } .mt-m-6-5 { margin-top: 6.5rem; } .mb-m-6-5 { margin-bottom: 6.5rem; } .ml-m-6-5 { margin-left: 6.5rem; } .mr-m-6-5 { margin-right: 6.5rem; } .my-m-6-5 { margin-block: 6.5rem 6.5rem; } .mx-m-6-5 { margin-inline: 6.5rem 6.5rem; } .m-m-7 { margin: 7rem; } .mt-m-7 { margin-top: 7rem; } .mb-m-7 { margin-bottom: 7rem; } .ml-m-7 { margin-left: 7rem; } .mr-m-7 { margin-right: 7rem; } .my-m-7 { margin-block: 7rem 7rem; } .mx-m-7 { margin-inline: 7rem 7rem; } .m-m-7-5 { margin: 7.5rem; } .mt-m-7-5 { margin-top: 7.5rem; } .mb-m-7-5 { margin-bottom: 7.5rem; } .ml-m-7-5 { margin-left: 7.5rem; } .mr-m-7-5 { margin-right: 7.5rem; } .my-m-7-5 { margin-block: 7.5rem 7.5rem; } .mx-m-7-5 { margin-inline: 7.5rem 7.5rem; } .m-m-8 { margin: 8rem; } .mt-m-8 { margin-top: 8rem; } .mb-m-8 { margin-bottom: 8rem; } .ml-m-8 { margin-left: 8rem; } .mr-m-8 { margin-right: 8rem; } .my-m-8 { margin-block: 8rem 8rem; } .mx-m-8 { margin-inline: 8rem 8rem; } .m-m-8-5 { margin: 8.5rem; } .mt-m-8-5 { margin-top: 8.5rem; } .mb-m-8-5 { margin-bottom: 8.5rem; } .ml-m-8-5 { margin-left: 8.5rem; } .mr-m-8-5 { margin-right: 8.5rem; } .my-m-8-5 { margin-block: 8.5rem 8.5rem; } .mx-m-8-5 { margin-inline: 8.5rem 8.5rem; } .m-m-9 { margin: 9rem; } .mt-m-9 { margin-top: 9rem; } .mb-m-9 { margin-bottom: 9rem; } .ml-m-9 { margin-left: 9rem; } .mr-m-9 { margin-right: 9rem; } .my-m-9 { margin-block: 9rem 9rem; } .mx-m-9 { margin-inline: 9rem 9rem; } .m-m-9-5 { margin: 9.5rem; } .mt-m-9-5 { margin-top: 9.5rem; } .mb-m-9-5 { margin-bottom: 9.5rem; } .ml-m-9-5 { margin-left: 9.5rem; } .mr-m-9-5 { margin-right: 9.5rem; } .my-m-9-5 { margin-block: 9.5rem 9.5rem; } .mx-m-9-5 { margin-inline: 9.5rem 9.5rem; } .m-m-10 { margin: 10rem; } .mt-m-10 { margin-top: 10rem; } .mb-m-10 { margin-bottom: 10rem; } .ml-m-10 { margin-left: 10rem; } .mr-m-10 { margin-right: 10rem; } .my-m-10 { margin-block: 10rem 10rem; } .mx-m-10 { margin-inline: 10rem 10rem; } .m-m-10-5 { margin: 10.5rem; } .mt-m-10-5 { margin-top: 10.5rem; } .mb-m-10-5 { margin-bottom: 10.5rem; } .ml-m-10-5 { margin-left: 10.5rem; } .mr-m-10-5 { margin-right: 10.5rem; } .my-m-10-5 { margin-block: 10.5rem 10.5rem; } .mx-m-10-5 { margin-inline: 10.5rem 10.5rem; } .m-m-11 { margin: 11rem; } .mt-m-11 { margin-top: 11rem; } .mb-m-11 { margin-bottom: 11rem; } .ml-m-11 { margin-left: 11rem; } .mr-m-11 { margin-right: 11rem; } .my-m-11 { margin-block: 11rem 11rem; } .mx-m-11 { margin-inline: 11rem 11rem; } .m-m-11-5 { margin: 11.5rem; } .mt-m-11-5 { margin-top: 11.5rem; } .mb-m-11-5 { margin-bottom: 11.5rem; } .ml-m-11-5 { margin-left: 11.5rem; } .mr-m-11-5 { margin-right: 11.5rem; } .my-m-11-5 { margin-block: 11.5rem 11.5rem; } .mx-m-11-5 { margin-inline: 11.5rem 11.5rem; } .m-m-12 { margin: 12rem; } .mt-m-12 { margin-top: 12rem; } .mb-m-12 { margin-bottom: 12rem; } .ml-m-12 { margin-left: 12rem; } .mr-m-12 { margin-right: 12rem; } .my-m-12 { margin-block: 12rem 12rem; } .mx-m-12 { margin-inline: 12rem 12rem; } .m-m-13 { margin: 13rem; } .mt-m-13 { margin-top: 13rem; } .mb-m-13 { margin-bottom: 13rem; } .ml-m-13 { margin-left: 13rem; } .mr-m-13 { margin-right: 13rem; } .my-m-13 { margin-block: 13rem 13rem; } .mx-m-13 { margin-inline: 13rem 13rem; } .m-m-14 { margin: 14rem; } .mt-m-14 { margin-top: 14rem; } .mb-m-14 { margin-bottom: 14rem; } .ml-m-14 { margin-left: 14rem; } .mr-m-14 { margin-right: 14rem; } .my-m-14 { margin-block: 14rem 14rem; } .mx-m-14 { margin-inline: 14rem 14rem; } .m-m-15 { margin: 15rem; } .mt-m-15 { margin-top: 15rem; } .mb-m-15 { margin-bottom: 15rem; } .ml-m-15 { margin-left: 15rem; } .mr-m-15 { margin-right: 15rem; } .my-m-15 { margin-block: 15rem 15rem; } .mx-m-15 { margin-inline: 15rem 15rem; } .p-m-0 { padding: 0rem; } .pt-m-0 { padding-top: 0rem; } .pb-m-0 { padding-bottom: 0rem; } .pl-m-0 { padding-left: 0rem; } .pr-m-0 { padding-right: 0rem; } .py-m-0 { padding-block: 0rem 0rem; } .px-m-0 { padding-inline: 0rem 0rem; } .p-m-0-5 { padding: 0.5rem; } .pt-m-0-5 { padding-top: 0.5rem; } .pb-m-0-5 { padding-bottom: 0.5rem; } .pl-m-0-5 { padding-left: 0.5rem; } .pr-m-0-5 { padding-right: 0.5rem; } .py-m-0-5 { padding-block: 0.5rem 0.5rem; } .px-m-0-5 { padding-inline: 0.5rem 0.5rem; } .p-m-1 { padding: 1rem; } .pt-m-1 { padding-top: 1rem; } .pb-m-1 { padding-bottom: 1rem; } .pl-m-1 { padding-left: 1rem; } .pr-m-1 { padding-right: 1rem; } .py-m-1 { padding-block: 1rem 1rem; } .px-m-1 { padding-inline: 1rem 1rem; } .p-m-1-5 { padding: 1.5rem; } .pt-m-1-5 { padding-top: 1.5rem; } .pb-m-1-5 { padding-bottom: 1.5rem; } .pl-m-1-5 { padding-left: 1.5rem; } .pr-m-1-5 { padding-right: 1.5rem; } .py-m-1-5 { padding-block: 1.5rem 1.5rem; } .px-m-1-5 { padding-inline: 1.5rem 1.5rem; } .p-m-2 { padding: 2rem; } .pt-m-2 { padding-top: 2rem; } .pb-m-2 { padding-bottom: 2rem; } .pl-m-2 { padding-left: 2rem; } .pr-m-2 { padding-right: 2rem; } .py-m-2 { padding-block: 2rem 2rem; } .px-m-2 { padding-inline: 2rem 2rem; } .p-m-2-5 { padding: 2.5rem; } .pt-m-2-5 { padding-top: 2.5rem; } .pb-m-2-5 { padding-bottom: 2.5rem; } .pl-m-2-5 { padding-left: 2.5rem; } .pr-m-2-5 { padding-right: 2.5rem; } .py-m-2-5 { padding-block: 2.5rem 2.5rem; } .px-m-2-5 { padding-inline: 2.5rem 2.5rem; } .p-m-3 { padding: 3rem; } .pt-m-3 { padding-top: 3rem; } .pb-m-3 { padding-bottom: 3rem; } .pl-m-3 { padding-left: 3rem; } .pr-m-3 { padding-right: 3rem; } .py-m-3 { padding-block: 3rem 3rem; } .px-m-3 { padding-inline: 3rem 3rem; } .p-m-3-5 { padding: 3.5rem; } .pt-m-3-5 { padding-top: 3.5rem; } .pb-m-3-5 { padding-bottom: 3.5rem; } .pl-m-3-5 { padding-left: 3.5rem; } .pr-m-3-5 { padding-right: 3.5rem; } .py-m-3-5 { padding-block: 3.5rem 3.5rem; } .px-m-3-5 { padding-inline: 3.5rem 3.5rem; } .p-m-4 { padding: 4rem; } .pt-m-4 { padding-top: 4rem; } .pb-m-4 { padding-bottom: 4rem; } .pl-m-4 { padding-left: 4rem; } .pr-m-4 { padding-right: 4rem; } .py-m-4 { padding-block: 4rem 4rem; } .px-m-4 { padding-inline: 4rem 4rem; } .p-m-4-5 { padding: 4.5rem; } .pt-m-4-5 { padding-top: 4.5rem; } .pb-m-4-5 { padding-bottom: 4.5rem; } .pl-m-4-5 { padding-left: 4.5rem; } .pr-m-4-5 { padding-right: 4.5rem; } .py-m-4-5 { padding-block: 4.5rem 4.5rem; } .px-m-4-5 { padding-inline: 4.5rem 4.5rem; } .p-m-5 { padding: 5rem; } .pt-m-5 { padding-top: 5rem; } .pb-m-5 { padding-bottom: 5rem; } .pl-m-5 { padding-left: 5rem; } .pr-m-5 { padding-right: 5rem; } .py-m-5 { padding-block: 5rem 5rem; } .px-m-5 { padding-inline: 5rem 5rem; } .p-m-5-5 { padding: 5.5rem; } .pt-m-5-5 { padding-top: 5.5rem; } .pb-m-5-5 { padding-bottom: 5.5rem; } .pl-m-5-5 { padding-left: 5.5rem; } .pr-m-5-5 { padding-right: 5.5rem; } .py-m-5-5 { padding-block: 5.5rem 5.5rem; } .px-m-5-5 { padding-inline: 5.5rem 5.5rem; } .p-m-6 { padding: 6rem; } .pt-m-6 { padding-top: 6rem; } .pb-m-6 { padding-bottom: 6rem; } .pl-m-6 { padding-left: 6rem; } .pr-m-6 { padding-right: 6rem; } .py-m-6 { padding-block: 6rem 6rem; } .px-m-6 { padding-inline: 6rem 6rem; } .p-m-6-5 { padding: 6.5rem; } .pt-m-6-5 { padding-top: 6.5rem; } .pb-m-6-5 { padding-bottom: 6.5rem; } .pl-m-6-5 { padding-left: 6.5rem; } .pr-m-6-5 { padding-right: 6.5rem; } .py-m-6-5 { padding-block: 6.5rem 6.5rem; } .px-m-6-5 { padding-inline: 6.5rem 6.5rem; } .p-m-7 { padding: 7rem; } .pt-m-7 { padding-top: 7rem; } .pb-m-7 { padding-bottom: 7rem; } .pl-m-7 { padding-left: 7rem; } .pr-m-7 { padding-right: 7rem; } .py-m-7 { padding-block: 7rem 7rem; } .px-m-7 { padding-inline: 7rem 7rem; } .p-m-7-5 { padding: 7.5rem; } .pt-m-7-5 { padding-top: 7.5rem; } .pb-m-7-5 { padding-bottom: 7.5rem; } .pl-m-7-5 { padding-left: 7.5rem; } .pr-m-7-5 { padding-right: 7.5rem; } .py-m-7-5 { padding-block: 7.5rem 7.5rem; } .px-m-7-5 { padding-inline: 7.5rem 7.5rem; } .p-m-8 { padding: 8rem; } .pt-m-8 { padding-top: 8rem; } .pb-m-8 { padding-bottom: 8rem; } .pl-m-8 { padding-left: 8rem; } .pr-m-8 { padding-right: 8rem; } .py-m-8 { padding-block: 8rem 8rem; } .px-m-8 { padding-inline: 8rem 8rem; } .p-m-8-5 { padding: 8.5rem; } .pt-m-8-5 { padding-top: 8.5rem; } .pb-m-8-5 { padding-bottom: 8.5rem; } .pl-m-8-5 { padding-left: 8.5rem; } .pr-m-8-5 { padding-right: 8.5rem; } .py-m-8-5 { padding-block: 8.5rem 8.5rem; } .px-m-8-5 { padding-inline: 8.5rem 8.5rem; } .p-m-9 { padding: 9rem; } .pt-m-9 { padding-top: 9rem; } .pb-m-9 { padding-bottom: 9rem; } .pl-m-9 { padding-left: 9rem; } .pr-m-9 { padding-right: 9rem; } .py-m-9 { padding-block: 9rem 9rem; } .px-m-9 { padding-inline: 9rem 9rem; } .p-m-9-5 { padding: 9.5rem; } .pt-m-9-5 { padding-top: 9.5rem; } .pb-m-9-5 { padding-bottom: 9.5rem; } .pl-m-9-5 { padding-left: 9.5rem; } .pr-m-9-5 { padding-right: 9.5rem; } .py-m-9-5 { padding-block: 9.5rem 9.5rem; } .px-m-9-5 { padding-inline: 9.5rem 9.5rem; } .p-m-10 { padding: 10rem; } .pt-m-10 { padding-top: 10rem; } .pb-m-10 { padding-bottom: 10rem; } .pl-m-10 { padding-left: 10rem; } .pr-m-10 { padding-right: 10rem; } .py-m-10 { padding-block: 10rem 10rem; } .px-m-10 { padding-inline: 10rem 10rem; } .p-m-10-5 { padding: 10.5rem; } .pt-m-10-5 { padding-top: 10.5rem; } .pb-m-10-5 { padding-bottom: 10.5rem; } .pl-m-10-5 { padding-left: 10.5rem; } .pr-m-10-5 { padding-right: 10.5rem; } .py-m-10-5 { padding-block: 10.5rem 10.5rem; } .px-m-10-5 { padding-inline: 10.5rem 10.5rem; } .p-m-11 { padding: 11rem; } .pt-m-11 { padding-top: 11rem; } .pb-m-11 { padding-bottom: 11rem; } .pl-m-11 { padding-left: 11rem; } .pr-m-11 { padding-right: 11rem; } .py-m-11 { padding-block: 11rem 11rem; } .px-m-11 { padding-inline: 11rem 11rem; } .p-m-11-5 { padding: 11.5rem; } .pt-m-11-5 { padding-top: 11.5rem; } .pb-m-11-5 { padding-bottom: 11.5rem; } .pl-m-11-5 { padding-left: 11.5rem; } .pr-m-11-5 { padding-right: 11.5rem; } .py-m-11-5 { padding-block: 11.5rem 11.5rem; } .px-m-11-5 { padding-inline: 11.5rem 11.5rem; } .p-m-12 { padding: 12rem; } .pt-m-12 { padding-top: 12rem; } .pb-m-12 { padding-bottom: 12rem; } .pl-m-12 { padding-left: 12rem; } .pr-m-12 { padding-right: 12rem; } .py-m-12 { padding-block: 12rem 12rem; } .px-m-12 { padding-inline: 12rem 12rem; } .p-m-13 { padding: 13rem; } .pt-m-13 { padding-top: 13rem; } .pb-m-13 { padding-bottom: 13rem; } .pl-m-13 { padding-left: 13rem; } .pr-m-13 { padding-right: 13rem; } .py-m-13 { padding-block: 13rem 13rem; } .px-m-13 { padding-inline: 13rem 13rem; } .p-m-14 { padding: 14rem; } .pt-m-14 { padding-top: 14rem; } .pb-m-14 { padding-bottom: 14rem; } .pl-m-14 { padding-left: 14rem; } .pr-m-14 { padding-right: 14rem; } .py-m-14 { padding-block: 14rem 14rem; } .px-m-14 { padding-inline: 14rem 14rem; } .p-m-15 { padding: 15rem; } .pt-m-15 { padding-top: 15rem; } .pb-m-15 { padding-bottom: 15rem; } .pl-m-15 { padding-left: 15rem; } .pr-m-15 { padding-right: 15rem; } .py-m-15 { padding-block: 15rem 15rem; } .px-m-15 { padding-inline: 15rem 15rem; } } /* ---------- GAPS (nutzen --ui-scale) ---------- */ .gap-0 { gap: calc(0rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(0 * var(--ui-scale)); } .c-gap-0 { column-gap: calc(0rem * var(--ui-scale)); --gap-size: calc(0 * var(--ui-scale)); } .r-gap-0 { row-gap: calc(0rem * var(--ui-scale)); --gap-size: calc(0 * var(--ui-scale)); } .gap-0-5 { gap: calc(0.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(0.5 * var(--ui-scale)); } .c-gap-0-5 { column-gap: calc(0.5rem * var(--ui-scale)); --gap-size: calc(0.5 * var(--ui-scale)); } .r-gap-0-5 { row-gap: calc(0.5rem * var(--ui-scale)); --gap-size: calc(0.5 * var(--ui-scale)); } .gap-1 { gap: calc(1rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(1 * var(--ui-scale)); } .c-gap-1 { column-gap: calc(1rem * var(--ui-scale)); --gap-size: calc(1 * var(--ui-scale)); } .r-gap-1 { row-gap: calc(1rem * var(--ui-scale)); --gap-size: calc(1 * var(--ui-scale)); } .gap-1-5 { gap: calc(1.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(1.5 * var(--ui-scale)); } .c-gap-1-5 { column-gap: calc(1.5rem * var(--ui-scale)); --gap-size: calc(1.5 * var(--ui-scale)); } .r-gap-1-5 { row-gap: calc(1.5rem * var(--ui-scale)); --gap-size: calc(1.5 * var(--ui-scale)); } .gap-2 { gap: calc(2rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(2 * var(--ui-scale)); } .c-gap-2 { column-gap: calc(2rem * var(--ui-scale)); --gap-size: calc(2 * var(--ui-scale)); } .r-gap-2 { row-gap: calc(2rem * var(--ui-scale)); --gap-size: calc(2 * var(--ui-scale)); } .gap-2-5 { gap: calc(2.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(2.5 * var(--ui-scale)); } .c-gap-2-5 { column-gap: calc(2.5rem * var(--ui-scale)); --gap-size: calc(2.5 * var(--ui-scale)); } .r-gap-2-5 { row-gap: calc(2.5rem * var(--ui-scale)); --gap-size: calc(2.5 * var(--ui-scale)); } .gap-3 { gap: calc(3rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(3 * var(--ui-scale)); } .c-gap-3 { column-gap: calc(3rem * var(--ui-scale)); --gap-size: calc(3 * var(--ui-scale)); } .r-gap-3 { row-gap: calc(3rem * var(--ui-scale)); --gap-size: calc(3 * var(--ui-scale)); } .gap-3-5 { gap: calc(3.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(3.5 * var(--ui-scale)); } .c-gap-3-5 { column-gap: calc(3.5rem * var(--ui-scale)); --gap-size: calc(3.5 * var(--ui-scale)); } .r-gap-3-5 { row-gap: calc(3.5rem * var(--ui-scale)); --gap-size: calc(3.5 * var(--ui-scale)); } .gap-4 { gap: calc(4rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(4 * var(--ui-scale)); } .c-gap-4 { column-gap: calc(4rem * var(--ui-scale)); --gap-size: calc(4 * var(--ui-scale)); } .r-gap-4 { row-gap: calc(4rem * var(--ui-scale)); --gap-size: calc(4 * var(--ui-scale)); } .gap-4-5 { gap: calc(4.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(4.5 * var(--ui-scale)); } .c-gap-4-5 { column-gap: calc(4.5rem * var(--ui-scale)); --gap-size: calc(4.5 * var(--ui-scale)); } .r-gap-4-5 { row-gap: calc(4.5rem * var(--ui-scale)); --gap-size: calc(4.5 * var(--ui-scale)); } .gap-5 { gap: calc(5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(5 * var(--ui-scale)); } .c-gap-5 { column-gap: calc(5rem * var(--ui-scale)); --gap-size: calc(5 * var(--ui-scale)); } .r-gap-5 { row-gap: calc(5rem * var(--ui-scale)); --gap-size: calc(5 * var(--ui-scale)); } .gap-5-5 { gap: calc(5.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(5.5 * var(--ui-scale)); } .c-gap-5-5 { column-gap: calc(5.5rem * var(--ui-scale)); --gap-size: calc(5.5 * var(--ui-scale)); } .r-gap-5-5 { row-gap: calc(5.5rem * var(--ui-scale)); --gap-size: calc(5.5 * var(--ui-scale)); } .gap-6 { gap: calc(6rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(6 * var(--ui-scale)); } .c-gap-6 { column-gap: calc(6rem * var(--ui-scale)); --gap-size: calc(6 * var(--ui-scale)); } .r-gap-6 { row-gap: calc(6rem * var(--ui-scale)); --gap-size: calc(6 * var(--ui-scale)); } .gap-6-5 { gap: calc(6.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(6.5 * var(--ui-scale)); } .c-gap-6-5 { column-gap: calc(6.5rem * var(--ui-scale)); --gap-size: calc(6.5 * var(--ui-scale)); } .r-gap-6-5 { row-gap: calc(6.5rem * var(--ui-scale)); --gap-size: calc(6.5 * var(--ui-scale)); } .gap-7 { gap: calc(7rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(7 * var(--ui-scale)); } .c-gap-7 { column-gap: calc(7rem * var(--ui-scale)); --gap-size: calc(7 * var(--ui-scale)); } .r-gap-7 { row-gap: calc(7rem * var(--ui-scale)); --gap-size: calc(7 * var(--ui-scale)); } .gap-7-5 { gap: calc(7.5rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(7.5 * var(--ui-scale)); } .c-gap-7-5 { column-gap: calc(7.5rem * var(--ui-scale)); --gap-size: calc(7.5 * var(--ui-scale)); } .r-gap-7-5 { row-gap: calc(7.5rem * var(--ui-scale)); --gap-size: calc(7.5 * var(--ui-scale)); } .gap-8 { gap: calc(8rem * var(--ui-scale)); /* wichtig für Flex-Brechnungen: */ --gap-size: calc(8 * var(--ui-scale)); } .c-gap-8 { column-gap: calc(8rem * var(--ui-scale)); --gap-size: calc(8 * var(--ui-scale)); } .r-gap-8 { row-gap: calc(8rem * var(--ui-scale)); --gap-size: calc(8 * var(--ui-scale)); } /* Explizite Mobile Gap Overrides (ohne Scale) */ @media (max-width: 767px) { .gap-m-0 { gap: 0rem; --gap-size: 0; } .c-gap-m-0 { column-gap: 0rem; --gap-size: 0; } .r-gap-m-0 { row-gap: 0rem; --gap-size: 0; } .gap-m-0-5 { gap: 0.5rem; --gap-size: 0.5; } .c-gap-m-0-5 { column-gap: 0.5rem; --gap-size: 0.5; } .r-gap-m-0-5 { row-gap: 0.5rem; --gap-size: 0.5; } .gap-m-1 { gap: 1rem; --gap-size: 1; } .c-gap-m-1 { column-gap: 1rem; --gap-size: 1; } .r-gap-m-1 { row-gap: 1rem; --gap-size: 1; } .gap-m-1-5 { gap: 1.5rem; --gap-size: 1.5; } .c-gap-m-1-5 { column-gap: 1.5rem; --gap-size: 1.5; } .r-gap-m-1-5 { row-gap: 1.5rem; --gap-size: 1.5; } .gap-m-2 { gap: 2rem; --gap-size: 2; } .c-gap-m-2 { column-gap: 2rem; --gap-size: 2; } .r-gap-m-2 { row-gap: 2rem; --gap-size: 2; } .gap-m-2-5 { gap: 2.5rem; --gap-size: 2.5; } .c-gap-m-2-5 { column-gap: 2.5rem; --gap-size: 2.5; } .r-gap-m-2-5 { row-gap: 2.5rem; --gap-size: 2.5; } .gap-m-3 { gap: 3rem; --gap-size: 3; } .c-gap-m-3 { column-gap: 3rem; --gap-size: 3; } .r-gap-m-3 { row-gap: 3rem; --gap-size: 3; } .gap-m-3-5 { gap: 3.5rem; --gap-size: 3.5; } .c-gap-m-3-5 { column-gap: 3.5rem; --gap-size: 3.5; } .r-gap-m-3-5 { row-gap: 3.5rem; --gap-size: 3.5; } .gap-m-4 { gap: 4rem; --gap-size: 4; } .c-gap-m-4 { column-gap: 4rem; --gap-size: 4; } .r-gap-m-4 { row-gap: 4rem; --gap-size: 4; } .gap-m-4-5 { gap: 4.5rem; --gap-size: 4.5; } .c-gap-m-4-5 { column-gap: 4.5rem; --gap-size: 4.5; } .r-gap-m-4-5 { row-gap: 4.5rem; --gap-size: 4.5; } .gap-m-5 { gap: 5rem; --gap-size: 5; } .c-gap-m-5 { column-gap: 5rem; --gap-size: 5; } .r-gap-m-5 { row-gap: 5rem; --gap-size: 5; } .gap-m-5-5 { gap: 5.5rem; --gap-size: 5.5; } .c-gap-m-5-5 { column-gap: 5.5rem; --gap-size: 5.5; } .r-gap-m-5-5 { row-gap: 5.5rem; --gap-size: 5.5; } .gap-m-6 { gap: 6rem; --gap-size: 6; } .c-gap-m-6 { column-gap: 6rem; --gap-size: 6; } .r-gap-m-6 { row-gap: 6rem; --gap-size: 6; } .gap-m-6-5 { gap: 6.5rem; --gap-size: 6.5; } .c-gap-m-6-5 { column-gap: 6.5rem; --gap-size: 6.5; } .r-gap-m-6-5 { row-gap: 6.5rem; --gap-size: 6.5; } .gap-m-7 { gap: 7rem; --gap-size: 7; } .c-gap-m-7 { column-gap: 7rem; --gap-size: 7; } .r-gap-m-7 { row-gap: 7rem; --gap-size: 7; } .gap-m-7-5 { gap: 7.5rem; --gap-size: 7.5; } .c-gap-m-7-5 { column-gap: 7.5rem; --gap-size: 7.5; } .r-gap-m-7-5 { row-gap: 7.5rem; --gap-size: 7.5; } .gap-m-8 { gap: 8rem; --gap-size: 8; } .c-gap-m-8 { column-gap: 8rem; --gap-size: 8; } .r-gap-m-8 { row-gap: 8rem; --gap-size: 8; } } /* ---------- Opt-Out / Fine-Tuning ---------- */ .no-ui-scale { --ui-scale: 1; } /* Container-Opt-Out */ .ui-100 { --ui-scale: 1; } .ui-80 { --ui-scale: .8; } .ui-60 { --ui-scale: .6; } .ui-40 { --ui-scale: .4; } /* = Mobile-Default */ /*------------------------------------------------------------------------------------------------------------------------------ NEGATIVE MARGINS & PADDINGS ------------------------------------------------------------------------------------------------------------------------------*/ /* Negative Margins (nutzen --ui-scale) */ .mm-0 { margin: calc(-0rem * var(--ui-scale)); } .mmt-0 { margin-top: calc(-0rem * var(--ui-scale)); } .mmb-0 { margin-bottom: calc(-0rem * var(--ui-scale)); } .mml-0 { margin-left: calc(-0rem * var(--ui-scale)); } .mmr-0 { margin-right: calc(-0rem * var(--ui-scale)); } .mmy-0 { margin-block: calc(-0rem * var(--ui-scale)) calc(-0rem * var(--ui-scale)); } .mmx-0 { margin-inline: calc(-0rem * var(--ui-scale)) calc(-0rem * var(--ui-scale)); } .mm-0-5 { margin: calc(-0.5rem * var(--ui-scale)); } .mmt-0-5 { margin-top: calc(-0.5rem * var(--ui-scale)); } .mmb-0-5 { margin-bottom: calc(-0.5rem * var(--ui-scale)); } .mml-0-5 { margin-left: calc(-0.5rem * var(--ui-scale)); } .mmr-0-5 { margin-right: calc(-0.5rem * var(--ui-scale)); } .mmy-0-5 { margin-block: calc(-0.5rem * var(--ui-scale)) calc(-0.5rem * var(--ui-scale)); } .mmx-0-5 { margin-inline: calc(-0.5rem * var(--ui-scale)) calc(-0.5rem * var(--ui-scale)); } .mm-1 { margin: calc(-1rem * var(--ui-scale)); } .mmt-1 { margin-top: calc(-1rem * var(--ui-scale)); } .mmb-1 { margin-bottom: calc(-1rem * var(--ui-scale)); } .mml-1 { margin-left: calc(-1rem * var(--ui-scale)); } .mmr-1 { margin-right: calc(-1rem * var(--ui-scale)); } .mmy-1 { margin-block: calc(-1rem * var(--ui-scale)) calc(-1rem * var(--ui-scale)); } .mmx-1 { margin-inline: calc(-1rem * var(--ui-scale)) calc(-1rem * var(--ui-scale)); } .mm-1-5 { margin: calc(-1.5rem * var(--ui-scale)); } .mmt-1-5 { margin-top: calc(-1.5rem * var(--ui-scale)); } .mmb-1-5 { margin-bottom: calc(-1.5rem * var(--ui-scale)); } .mml-1-5 { margin-left: calc(-1.5rem * var(--ui-scale)); } .mmr-1-5 { margin-right: calc(-1.5rem * var(--ui-scale)); } .mmy-1-5 { margin-block: calc(-1.5rem * var(--ui-scale)) calc(-1.5rem * var(--ui-scale)); } .mmx-1-5 { margin-inline: calc(-1.5rem * var(--ui-scale)) calc(-1.5rem * var(--ui-scale)); } .mm-2 { margin: calc(-2rem * var(--ui-scale)); } .mmt-2 { margin-top: calc(-2rem * var(--ui-scale)); } .mmb-2 { margin-bottom: calc(-2rem * var(--ui-scale)); } .mml-2 { margin-left: calc(-2rem * var(--ui-scale)); } .mmr-2 { margin-right: calc(-2rem * var(--ui-scale)); } .mmy-2 { margin-block: calc(-2rem * var(--ui-scale)) calc(-2rem * var(--ui-scale)); } .mmx-2 { margin-inline: calc(-2rem * var(--ui-scale)) calc(-2rem * var(--ui-scale)); } .mm-2-5 { margin: calc(-2.5rem * var(--ui-scale)); } .mmt-2-5 { margin-top: calc(-2.5rem * var(--ui-scale)); } .mmb-2-5 { margin-bottom: calc(-2.5rem * var(--ui-scale)); } .mml-2-5 { margin-left: calc(-2.5rem * var(--ui-scale)); } .mmr-2-5 { margin-right: calc(-2.5rem * var(--ui-scale)); } .mmy-2-5 { margin-block: calc(-2.5rem * var(--ui-scale)) calc(-2.5rem * var(--ui-scale)); } .mmx-2-5 { margin-inline: calc(-2.5rem * var(--ui-scale)) calc(-2.5rem * var(--ui-scale)); } .mm-3 { margin: calc(-3rem * var(--ui-scale)); } .mmt-3 { margin-top: calc(-3rem * var(--ui-scale)); } .mmb-3 { margin-bottom: calc(-3rem * var(--ui-scale)); } .mml-3 { margin-left: calc(-3rem * var(--ui-scale)); } .mmr-3 { margin-right: calc(-3rem * var(--ui-scale)); } .mmy-3 { margin-block: calc(-3rem * var(--ui-scale)) calc(-3rem * var(--ui-scale)); } .mmx-3 { margin-inline: calc(-3rem * var(--ui-scale)) calc(-3rem * var(--ui-scale)); } .mm-3-5 { margin: calc(-3.5rem * var(--ui-scale)); } .mmt-3-5 { margin-top: calc(-3.5rem * var(--ui-scale)); } .mmb-3-5 { margin-bottom: calc(-3.5rem * var(--ui-scale)); } .mml-3-5 { margin-left: calc(-3.5rem * var(--ui-scale)); } .mmr-3-5 { margin-right: calc(-3.5rem * var(--ui-scale)); } .mmy-3-5 { margin-block: calc(-3.5rem * var(--ui-scale)) calc(-3.5rem * var(--ui-scale)); } .mmx-3-5 { margin-inline: calc(-3.5rem * var(--ui-scale)) calc(-3.5rem * var(--ui-scale)); } .mm-4 { margin: calc(-4rem * var(--ui-scale)); } .mmt-4 { margin-top: calc(-4rem * var(--ui-scale)); } .mmb-4 { margin-bottom: calc(-4rem * var(--ui-scale)); } .mml-4 { margin-left: calc(-4rem * var(--ui-scale)); } .mmr-4 { margin-right: calc(-4rem * var(--ui-scale)); } .mmy-4 { margin-block: calc(-4rem * var(--ui-scale)) calc(-4rem * var(--ui-scale)); } .mmx-4 { margin-inline: calc(-4rem * var(--ui-scale)) calc(-4rem * var(--ui-scale)); } .mm-4-5 { margin: calc(-4.5rem * var(--ui-scale)); } .mmt-4-5 { margin-top: calc(-4.5rem * var(--ui-scale)); } .mmb-4-5 { margin-bottom: calc(-4.5rem * var(--ui-scale)); } .mml-4-5 { margin-left: calc(-4.5rem * var(--ui-scale)); } .mmr-4-5 { margin-right: calc(-4.5rem * var(--ui-scale)); } .mmy-4-5 { margin-block: calc(-4.5rem * var(--ui-scale)) calc(-4.5rem * var(--ui-scale)); } .mmx-4-5 { margin-inline: calc(-4.5rem * var(--ui-scale)) calc(-4.5rem * var(--ui-scale)); } .mm-5 { margin: calc(-5rem * var(--ui-scale)); } .mmt-5 { margin-top: calc(-5rem * var(--ui-scale)); } .mmb-5 { margin-bottom: calc(-5rem * var(--ui-scale)); } .mml-5 { margin-left: calc(-5rem * var(--ui-scale)); } .mmr-5 { margin-right: calc(-5rem * var(--ui-scale)); } .mmy-5 { margin-block: calc(-5rem * var(--ui-scale)) calc(-5rem * var(--ui-scale)); } .mmx-5 { margin-inline: calc(-5rem * var(--ui-scale)) calc(-5rem * var(--ui-scale)); } .mm-5-5 { margin: calc(-5.5rem * var(--ui-scale)); } .mmt-5-5 { margin-top: calc(-5.5rem * var(--ui-scale)); } .mmb-5-5 { margin-bottom: calc(-5.5rem * var(--ui-scale)); } .mml-5-5 { margin-left: calc(-5.5rem * var(--ui-scale)); } .mmr-5-5 { margin-right: calc(-5.5rem * var(--ui-scale)); } .mmy-5-5 { margin-block: calc(-5.5rem * var(--ui-scale)) calc(-5.5rem * var(--ui-scale)); } .mmx-5-5 { margin-inline: calc(-5.5rem * var(--ui-scale)) calc(-5.5rem * var(--ui-scale)); } .mm-6 { margin: calc(-6rem * var(--ui-scale)); } .mmt-6 { margin-top: calc(-6rem * var(--ui-scale)); } .mmb-6 { margin-bottom: calc(-6rem * var(--ui-scale)); } .mml-6 { margin-left: calc(-6rem * var(--ui-scale)); } .mmr-6 { margin-right: calc(-6rem * var(--ui-scale)); } .mmy-6 { margin-block: calc(-6rem * var(--ui-scale)) calc(-6rem * var(--ui-scale)); } .mmx-6 { margin-inline: calc(-6rem * var(--ui-scale)) calc(-6rem * var(--ui-scale)); } .mm-6-5 { margin: calc(-6.5rem * var(--ui-scale)); } .mmt-6-5 { margin-top: calc(-6.5rem * var(--ui-scale)); } .mmb-6-5 { margin-bottom: calc(-6.5rem * var(--ui-scale)); } .mml-6-5 { margin-left: calc(-6.5rem * var(--ui-scale)); } .mmr-6-5 { margin-right: calc(-6.5rem * var(--ui-scale)); } .mmy-6-5 { margin-block: calc(-6.5rem * var(--ui-scale)) calc(-6.5rem * var(--ui-scale)); } .mmx-6-5 { margin-inline: calc(-6.5rem * var(--ui-scale)) calc(-6.5rem * var(--ui-scale)); } .mm-7 { margin: calc(-7rem * var(--ui-scale)); } .mmt-7 { margin-top: calc(-7rem * var(--ui-scale)); } .mmb-7 { margin-bottom: calc(-7rem * var(--ui-scale)); } .mml-7 { margin-left: calc(-7rem * var(--ui-scale)); } .mmr-7 { margin-right: calc(-7rem * var(--ui-scale)); } .mmy-7 { margin-block: calc(-7rem * var(--ui-scale)) calc(-7rem * var(--ui-scale)); } .mmx-7 { margin-inline: calc(-7rem * var(--ui-scale)) calc(-7rem * var(--ui-scale)); } .mm-7-5 { margin: calc(-7.5rem * var(--ui-scale)); } .mmt-7-5 { margin-top: calc(-7.5rem * var(--ui-scale)); } .mmb-7-5 { margin-bottom: calc(-7.5rem * var(--ui-scale)); } .mml-7-5 { margin-left: calc(-7.5rem * var(--ui-scale)); } .mmr-7-5 { margin-right: calc(-7.5rem * var(--ui-scale)); } .mmy-7-5 { margin-block: calc(-7.5rem * var(--ui-scale)) calc(-7.5rem * var(--ui-scale)); } .mmx-7-5 { margin-inline: calc(-7.5rem * var(--ui-scale)) calc(-7.5rem * var(--ui-scale)); } .mm-8 { margin: calc(-8rem * var(--ui-scale)); } .mmt-8 { margin-top: calc(-8rem * var(--ui-scale)); } .mmb-8 { margin-bottom: calc(-8rem * var(--ui-scale)); } .mml-8 { margin-left: calc(-8rem * var(--ui-scale)); } .mmr-8 { margin-right: calc(-8rem * var(--ui-scale)); } .mmy-8 { margin-block: calc(-8rem * var(--ui-scale)) calc(-8rem * var(--ui-scale)); } .mmx-8 { margin-inline: calc(-8rem * var(--ui-scale)) calc(-8rem * var(--ui-scale)); } .mm-8-5 { margin: calc(-8.5rem * var(--ui-scale)); } .mmt-8-5 { margin-top: calc(-8.5rem * var(--ui-scale)); } .mmb-8-5 { margin-bottom: calc(-8.5rem * var(--ui-scale)); } .mml-8-5 { margin-left: calc(-8.5rem * var(--ui-scale)); } .mmr-8-5 { margin-right: calc(-8.5rem * var(--ui-scale)); } .mmy-8-5 { margin-block: calc(-8.5rem * var(--ui-scale)) calc(-8.5rem * var(--ui-scale)); } .mmx-8-5 { margin-inline: calc(-8.5rem * var(--ui-scale)) calc(-8.5rem * var(--ui-scale)); } .mm-9 { margin: calc(-9rem * var(--ui-scale)); } .mmt-9 { margin-top: calc(-9rem * var(--ui-scale)); } .mmb-9 { margin-bottom: calc(-9rem * var(--ui-scale)); } .mml-9 { margin-left: calc(-9rem * var(--ui-scale)); } .mmr-9 { margin-right: calc(-9rem * var(--ui-scale)); } .mmy-9 { margin-block: calc(-9rem * var(--ui-scale)) calc(-9rem * var(--ui-scale)); } .mmx-9 { margin-inline: calc(-9rem * var(--ui-scale)) calc(-9rem * var(--ui-scale)); } .mm-9-5 { margin: calc(-9.5rem * var(--ui-scale)); } .mmt-9-5 { margin-top: calc(-9.5rem * var(--ui-scale)); } .mmb-9-5 { margin-bottom: calc(-9.5rem * var(--ui-scale)); } .mml-9-5 { margin-left: calc(-9.5rem * var(--ui-scale)); } .mmr-9-5 { margin-right: calc(-9.5rem * var(--ui-scale)); } .mmy-9-5 { margin-block: calc(-9.5rem * var(--ui-scale)) calc(-9.5rem * var(--ui-scale)); } .mmx-9-5 { margin-inline: calc(-9.5rem * var(--ui-scale)) calc(-9.5rem * var(--ui-scale)); } .mm-10 { margin: calc(-10rem * var(--ui-scale)); } .mmt-10 { margin-top: calc(-10rem * var(--ui-scale)); } .mmb-10 { margin-bottom: calc(-10rem * var(--ui-scale)); } .mml-10 { margin-left: calc(-10rem * var(--ui-scale)); } .mmr-10 { margin-right: calc(-10rem * var(--ui-scale)); } .mmy-10 { margin-block: calc(-10rem * var(--ui-scale)) calc(-10rem * var(--ui-scale)); } .mmx-10 { margin-inline: calc(-10rem * var(--ui-scale)) calc(-10rem * var(--ui-scale)); } .mm-10-5 { margin: calc(-10.5rem * var(--ui-scale)); } .mmt-10-5 { margin-top: calc(-10.5rem * var(--ui-scale)); } .mmb-10-5 { margin-bottom: calc(-10.5rem * var(--ui-scale)); } .mml-10-5 { margin-left: calc(-10.5rem * var(--ui-scale)); } .mmr-10-5 { margin-right: calc(-10.5rem * var(--ui-scale)); } .mmy-10-5 { margin-block: calc(-10.5rem * var(--ui-scale)) calc(-10.5rem * var(--ui-scale)); } .mmx-10-5 { margin-inline: calc(-10.5rem * var(--ui-scale)) calc(-10.5rem * var(--ui-scale)); } .mm-11 { margin: calc(-11rem * var(--ui-scale)); } .mmt-11 { margin-top: calc(-11rem * var(--ui-scale)); } .mmb-11 { margin-bottom: calc(-11rem * var(--ui-scale)); } .mml-11 { margin-left: calc(-11rem * var(--ui-scale)); } .mmr-11 { margin-right: calc(-11rem * var(--ui-scale)); } .mmy-11 { margin-block: calc(-11rem * var(--ui-scale)) calc(-11rem * var(--ui-scale)); } .mmx-11 { margin-inline: calc(-11rem * var(--ui-scale)) calc(-11rem * var(--ui-scale)); } .mm-11-5 { margin: calc(-11.5rem * var(--ui-scale)); } .mmt-11-5 { margin-top: calc(-11.5rem * var(--ui-scale)); } .mmb-11-5 { margin-bottom: calc(-11.5rem * var(--ui-scale)); } .mml-11-5 { margin-left: calc(-11.5rem * var(--ui-scale)); } .mmr-11-5 { margin-right: calc(-11.5rem * var(--ui-scale)); } .mmy-11-5 { margin-block: calc(-11.5rem * var(--ui-scale)) calc(-11.5rem * var(--ui-scale)); } .mmx-11-5 { margin-inline: calc(-11.5rem * var(--ui-scale)) calc(-11.5rem * var(--ui-scale)); } .mm-12 { margin: calc(-12rem * var(--ui-scale)); } .mmt-12 { margin-top: calc(-12rem * var(--ui-scale)); } .mmb-12 { margin-bottom: calc(-12rem * var(--ui-scale)); } .mml-12 { margin-left: calc(-12rem * var(--ui-scale)); } .mmr-12 { margin-right: calc(-12rem * var(--ui-scale)); } .mmy-12 { margin-block: calc(-12rem * var(--ui-scale)) calc(-12rem * var(--ui-scale)); } .mmx-12 { margin-inline: calc(-12rem * var(--ui-scale)) calc(-12rem * var(--ui-scale)); } .mm-13 { margin: calc(-13rem * var(--ui-scale)); } .mmt-13 { margin-top: calc(-13rem * var(--ui-scale)); } .mmb-13 { margin-bottom: calc(-13rem * var(--ui-scale)); } .mml-13 { margin-left: calc(-13rem * var(--ui-scale)); } .mmr-13 { margin-right: calc(-13rem * var(--ui-scale)); } .mmy-13 { margin-block: calc(-13rem * var(--ui-scale)) calc(-13rem * var(--ui-scale)); } .mmx-13 { margin-inline: calc(-13rem * var(--ui-scale)) calc(-13rem * var(--ui-scale)); } .mm-14 { margin: calc(-14rem * var(--ui-scale)); } .mmt-14 { margin-top: calc(-14rem * var(--ui-scale)); } .mmb-14 { margin-bottom: calc(-14rem * var(--ui-scale)); } .mml-14 { margin-left: calc(-14rem * var(--ui-scale)); } .mmr-14 { margin-right: calc(-14rem * var(--ui-scale)); } .mmy-14 { margin-block: calc(-14rem * var(--ui-scale)) calc(-14rem * var(--ui-scale)); } .mmx-14 { margin-inline: calc(-14rem * var(--ui-scale)) calc(-14rem * var(--ui-scale)); } .mm-15 { margin: calc(-15rem * var(--ui-scale)); } .mmt-15 { margin-top: calc(-15rem * var(--ui-scale)); } .mmb-15 { margin-bottom: calc(-15rem * var(--ui-scale)); } .mml-15 { margin-left: calc(-15rem * var(--ui-scale)); } .mmr-15 { margin-right: calc(-15rem * var(--ui-scale)); } .mmy-15 { margin-block: calc(-15rem * var(--ui-scale)) calc(-15rem * var(--ui-scale)); } .mmx-15 { margin-inline: calc(-15rem * var(--ui-scale)) calc(-15rem * var(--ui-scale)); } /* Negative Paddings (nutzen --ui-scale) */ .pp-0 { padding: calc(-0rem * var(--ui-scale)); } .ppt-0 { padding-top: calc(-0rem * var(--ui-scale)); } .ppb-0 { padding-bottom: calc(-0rem * var(--ui-scale)); } .ppl-0 { padding-left: calc(-0rem * var(--ui-scale)); } .ppr-0 { padding-right: calc(-0rem * var(--ui-scale)); } .ppy-0 { padding-block: calc(-0rem * var(--ui-scale)) calc(-0rem * var(--ui-scale)); } .ppx-0 { padding-inline: calc(-0rem * var(--ui-scale)) calc(-0rem * var(--ui-scale)); } .pp-0-5 { padding: calc(-0.5rem * var(--ui-scale)); } .ppt-0-5 { padding-top: calc(-0.5rem * var(--ui-scale)); } .ppb-0-5 { padding-bottom: calc(-0.5rem * var(--ui-scale)); } .ppl-0-5 { padding-left: calc(-0.5rem * var(--ui-scale)); } .ppr-0-5 { padding-right: calc(-0.5rem * var(--ui-scale)); } .ppy-0-5 { padding-block: calc(-0.5rem * var(--ui-scale)) calc(-0.5rem * var(--ui-scale)); } .ppx-0-5 { padding-inline: calc(-0.5rem * var(--ui-scale)) calc(-0.5rem * var(--ui-scale)); } .pp-1 { padding: calc(-1rem * var(--ui-scale)); } .ppt-1 { padding-top: calc(-1rem * var(--ui-scale)); } .ppb-1 { padding-bottom: calc(-1rem * var(--ui-scale)); } .ppl-1 { padding-left: calc(-1rem * var(--ui-scale)); } .ppr-1 { padding-right: calc(-1rem * var(--ui-scale)); } .ppy-1 { padding-block: calc(-1rem * var(--ui-scale)) calc(-1rem * var(--ui-scale)); } .ppx-1 { padding-inline: calc(-1rem * var(--ui-scale)) calc(-1rem * var(--ui-scale)); } .pp-1-5 { padding: calc(-1.5rem * var(--ui-scale)); } .ppt-1-5 { padding-top: calc(-1.5rem * var(--ui-scale)); } .ppb-1-5 { padding-bottom: calc(-1.5rem * var(--ui-scale)); } .ppl-1-5 { padding-left: calc(-1.5rem * var(--ui-scale)); } .ppr-1-5 { padding-right: calc(-1.5rem * var(--ui-scale)); } .ppy-1-5 { padding-block: calc(-1.5rem * var(--ui-scale)) calc(-1.5rem * var(--ui-scale)); } .ppx-1-5 { padding-inline: calc(-1.5rem * var(--ui-scale)) calc(-1.5rem * var(--ui-scale)); } .pp-2 { padding: calc(-2rem * var(--ui-scale)); } .ppt-2 { padding-top: calc(-2rem * var(--ui-scale)); } .ppb-2 { padding-bottom: calc(-2rem * var(--ui-scale)); } .ppl-2 { padding-left: calc(-2rem * var(--ui-scale)); } .ppr-2 { padding-right: calc(-2rem * var(--ui-scale)); } .ppy-2 { padding-block: calc(-2rem * var(--ui-scale)) calc(-2rem * var(--ui-scale)); } .ppx-2 { padding-inline: calc(-2rem * var(--ui-scale)) calc(-2rem * var(--ui-scale)); } .pp-2-5 { padding: calc(-2.5rem * var(--ui-scale)); } .ppt-2-5 { padding-top: calc(-2.5rem * var(--ui-scale)); } .ppb-2-5 { padding-bottom: calc(-2.5rem * var(--ui-scale)); } .ppl-2-5 { padding-left: calc(-2.5rem * var(--ui-scale)); } .ppr-2-5 { padding-right: calc(-2.5rem * var(--ui-scale)); } .ppy-2-5 { padding-block: calc(-2.5rem * var(--ui-scale)) calc(-2.5rem * var(--ui-scale)); } .ppx-2-5 { padding-inline: calc(-2.5rem * var(--ui-scale)) calc(-2.5rem * var(--ui-scale)); } .pp-3 { padding: calc(-3rem * var(--ui-scale)); } .ppt-3 { padding-top: calc(-3rem * var(--ui-scale)); } .ppb-3 { padding-bottom: calc(-3rem * var(--ui-scale)); } .ppl-3 { padding-left: calc(-3rem * var(--ui-scale)); } .ppr-3 { padding-right: calc(-3rem * var(--ui-scale)); } .ppy-3 { padding-block: calc(-3rem * var(--ui-scale)) calc(-3rem * var(--ui-scale)); } .ppx-3 { padding-inline: calc(-3rem * var(--ui-scale)) calc(-3rem * var(--ui-scale)); } .pp-3-5 { padding: calc(-3.5rem * var(--ui-scale)); } .ppt-3-5 { padding-top: calc(-3.5rem * var(--ui-scale)); } .ppb-3-5 { padding-bottom: calc(-3.5rem * var(--ui-scale)); } .ppl-3-5 { padding-left: calc(-3.5rem * var(--ui-scale)); } .ppr-3-5 { padding-right: calc(-3.5rem * var(--ui-scale)); } .ppy-3-5 { padding-block: calc(-3.5rem * var(--ui-scale)) calc(-3.5rem * var(--ui-scale)); } .ppx-3-5 { padding-inline: calc(-3.5rem * var(--ui-scale)) calc(-3.5rem * var(--ui-scale)); } .pp-4 { padding: calc(-4rem * var(--ui-scale)); } .ppt-4 { padding-top: calc(-4rem * var(--ui-scale)); } .ppb-4 { padding-bottom: calc(-4rem * var(--ui-scale)); } .ppl-4 { padding-left: calc(-4rem * var(--ui-scale)); } .ppr-4 { padding-right: calc(-4rem * var(--ui-scale)); } .ppy-4 { padding-block: calc(-4rem * var(--ui-scale)) calc(-4rem * var(--ui-scale)); } .ppx-4 { padding-inline: calc(-4rem * var(--ui-scale)) calc(-4rem * var(--ui-scale)); } .pp-4-5 { padding: calc(-4.5rem * var(--ui-scale)); } .ppt-4-5 { padding-top: calc(-4.5rem * var(--ui-scale)); } .ppb-4-5 { padding-bottom: calc(-4.5rem * var(--ui-scale)); } .ppl-4-5 { padding-left: calc(-4.5rem * var(--ui-scale)); } .ppr-4-5 { padding-right: calc(-4.5rem * var(--ui-scale)); } .ppy-4-5 { padding-block: calc(-4.5rem * var(--ui-scale)) calc(-4.5rem * var(--ui-scale)); } .ppx-4-5 { padding-inline: calc(-4.5rem * var(--ui-scale)) calc(-4.5rem * var(--ui-scale)); } .pp-5 { padding: calc(-5rem * var(--ui-scale)); } .ppt-5 { padding-top: calc(-5rem * var(--ui-scale)); } .ppb-5 { padding-bottom: calc(-5rem * var(--ui-scale)); } .ppl-5 { padding-left: calc(-5rem * var(--ui-scale)); } .ppr-5 { padding-right: calc(-5rem * var(--ui-scale)); } .ppy-5 { padding-block: calc(-5rem * var(--ui-scale)) calc(-5rem * var(--ui-scale)); } .ppx-5 { padding-inline: calc(-5rem * var(--ui-scale)) calc(-5rem * var(--ui-scale)); } .pp-5-5 { padding: calc(-5.5rem * var(--ui-scale)); } .ppt-5-5 { padding-top: calc(-5.5rem * var(--ui-scale)); } .ppb-5-5 { padding-bottom: calc(-5.5rem * var(--ui-scale)); } .ppl-5-5 { padding-left: calc(-5.5rem * var(--ui-scale)); } .ppr-5-5 { padding-right: calc(-5.5rem * var(--ui-scale)); } .ppy-5-5 { padding-block: calc(-5.5rem * var(--ui-scale)) calc(-5.5rem * var(--ui-scale)); } .ppx-5-5 { padding-inline: calc(-5.5rem * var(--ui-scale)) calc(-5.5rem * var(--ui-scale)); } .pp-6 { padding: calc(-6rem * var(--ui-scale)); } .ppt-6 { padding-top: calc(-6rem * var(--ui-scale)); } .ppb-6 { padding-bottom: calc(-6rem * var(--ui-scale)); } .ppl-6 { padding-left: calc(-6rem * var(--ui-scale)); } .ppr-6 { padding-right: calc(-6rem * var(--ui-scale)); } .ppy-6 { padding-block: calc(-6rem * var(--ui-scale)) calc(-6rem * var(--ui-scale)); } .ppx-6 { padding-inline: calc(-6rem * var(--ui-scale)) calc(-6rem * var(--ui-scale)); } .pp-6-5 { padding: calc(-6.5rem * var(--ui-scale)); } .ppt-6-5 { padding-top: calc(-6.5rem * var(--ui-scale)); } .ppb-6-5 { padding-bottom: calc(-6.5rem * var(--ui-scale)); } .ppl-6-5 { padding-left: calc(-6.5rem * var(--ui-scale)); } .ppr-6-5 { padding-right: calc(-6.5rem * var(--ui-scale)); } .ppy-6-5 { padding-block: calc(-6.5rem * var(--ui-scale)) calc(-6.5rem * var(--ui-scale)); } .ppx-6-5 { padding-inline: calc(-6.5rem * var(--ui-scale)) calc(-6.5rem * var(--ui-scale)); } .pp-7 { padding: calc(-7rem * var(--ui-scale)); } .ppt-7 { padding-top: calc(-7rem * var(--ui-scale)); } .ppb-7 { padding-bottom: calc(-7rem * var(--ui-scale)); } .ppl-7 { padding-left: calc(-7rem * var(--ui-scale)); } .ppr-7 { padding-right: calc(-7rem * var(--ui-scale)); } .ppy-7 { padding-block: calc(-7rem * var(--ui-scale)) calc(-7rem * var(--ui-scale)); } .ppx-7 { padding-inline: calc(-7rem * var(--ui-scale)) calc(-7rem * var(--ui-scale)); } .pp-7-5 { padding: calc(-7.5rem * var(--ui-scale)); } .ppt-7-5 { padding-top: calc(-7.5rem * var(--ui-scale)); } .ppb-7-5 { padding-bottom: calc(-7.5rem * var(--ui-scale)); } .ppl-7-5 { padding-left: calc(-7.5rem * var(--ui-scale)); } .ppr-7-5 { padding-right: calc(-7.5rem * var(--ui-scale)); } .ppy-7-5 { padding-block: calc(-7.5rem * var(--ui-scale)) calc(-7.5rem * var(--ui-scale)); } .ppx-7-5 { padding-inline: calc(-7.5rem * var(--ui-scale)) calc(-7.5rem * var(--ui-scale)); } .pp-8 { padding: calc(-8rem * var(--ui-scale)); } .ppt-8 { padding-top: calc(-8rem * var(--ui-scale)); } .ppb-8 { padding-bottom: calc(-8rem * var(--ui-scale)); } .ppl-8 { padding-left: calc(-8rem * var(--ui-scale)); } .ppr-8 { padding-right: calc(-8rem * var(--ui-scale)); } .ppy-8 { padding-block: calc(-8rem * var(--ui-scale)) calc(-8rem * var(--ui-scale)); } .ppx-8 { padding-inline: calc(-8rem * var(--ui-scale)) calc(-8rem * var(--ui-scale)); } .pp-8-5 { padding: calc(-8.5rem * var(--ui-scale)); } .ppt-8-5 { padding-top: calc(-8.5rem * var(--ui-scale)); } .ppb-8-5 { padding-bottom: calc(-8.5rem * var(--ui-scale)); } .ppl-8-5 { padding-left: calc(-8.5rem * var(--ui-scale)); } .ppr-8-5 { padding-right: calc(-8.5rem * var(--ui-scale)); } .ppy-8-5 { padding-block: calc(-8.5rem * var(--ui-scale)) calc(-8.5rem * var(--ui-scale)); } .ppx-8-5 { padding-inline: calc(-8.5rem * var(--ui-scale)) calc(-8.5rem * var(--ui-scale)); } .pp-9 { padding: calc(-9rem * var(--ui-scale)); } .ppt-9 { padding-top: calc(-9rem * var(--ui-scale)); } .ppb-9 { padding-bottom: calc(-9rem * var(--ui-scale)); } .ppl-9 { padding-left: calc(-9rem * var(--ui-scale)); } .ppr-9 { padding-right: calc(-9rem * var(--ui-scale)); } .ppy-9 { padding-block: calc(-9rem * var(--ui-scale)) calc(-9rem * var(--ui-scale)); } .ppx-9 { padding-inline: calc(-9rem * var(--ui-scale)) calc(-9rem * var(--ui-scale)); } .pp-9-5 { padding: calc(-9.5rem * var(--ui-scale)); } .ppt-9-5 { padding-top: calc(-9.5rem * var(--ui-scale)); } .ppb-9-5 { padding-bottom: calc(-9.5rem * var(--ui-scale)); } .ppl-9-5 { padding-left: calc(-9.5rem * var(--ui-scale)); } .ppr-9-5 { padding-right: calc(-9.5rem * var(--ui-scale)); } .ppy-9-5 { padding-block: calc(-9.5rem * var(--ui-scale)) calc(-9.5rem * var(--ui-scale)); } .ppx-9-5 { padding-inline: calc(-9.5rem * var(--ui-scale)) calc(-9.5rem * var(--ui-scale)); } .pp-10 { padding: calc(-10rem * var(--ui-scale)); } .ppt-10 { padding-top: calc(-10rem * var(--ui-scale)); } .ppb-10 { padding-bottom: calc(-10rem * var(--ui-scale)); } .ppl-10 { padding-left: calc(-10rem * var(--ui-scale)); } .ppr-10 { padding-right: calc(-10rem * var(--ui-scale)); } .ppy-10 { padding-block: calc(-10rem * var(--ui-scale)) calc(-10rem * var(--ui-scale)); } .ppx-10 { padding-inline: calc(-10rem * var(--ui-scale)) calc(-10rem * var(--ui-scale)); } .pp-10-5 { padding: calc(-10.5rem * var(--ui-scale)); } .ppt-10-5 { padding-top: calc(-10.5rem * var(--ui-scale)); } .ppb-10-5 { padding-bottom: calc(-10.5rem * var(--ui-scale)); } .ppl-10-5 { padding-left: calc(-10.5rem * var(--ui-scale)); } .ppr-10-5 { padding-right: calc(-10.5rem * var(--ui-scale)); } .ppy-10-5 { padding-block: calc(-10.5rem * var(--ui-scale)) calc(-10.5rem * var(--ui-scale)); } .ppx-10-5 { padding-inline: calc(-10.5rem * var(--ui-scale)) calc(-10.5rem * var(--ui-scale)); } .pp-11 { padding: calc(-11rem * var(--ui-scale)); } .ppt-11 { padding-top: calc(-11rem * var(--ui-scale)); } .ppb-11 { padding-bottom: calc(-11rem * var(--ui-scale)); } .ppl-11 { padding-left: calc(-11rem * var(--ui-scale)); } .ppr-11 { padding-right: calc(-11rem * var(--ui-scale)); } .ppy-11 { padding-block: calc(-11rem * var(--ui-scale)) calc(-11rem * var(--ui-scale)); } .ppx-11 { padding-inline: calc(-11rem * var(--ui-scale)) calc(-11rem * var(--ui-scale)); } .pp-11-5 { padding: calc(-11.5rem * var(--ui-scale)); } .ppt-11-5 { padding-top: calc(-11.5rem * var(--ui-scale)); } .ppb-11-5 { padding-bottom: calc(-11.5rem * var(--ui-scale)); } .ppl-11-5 { padding-left: calc(-11.5rem * var(--ui-scale)); } .ppr-11-5 { padding-right: calc(-11.5rem * var(--ui-scale)); } .ppy-11-5 { padding-block: calc(-11.5rem * var(--ui-scale)) calc(-11.5rem * var(--ui-scale)); } .ppx-11-5 { padding-inline: calc(-11.5rem * var(--ui-scale)) calc(-11.5rem * var(--ui-scale)); } .pp-12 { padding: calc(-12rem * var(--ui-scale)); } .ppt-12 { padding-top: calc(-12rem * var(--ui-scale)); } .ppb-12 { padding-bottom: calc(-12rem * var(--ui-scale)); } .ppl-12 { padding-left: calc(-12rem * var(--ui-scale)); } .ppr-12 { padding-right: calc(-12rem * var(--ui-scale)); } .ppy-12 { padding-block: calc(-12rem * var(--ui-scale)) calc(-12rem * var(--ui-scale)); } .ppx-12 { padding-inline: calc(-12rem * var(--ui-scale)) calc(-12rem * var(--ui-scale)); } .pp-13 { padding: calc(-13rem * var(--ui-scale)); } .ppt-13 { padding-top: calc(-13rem * var(--ui-scale)); } .ppb-13 { padding-bottom: calc(-13rem * var(--ui-scale)); } .ppl-13 { padding-left: calc(-13rem * var(--ui-scale)); } .ppr-13 { padding-right: calc(-13rem * var(--ui-scale)); } .ppy-13 { padding-block: calc(-13rem * var(--ui-scale)) calc(-13rem * var(--ui-scale)); } .ppx-13 { padding-inline: calc(-13rem * var(--ui-scale)) calc(-13rem * var(--ui-scale)); } .pp-14 { padding: calc(-14rem * var(--ui-scale)); } .ppt-14 { padding-top: calc(-14rem * var(--ui-scale)); } .ppb-14 { padding-bottom: calc(-14rem * var(--ui-scale)); } .ppl-14 { padding-left: calc(-14rem * var(--ui-scale)); } .ppr-14 { padding-right: calc(-14rem * var(--ui-scale)); } .ppy-14 { padding-block: calc(-14rem * var(--ui-scale)) calc(-14rem * var(--ui-scale)); } .ppx-14 { padding-inline: calc(-14rem * var(--ui-scale)) calc(-14rem * var(--ui-scale)); } .pp-15 { padding: calc(-15rem * var(--ui-scale)); } .ppt-15 { padding-top: calc(-15rem * var(--ui-scale)); } .ppb-15 { padding-bottom: calc(-15rem * var(--ui-scale)); } .ppl-15 { padding-left: calc(-15rem * var(--ui-scale)); } .ppr-15 { padding-right: calc(-15rem * var(--ui-scale)); } .ppy-15 { padding-block: calc(-15rem * var(--ui-scale)) calc(-15rem * var(--ui-scale)); } .ppx-15 { padding-inline: calc(-15rem * var(--ui-scale)) calc(-15rem * var(--ui-scale)); } /* Explizite Mobile Negative Margins (ohne Scale) */ @media (max-width: 767px) { .mm-m-0 { margin: -0rem; } .mmt-m-0 { margin-top: -0rem; } .mmb-m-0 { margin-bottom: -0rem; } .mml-m-0 { margin-left: -0rem; } .mmr-m-0 { margin-right: -0rem; } .mmy-m-0 { margin-block: -0rem -0rem; } .mmx-m-0 { margin-inline: -0rem -0rem; } .mm-m-0-5 { margin: -0.5rem; } .mmt-m-0-5 { margin-top: -0.5rem; } .mmb-m-0-5 { margin-bottom: -0.5rem; } .mml-m-0-5 { margin-left: -0.5rem; } .mmr-m-0-5 { margin-right: -0.5rem; } .mmy-m-0-5 { margin-block: -0.5rem -0.5rem; } .mmx-m-0-5 { margin-inline: -0.5rem -0.5rem; } .mm-m-1 { margin: -1rem; } .mmt-m-1 { margin-top: -1rem; } .mmb-m-1 { margin-bottom: -1rem; } .mml-m-1 { margin-left: -1rem; } .mmr-m-1 { margin-right: -1rem; } .mmy-m-1 { margin-block: -1rem -1rem; } .mmx-m-1 { margin-inline: -1rem -1rem; } .mm-m-1-5 { margin: -1.5rem; } .mmt-m-1-5 { margin-top: -1.5rem; } .mmb-m-1-5 { margin-bottom: -1.5rem; } .mml-m-1-5 { margin-left: -1.5rem; } .mmr-m-1-5 { margin-right: -1.5rem; } .mmy-m-1-5 { margin-block: -1.5rem -1.5rem; } .mmx-m-1-5 { margin-inline: -1.5rem -1.5rem; } .mm-m-2 { margin: -2rem; } .mmt-m-2 { margin-top: -2rem; } .mmb-m-2 { margin-bottom: -2rem; } .mml-m-2 { margin-left: -2rem; } .mmr-m-2 { margin-right: -2rem; } .mmy-m-2 { margin-block: -2rem -2rem; } .mmx-m-2 { margin-inline: -2rem -2rem; } .mm-m-2-5 { margin: -2.5rem; } .mmt-m-2-5 { margin-top: -2.5rem; } .mmb-m-2-5 { margin-bottom: -2.5rem; } .mml-m-2-5 { margin-left: -2.5rem; } .mmr-m-2-5 { margin-right: -2.5rem; } .mmy-m-2-5 { margin-block: -2.5rem -2.5rem; } .mmx-m-2-5 { margin-inline: -2.5rem -2.5rem; } .mm-m-3 { margin: -3rem; } .mmt-m-3 { margin-top: -3rem; } .mmb-m-3 { margin-bottom: -3rem; } .mml-m-3 { margin-left: -3rem; } .mmr-m-3 { margin-right: -3rem; } .mmy-m-3 { margin-block: -3rem -3rem; } .mmx-m-3 { margin-inline: -3rem -3rem; } .mm-m-3-5 { margin: -3.5rem; } .mmt-m-3-5 { margin-top: -3.5rem; } .mmb-m-3-5 { margin-bottom: -3.5rem; } .mml-m-3-5 { margin-left: -3.5rem; } .mmr-m-3-5 { margin-right: -3.5rem; } .mmy-m-3-5 { margin-block: -3.5rem -3.5rem; } .mmx-m-3-5 { margin-inline: -3.5rem -3.5rem; } .mm-m-4 { margin: -4rem; } .mmt-m-4 { margin-top: -4rem; } .mmb-m-4 { margin-bottom: -4rem; } .mml-m-4 { margin-left: -4rem; } .mmr-m-4 { margin-right: -4rem; } .mmy-m-4 { margin-block: -4rem -4rem; } .mmx-m-4 { margin-inline: -4rem -4rem; } .mm-m-4-5 { margin: -4.5rem; } .mmt-m-4-5 { margin-top: -4.5rem; } .mmb-m-4-5 { margin-bottom: -4.5rem; } .mml-m-4-5 { margin-left: -4.5rem; } .mmr-m-4-5 { margin-right: -4.5rem; } .mmy-m-4-5 { margin-block: -4.5rem -4.5rem; } .mmx-m-4-5 { margin-inline: -4.5rem -4.5rem; } .mm-m-5 { margin: -5rem; } .mmt-m-5 { margin-top: -5rem; } .mmb-m-5 { margin-bottom: -5rem; } .mml-m-5 { margin-left: -5rem; } .mmr-m-5 { margin-right: -5rem; } .mmy-m-5 { margin-block: -5rem -5rem; } .mmx-m-5 { margin-inline: -5rem -5rem; } .mm-m-5-5 { margin: -5.5rem; } .mmt-m-5-5 { margin-top: -5.5rem; } .mmb-m-5-5 { margin-bottom: -5.5rem; } .mml-m-5-5 { margin-left: -5.5rem; } .mmr-m-5-5 { margin-right: -5.5rem; } .mmy-m-5-5 { margin-block: -5.5rem -5.5rem; } .mmx-m-5-5 { margin-inline: -5.5rem -5.5rem; } .mm-m-6 { margin: -6rem; } .mmt-m-6 { margin-top: -6rem; } .mmb-m-6 { margin-bottom: -6rem; } .mml-m-6 { margin-left: -6rem; } .mmr-m-6 { margin-right: -6rem; } .mmy-m-6 { margin-block: -6rem -6rem; } .mmx-m-6 { margin-inline: -6rem -6rem; } .mm-m-6-5 { margin: -6.5rem; } .mmt-m-6-5 { margin-top: -6.5rem; } .mmb-m-6-5 { margin-bottom: -6.5rem; } .mml-m-6-5 { margin-left: -6.5rem; } .mmr-m-6-5 { margin-right: -6.5rem; } .mmy-m-6-5 { margin-block: -6.5rem -6.5rem; } .mmx-m-6-5 { margin-inline: -6.5rem -6.5rem; } .mm-m-7 { margin: -7rem; } .mmt-m-7 { margin-top: -7rem; } .mmb-m-7 { margin-bottom: -7rem; } .mml-m-7 { margin-left: -7rem; } .mmr-m-7 { margin-right: -7rem; } .mmy-m-7 { margin-block: -7rem -7rem; } .mmx-m-7 { margin-inline: -7rem -7rem; } .mm-m-7-5 { margin: -7.5rem; } .mmt-m-7-5 { margin-top: -7.5rem; } .mmb-m-7-5 { margin-bottom: -7.5rem; } .mml-m-7-5 { margin-left: -7.5rem; } .mmr-m-7-5 { margin-right: -7.5rem; } .mmy-m-7-5 { margin-block: -7.5rem -7.5rem; } .mmx-m-7-5 { margin-inline: -7.5rem -7.5rem; } .mm-m-8 { margin: -8rem; } .mmt-m-8 { margin-top: -8rem; } .mmb-m-8 { margin-bottom: -8rem; } .mml-m-8 { margin-left: -8rem; } .mmr-m-8 { margin-right: -8rem; } .mmy-m-8 { margin-block: -8rem -8rem; } .mmx-m-8 { margin-inline: -8rem -8rem; } .mm-m-8-5 { margin: -8.5rem; } .mmt-m-8-5 { margin-top: -8.5rem; } .mmb-m-8-5 { margin-bottom: -8.5rem; } .mml-m-8-5 { margin-left: -8.5rem; } .mmr-m-8-5 { margin-right: -8.5rem; } .mmy-m-8-5 { margin-block: -8.5rem -8.5rem; } .mmx-m-8-5 { margin-inline: -8.5rem -8.5rem; } .mm-m-9 { margin: -9rem; } .mmt-m-9 { margin-top: -9rem; } .mmb-m-9 { margin-bottom: -9rem; } .mml-m-9 { margin-left: -9rem; } .mmr-m-9 { margin-right: -9rem; } .mmy-m-9 { margin-block: -9rem -9rem; } .mmx-m-9 { margin-inline: -9rem -9rem; } .mm-m-9-5 { margin: -9.5rem; } .mmt-m-9-5 { margin-top: -9.5rem; } .mmb-m-9-5 { margin-bottom: -9.5rem; } .mml-m-9-5 { margin-left: -9.5rem; } .mmr-m-9-5 { margin-right: -9.5rem; } .mmy-m-9-5 { margin-block: -9.5rem -9.5rem; } .mmx-m-9-5 { margin-inline: -9.5rem -9.5rem; } .mm-m-10 { margin: -10rem; } .mmt-m-10 { margin-top: -10rem; } .mmb-m-10 { margin-bottom: -10rem; } .mml-m-10 { margin-left: -10rem; } .mmr-m-10 { margin-right: -10rem; } .mmy-m-10 { margin-block: -10rem -10rem; } .mmx-m-10 { margin-inline: -10rem -10rem; } .mm-m-10-5 { margin: -10.5rem; } .mmt-m-10-5 { margin-top: -10.5rem; } .mmb-m-10-5 { margin-bottom: -10.5rem; } .mml-m-10-5 { margin-left: -10.5rem; } .mmr-m-10-5 { margin-right: -10.5rem; } .mmy-m-10-5 { margin-block: -10.5rem -10.5rem; } .mmx-m-10-5 { margin-inline: -10.5rem -10.5rem; } .mm-m-11 { margin: -11rem; } .mmt-m-11 { margin-top: -11rem; } .mmb-m-11 { margin-bottom: -11rem; } .mml-m-11 { margin-left: -11rem; } .mmr-m-11 { margin-right: -11rem; } .mmy-m-11 { margin-block: -11rem -11rem; } .mmx-m-11 { margin-inline: -11rem -11rem; } .mm-m-11-5 { margin: -11.5rem; } .mmt-m-11-5 { margin-top: -11.5rem; } .mmb-m-11-5 { margin-bottom: -11.5rem; } .mml-m-11-5 { margin-left: -11.5rem; } .mmr-m-11-5 { margin-right: -11.5rem; } .mmy-m-11-5 { margin-block: -11.5rem -11.5rem; } .mmx-m-11-5 { margin-inline: -11.5rem -11.5rem; } .mm-m-12 { margin: -12rem; } .mmt-m-12 { margin-top: -12rem; } .mmb-m-12 { margin-bottom: -12rem; } .mml-m-12 { margin-left: -12rem; } .mmr-m-12 { margin-right: -12rem; } .mmy-m-12 { margin-block: -12rem -12rem; } .mmx-m-12 { margin-inline: -12rem -12rem; } .mm-m-13 { margin: -13rem; } .mmt-m-13 { margin-top: -13rem; } .mmb-m-13 { margin-bottom: -13rem; } .mml-m-13 { margin-left: -13rem; } .mmr-m-13 { margin-right: -13rem; } .mmy-m-13 { margin-block: -13rem -13rem; } .mmx-m-13 { margin-inline: -13rem -13rem; } .mm-m-14 { margin: -14rem; } .mmt-m-14 { margin-top: -14rem; } .mmb-m-14 { margin-bottom: -14rem; } .mml-m-14 { margin-left: -14rem; } .mmr-m-14 { margin-right: -14rem; } .mmy-m-14 { margin-block: -14rem -14rem; } .mmx-m-14 { margin-inline: -14rem -14rem; } .mm-m-15 { margin: -15rem; } .mmt-m-15 { margin-top: -15rem; } .mmb-m-15 { margin-bottom: -15rem; } .mml-m-15 { margin-left: -15rem; } .mmr-m-15 { margin-right: -15rem; } .mmy-m-15 { margin-block: -15rem -15rem; } .mmx-m-15 { margin-inline: -15rem -15rem; } .pp-m-0 { padding: -0rem; } .ppt-m-0 { padding-top: -0rem; } .ppb-m-0 { padding-bottom: -0rem; } .ppl-m-0 { padding-left: -0rem; } .ppr-m-0 { padding-right: -0rem; } .ppy-m-0 { padding-block: -0rem -0rem; } .ppx-m-0 { padding-inline: -0rem -0rem; } .pp-m-0-5 { padding: -0.5rem; } .ppt-m-0-5 { padding-top: -0.5rem; } .ppb-m-0-5 { padding-bottom: -0.5rem; } .ppl-m-0-5 { padding-left: -0.5rem; } .ppr-m-0-5 { padding-right: -0.5rem; } .ppy-m-0-5 { padding-block: -0.5rem -0.5rem; } .ppx-m-0-5 { padding-inline: -0.5rem -0.5rem; } .pp-m-1 { padding: -1rem; } .ppt-m-1 { padding-top: -1rem; } .ppb-m-1 { padding-bottom: -1rem; } .ppl-m-1 { padding-left: -1rem; } .ppr-m-1 { padding-right: -1rem; } .ppy-m-1 { padding-block: -1rem -1rem; } .ppx-m-1 { padding-inline: -1rem -1rem; } .pp-m-1-5 { padding: -1.5rem; } .ppt-m-1-5 { padding-top: -1.5rem; } .ppb-m-1-5 { padding-bottom: -1.5rem; } .ppl-m-1-5 { padding-left: -1.5rem; } .ppr-m-1-5 { padding-right: -1.5rem; } .ppy-m-1-5 { padding-block: -1.5rem -1.5rem; } .ppx-m-1-5 { padding-inline: -1.5rem -1.5rem; } .pp-m-2 { padding: -2rem; } .ppt-m-2 { padding-top: -2rem; } .ppb-m-2 { padding-bottom: -2rem; } .ppl-m-2 { padding-left: -2rem; } .ppr-m-2 { padding-right: -2rem; } .ppy-m-2 { padding-block: -2rem -2rem; } .ppx-m-2 { padding-inline: -2rem -2rem; } .pp-m-2-5 { padding: -2.5rem; } .ppt-m-2-5 { padding-top: -2.5rem; } .ppb-m-2-5 { padding-bottom: -2.5rem; } .ppl-m-2-5 { padding-left: -2.5rem; } .ppr-m-2-5 { padding-right: -2.5rem; } .ppy-m-2-5 { padding-block: -2.5rem -2.5rem; } .ppx-m-2-5 { padding-inline: -2.5rem -2.5rem; } .pp-m-3 { padding: -3rem; } .ppt-m-3 { padding-top: -3rem; } .ppb-m-3 { padding-bottom: -3rem; } .ppl-m-3 { padding-left: -3rem; } .ppr-m-3 { padding-right: -3rem; } .ppy-m-3 { padding-block: -3rem -3rem; } .ppx-m-3 { padding-inline: -3rem -3rem; } .pp-m-3-5 { padding: -3.5rem; } .ppt-m-3-5 { padding-top: -3.5rem; } .ppb-m-3-5 { padding-bottom: -3.5rem; } .ppl-m-3-5 { padding-left: -3.5rem; } .ppr-m-3-5 { padding-right: -3.5rem; } .ppy-m-3-5 { padding-block: -3.5rem -3.5rem; } .ppx-m-3-5 { padding-inline: -3.5rem -3.5rem; } .pp-m-4 { padding: -4rem; } .ppt-m-4 { padding-top: -4rem; } .ppb-m-4 { padding-bottom: -4rem; } .ppl-m-4 { padding-left: -4rem; } .ppr-m-4 { padding-right: -4rem; } .ppy-m-4 { padding-block: -4rem -4rem; } .ppx-m-4 { padding-inline: -4rem -4rem; } .pp-m-4-5 { padding: -4.5rem; } .ppt-m-4-5 { padding-top: -4.5rem; } .ppb-m-4-5 { padding-bottom: -4.5rem; } .ppl-m-4-5 { padding-left: -4.5rem; } .ppr-m-4-5 { padding-right: -4.5rem; } .ppy-m-4-5 { padding-block: -4.5rem -4.5rem; } .ppx-m-4-5 { padding-inline: -4.5rem -4.5rem; } .pp-m-5 { padding: -5rem; } .ppt-m-5 { padding-top: -5rem; } .ppb-m-5 { padding-bottom: -5rem; } .ppl-m-5 { padding-left: -5rem; } .ppr-m-5 { padding-right: -5rem; } .ppy-m-5 { padding-block: -5rem -5rem; } .ppx-m-5 { padding-inline: -5rem -5rem; } .pp-m-5-5 { padding: -5.5rem; } .ppt-m-5-5 { padding-top: -5.5rem; } .ppb-m-5-5 { padding-bottom: -5.5rem; } .ppl-m-5-5 { padding-left: -5.5rem; } .ppr-m-5-5 { padding-right: -5.5rem; } .ppy-m-5-5 { padding-block: -5.5rem -5.5rem; } .ppx-m-5-5 { padding-inline: -5.5rem -5.5rem; } .pp-m-6 { padding: -6rem; } .ppt-m-6 { padding-top: -6rem; } .ppb-m-6 { padding-bottom: -6rem; } .ppl-m-6 { padding-left: -6rem; } .ppr-m-6 { padding-right: -6rem; } .ppy-m-6 { padding-block: -6rem -6rem; } .ppx-m-6 { padding-inline: -6rem -6rem; } .pp-m-6-5 { padding: -6.5rem; } .ppt-m-6-5 { padding-top: -6.5rem; } .ppb-m-6-5 { padding-bottom: -6.5rem; } .ppl-m-6-5 { padding-left: -6.5rem; } .ppr-m-6-5 { padding-right: -6.5rem; } .ppy-m-6-5 { padding-block: -6.5rem -6.5rem; } .ppx-m-6-5 { padding-inline: -6.5rem -6.5rem; } .pp-m-7 { padding: -7rem; } .ppt-m-7 { padding-top: -7rem; } .ppb-m-7 { padding-bottom: -7rem; } .ppl-m-7 { padding-left: -7rem; } .ppr-m-7 { padding-right: -7rem; } .ppy-m-7 { padding-block: -7rem -7rem; } .ppx-m-7 { padding-inline: -7rem -7rem; } .pp-m-7-5 { padding: -7.5rem; } .ppt-m-7-5 { padding-top: -7.5rem; } .ppb-m-7-5 { padding-bottom: -7.5rem; } .ppl-m-7-5 { padding-left: -7.5rem; } .ppr-m-7-5 { padding-right: -7.5rem; } .ppy-m-7-5 { padding-block: -7.5rem -7.5rem; } .ppx-m-7-5 { padding-inline: -7.5rem -7.5rem; } .pp-m-8 { padding: -8rem; } .ppt-m-8 { padding-top: -8rem; } .ppb-m-8 { padding-bottom: -8rem; } .ppl-m-8 { padding-left: -8rem; } .ppr-m-8 { padding-right: -8rem; } .ppy-m-8 { padding-block: -8rem -8rem; } .ppx-m-8 { padding-inline: -8rem -8rem; } .pp-m-8-5 { padding: -8.5rem; } .ppt-m-8-5 { padding-top: -8.5rem; } .ppb-m-8-5 { padding-bottom: -8.5rem; } .ppl-m-8-5 { padding-left: -8.5rem; } .ppr-m-8-5 { padding-right: -8.5rem; } .ppy-m-8-5 { padding-block: -8.5rem -8.5rem; } .ppx-m-8-5 { padding-inline: -8.5rem -8.5rem; } .pp-m-9 { padding: -9rem; } .ppt-m-9 { padding-top: -9rem; } .ppb-m-9 { padding-bottom: -9rem; } .ppl-m-9 { padding-left: -9rem; } .ppr-m-9 { padding-right: -9rem; } .ppy-m-9 { padding-block: -9rem -9rem; } .ppx-m-9 { padding-inline: -9rem -9rem; } .pp-m-9-5 { padding: -9.5rem; } .ppt-m-9-5 { padding-top: -9.5rem; } .ppb-m-9-5 { padding-bottom: -9.5rem; } .ppl-m-9-5 { padding-left: -9.5rem; } .ppr-m-9-5 { padding-right: -9.5rem; } .ppy-m-9-5 { padding-block: -9.5rem -9.5rem; } .ppx-m-9-5 { padding-inline: -9.5rem -9.5rem; } .pp-m-10 { padding: -10rem; } .ppt-m-10 { padding-top: -10rem; } .ppb-m-10 { padding-bottom: -10rem; } .ppl-m-10 { padding-left: -10rem; } .ppr-m-10 { padding-right: -10rem; } .ppy-m-10 { padding-block: -10rem -10rem; } .ppx-m-10 { padding-inline: -10rem -10rem; } .pp-m-10-5 { padding: -10.5rem; } .ppt-m-10-5 { padding-top: -10.5rem; } .ppb-m-10-5 { padding-bottom: -10.5rem; } .ppl-m-10-5 { padding-left: -10.5rem; } .ppr-m-10-5 { padding-right: -10.5rem; } .ppy-m-10-5 { padding-block: -10.5rem -10.5rem; } .ppx-m-10-5 { padding-inline: -10.5rem -10.5rem; } .pp-m-11 { padding: -11rem; } .ppt-m-11 { padding-top: -11rem; } .ppb-m-11 { padding-bottom: -11rem; } .ppl-m-11 { padding-left: -11rem; } .ppr-m-11 { padding-right: -11rem; } .ppy-m-11 { padding-block: -11rem -11rem; } .ppx-m-11 { padding-inline: -11rem -11rem; } .pp-m-11-5 { padding: -11.5rem; } .ppt-m-11-5 { padding-top: -11.5rem; } .ppb-m-11-5 { padding-bottom: -11.5rem; } .ppl-m-11-5 { padding-left: -11.5rem; } .ppr-m-11-5 { padding-right: -11.5rem; } .ppy-m-11-5 { padding-block: -11.5rem -11.5rem; } .ppx-m-11-5 { padding-inline: -11.5rem -11.5rem; } .pp-m-12 { padding: -12rem; } .ppt-m-12 { padding-top: -12rem; } .ppb-m-12 { padding-bottom: -12rem; } .ppl-m-12 { padding-left: -12rem; } .ppr-m-12 { padding-right: -12rem; } .ppy-m-12 { padding-block: -12rem -12rem; } .ppx-m-12 { padding-inline: -12rem -12rem; } .pp-m-13 { padding: -13rem; } .ppt-m-13 { padding-top: -13rem; } .ppb-m-13 { padding-bottom: -13rem; } .ppl-m-13 { padding-left: -13rem; } .ppr-m-13 { padding-right: -13rem; } .ppy-m-13 { padding-block: -13rem -13rem; } .ppx-m-13 { padding-inline: -13rem -13rem; } .pp-m-14 { padding: -14rem; } .ppt-m-14 { padding-top: -14rem; } .ppb-m-14 { padding-bottom: -14rem; } .ppl-m-14 { padding-left: -14rem; } .ppr-m-14 { padding-right: -14rem; } .ppy-m-14 { padding-block: -14rem -14rem; } .ppx-m-14 { padding-inline: -14rem -14rem; } .pp-m-15 { padding: -15rem; } .ppt-m-15 { padding-top: -15rem; } .ppb-m-15 { padding-bottom: -15rem; } .ppl-m-15 { padding-left: -15rem; } .ppr-m-15 { padding-right: -15rem; } .ppy-m-15 { padding-block: -15rem -15rem; } .ppx-m-15 { padding-inline: -15rem -15rem; } } /*------------------------------------------------------------------------------------------------------------------------------ ALIGNMENT & POSITIONING ------------------------------------------------------------------------------------------------------------------------------*/ .align-start-start { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: start; align-items: start; } .align-start-start.flex { display: flex; justify-items: initial; } .align-start-center { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: center; align-items: center; } .align-start-center.flex { display: flex; justify-items: initial; } .align-start-end { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: end; align-items: end; } .align-start-end.flex { display: flex; justify-items: initial; } .align-start-stretch { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-start-stretch.flex { display: flex; justify-items: initial; } .align-start-space-between { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: space-between; } .align-start-space-between.flex { display: flex; justify-items: initial; } .align-start-space-around { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: space-around; } .align-start-space-around.flex { display: flex; justify-items: initial; } .align-start-space-evenly { display: grid; /* Horizontal */ justify-content: start; justify-items: start; /* Vertikal */ align-content: space-evenly; } .align-start-space-evenly.flex { display: flex; justify-items: initial; } .align-center-start { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: start; align-items: start; } .align-center-start.flex { display: flex; justify-items: initial; } .align-center-center { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: center; align-items: center; } .align-center-center.flex { display: flex; justify-items: initial; } .align-center-end { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: end; align-items: end; } .align-center-end.flex { display: flex; justify-items: initial; } .align-center-stretch { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-center-stretch.flex { display: flex; justify-items: initial; } .align-center-space-between { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: space-between; } .align-center-space-between.flex { display: flex; justify-items: initial; } .align-center-space-around { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: space-around; } .align-center-space-around.flex { display: flex; justify-items: initial; } .align-center-space-evenly { display: grid; /* Horizontal */ justify-content: center; justify-items: center; /* Vertikal */ align-content: space-evenly; } .align-center-space-evenly.flex { display: flex; justify-items: initial; } .align-end-start { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: start; align-items: start; } .align-end-start.flex { display: flex; justify-items: initial; } .align-end-center { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: center; align-items: center; } .align-end-center.flex { display: flex; justify-items: initial; } .align-end-end { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: end; align-items: end; } .align-end-end.flex { display: flex; justify-items: initial; } .align-end-stretch { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-end-stretch.flex { display: flex; justify-items: initial; } .align-end-space-between { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: space-between; } .align-end-space-between.flex { display: flex; justify-items: initial; } .align-end-space-around { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: space-around; } .align-end-space-around.flex { display: flex; justify-items: initial; } .align-end-space-evenly { display: grid; /* Horizontal */ justify-content: end; justify-items: end; /* Vertikal */ align-content: space-evenly; } .align-end-space-evenly.flex { display: flex; justify-items: initial; } .align-stretch-start { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: start; align-items: start; } .align-stretch-start.flex { display: flex; justify-items: initial; } .align-stretch-center { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: center; align-items: center; } .align-stretch-center.flex { display: flex; justify-items: initial; } .align-stretch-end { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: end; align-items: end; } .align-stretch-end.flex { display: flex; justify-items: initial; } .align-stretch-stretch { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-stretch-stretch.flex { display: flex; justify-items: initial; } .align-stretch-space-between { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: space-between; } .align-stretch-space-between.flex { display: flex; justify-items: initial; } .align-stretch-space-around { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: space-around; } .align-stretch-space-around.flex { display: flex; justify-items: initial; } .align-stretch-space-evenly { display: grid; /* Horizontal */ justify-content: stretch; justify-items: stretch; /* Vertikal */ align-content: space-evenly; } .align-stretch-space-evenly.flex { display: flex; justify-items: initial; } .align-space-between-start { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: start; align-items: start; } .align-space-between-start.flex { display: flex; justify-items: initial; } .align-space-between-center { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: center; align-items: center; } .align-space-between-center.flex { display: flex; justify-items: initial; } .align-space-between-end { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: end; align-items: end; } .align-space-between-end.flex { display: flex; justify-items: initial; } .align-space-between-stretch { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-space-between-stretch.flex { display: flex; justify-items: initial; } .align-space-between-space-between { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: space-between; } .align-space-between-space-between.flex { display: flex; justify-items: initial; } .align-space-between-space-around { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: space-around; } .align-space-between-space-around.flex { display: flex; justify-items: initial; } .align-space-between-space-evenly { display: grid; /* Horizontal */ justify-content: space-between; /* Vertikal */ align-content: space-evenly; } .align-space-between-space-evenly.flex { display: flex; justify-items: initial; } .align-space-around-start { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: start; align-items: start; } .align-space-around-start.flex { display: flex; justify-items: initial; } .align-space-around-center { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: center; align-items: center; } .align-space-around-center.flex { display: flex; justify-items: initial; } .align-space-around-end { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: end; align-items: end; } .align-space-around-end.flex { display: flex; justify-items: initial; } .align-space-around-stretch { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-space-around-stretch.flex { display: flex; justify-items: initial; } .align-space-around-space-between { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: space-between; } .align-space-around-space-between.flex { display: flex; justify-items: initial; } .align-space-around-space-around { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: space-around; } .align-space-around-space-around.flex { display: flex; justify-items: initial; } .align-space-around-space-evenly { display: grid; /* Horizontal */ justify-content: space-around; /* Vertikal */ align-content: space-evenly; } .align-space-around-space-evenly.flex { display: flex; justify-items: initial; } .align-space-evenly-start { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: start; align-items: start; } .align-space-evenly-start.flex { display: flex; justify-items: initial; } .align-space-evenly-center { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: center; align-items: center; } .align-space-evenly-center.flex { display: flex; justify-items: initial; } .align-space-evenly-end { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: end; align-items: end; } .align-space-evenly-end.flex { display: flex; justify-items: initial; } .align-space-evenly-stretch { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: stretch; align-items: stretch; } .align-space-evenly-stretch.flex { display: flex; justify-items: initial; } .align-space-evenly-space-between { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: space-between; } .align-space-evenly-space-between.flex { display: flex; justify-items: initial; } .align-space-evenly-space-around { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: space-around; } .align-space-evenly-space-around.flex { display: flex; justify-items: initial; } .align-space-evenly-space-evenly { display: grid; /* Horizontal */ justify-content: space-evenly; /* Vertikal */ align-content: space-evenly; } .align-space-evenly-space-evenly.flex { display: flex; justify-items: initial; } @media (max-width: 767px) { .align-m-start-start { justify-content: start; justify-items: start; align-content: start; align-items: start; } .align-m-start-center { justify-content: start; justify-items: start; align-content: center; align-items: center; } .align-m-start-end { justify-content: start; justify-items: start; align-content: end; align-items: end; } .align-m-start-stretch { justify-content: start; justify-items: start; align-content: stretch; align-items: stretch; } .align-m-start-space-between { justify-content: start; justify-items: start; align-content: space-between; } .align-m-start-space-around { justify-content: start; justify-items: start; align-content: space-around; } .align-m-start-space-evenly { justify-content: start; justify-items: start; align-content: space-evenly; } .align-m-center-start { justify-content: center; justify-items: center; align-content: start; align-items: start; } .align-m-center-center { justify-content: center; justify-items: center; align-content: center; align-items: center; } .align-m-center-end { justify-content: center; justify-items: center; align-content: end; align-items: end; } .align-m-center-stretch { justify-content: center; justify-items: center; align-content: stretch; align-items: stretch; } .align-m-center-space-between { justify-content: center; justify-items: center; align-content: space-between; } .align-m-center-space-around { justify-content: center; justify-items: center; align-content: space-around; } .align-m-center-space-evenly { justify-content: center; justify-items: center; align-content: space-evenly; } .align-m-end-start { justify-content: end; justify-items: end; align-content: start; align-items: start; } .align-m-end-center { justify-content: end; justify-items: end; align-content: center; align-items: center; } .align-m-end-end { justify-content: end; justify-items: end; align-content: end; align-items: end; } .align-m-end-stretch { justify-content: end; justify-items: end; align-content: stretch; align-items: stretch; } .align-m-end-space-between { justify-content: end; justify-items: end; align-content: space-between; } .align-m-end-space-around { justify-content: end; justify-items: end; align-content: space-around; } .align-m-end-space-evenly { justify-content: end; justify-items: end; align-content: space-evenly; } .align-m-stretch-start { justify-content: stretch; justify-items: stretch; align-content: start; align-items: start; } .align-m-stretch-center { justify-content: stretch; justify-items: stretch; align-content: center; align-items: center; } .align-m-stretch-end { justify-content: stretch; justify-items: stretch; align-content: end; align-items: end; } .align-m-stretch-stretch { justify-content: stretch; justify-items: stretch; align-content: stretch; align-items: stretch; } .align-m-stretch-space-between { justify-content: stretch; justify-items: stretch; align-content: space-between; } .align-m-stretch-space-around { justify-content: stretch; justify-items: stretch; align-content: space-around; } .align-m-stretch-space-evenly { justify-content: stretch; justify-items: stretch; align-content: space-evenly; } .align-m-space-between-start { justify-content: space-between; align-content: start; align-items: start; } .align-m-space-between-center { justify-content: space-between; align-content: center; align-items: center; } .align-m-space-between-end { justify-content: space-between; align-content: end; align-items: end; } .align-m-space-between-stretch { justify-content: space-between; align-content: stretch; align-items: stretch; } .align-m-space-between-space-between { justify-content: space-between; align-content: space-between; } .align-m-space-between-space-around { justify-content: space-between; align-content: space-around; } .align-m-space-between-space-evenly { justify-content: space-between; align-content: space-evenly; } .align-m-space-around-start { justify-content: space-around; align-content: start; align-items: start; } .align-m-space-around-center { justify-content: space-around; align-content: center; align-items: center; } .align-m-space-around-end { justify-content: space-around; align-content: end; align-items: end; } .align-m-space-around-stretch { justify-content: space-around; align-content: stretch; align-items: stretch; } .align-m-space-around-space-between { justify-content: space-around; align-content: space-between; } .align-m-space-around-space-around { justify-content: space-around; align-content: space-around; } .align-m-space-around-space-evenly { justify-content: space-around; align-content: space-evenly; } .align-m-space-evenly-start { justify-content: space-evenly; align-content: start; align-items: start; } .align-m-space-evenly-center { justify-content: space-evenly; align-content: center; align-items: center; } .align-m-space-evenly-end { justify-content: space-evenly; align-content: end; align-items: end; } .align-m-space-evenly-stretch { justify-content: space-evenly; align-content: stretch; align-items: stretch; } .align-m-space-evenly-space-between { justify-content: space-evenly; align-content: space-between; } .align-m-space-evenly-space-around { justify-content: space-evenly; align-content: space-around; } .align-m-space-evenly-space-evenly { justify-content: space-evenly; align-content: space-evenly; } } /* Items alignment (container controls children) */ .items-start { align-items: start; justify-items: start; } .items-center { align-items: center; justify-items: center; } .items-end { align-items: end; justify-items: end; } .items-stretch { align-items: stretch; justify-items: stretch; } @media (max-width: 767px) { .items-m-start { align-items: start; justify-items: start; } .items-m-center { align-items: center; justify-items: center; } .items-m-end { align-items: end; justify-items: end; } .items-m-stretch { align-items: stretch; justify-items: stretch; } } /* Content alignment (for the grid tracks themselves) */ .content-start { align-content: start; justify-content: start; } .content-center { align-content: center; justify-content: center; } .content-end { align-content: end; justify-content: end; } .content-stretch { align-content: stretch; justify-content: stretch; } .content-between { align-content: space-between; justify-content: space-between; } .content-around { align-content: space-around; justify-content: space-around; } .content-evenly { align-content: space-evenly; justify-content: space-evenly; } @media (max-width: 767px) { .content-m-start { align-content: start; justify-content: start; } .content-m-center { align-content: center; justify-content: center; } .content-m-end { align-content: end; justify-content: end; } .content-m-stretch { align-content: stretch; justify-content: stretch; } .content-m-between { align-content: space-between; justify-content: space-between; } .content-m-around { align-content: space-around; justify-content: space-around; } .content-m-evenly { align-content: space-evenly; justify-content: space-evenly; } } /* Self alignment (for individual items) */ .self-start { align-self: start; justify-self: start; } .self-center { align-self: center; justify-self: center; } .self-end { align-self: end; justify-self: end; } .self-stretch { align-self: stretch; justify-self: stretch; } @media (max-width: 767px) { .self-m-start { align-self: start; justify-self: start; } .self-m-center { align-self: center; justify-self: center; } .self-m-end { align-self: end; justify-self: end; } .self-m-stretch { align-self: stretch; justify-self: stretch; } } /*------------------------------------------------------------------------------------------------------------------------------ FLEXBOX ------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------- 7 FLEXBOX --------------------------------------------------------------*/ .flex { display: flex; flex-wrap: wrap; gap: calc(var(--gap-size, 0) * 1rem); } /* Direction */ .row { flex-direction: row; } .column { flex-direction: column; } /* Wraps */ .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } /* Grow/Shrink */ .grow { flex-grow: 1; } .shrink { flex-shrink: 1; } /* Column Utilities */ .flex.cols-1 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (1 - 1)) / 1); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-2 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (2 - 1)) / 2); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-3 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (3 - 1)) / 3); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-4 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (4 - 1)) / 4); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-5 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (5 - 1)) / 5); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-6 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (6 - 1)) / 6); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-7 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (7 - 1)) / 7); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-8 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (8 - 1)) / 8); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-9 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (9 - 1)) / 9); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-10 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (10 - 1)) / 10); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-11 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (11 - 1)) / 11); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-12 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (12 - 1)) / 12); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } /* Mobile Varianten explizit */ @media (max-width: 767px) { .flex.cols-m-1 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (1 - 1)) / 1); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-2 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (2 - 1)) / 2); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-3 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (3 - 1)) / 3); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-4 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (4 - 1)) / 4); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-5 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (5 - 1)) / 5); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-6 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (6 - 1)) / 6); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-7 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (7 - 1)) / 7); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-8 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (8 - 1)) / 8); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-9 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (9 - 1)) / 9); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-10 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (10 - 1)) / 10); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-11 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (11 - 1)) / 11); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } .flex.cols-m-12 > * { width: calc((100% - var(--gap-size, 0) * 1rem * (12 - 1)) / 12); flex: 0 0 auto; box-sizing: border-box; min-width: 0; } /* Mobile Direction & Grow/Shrink */ .row-m { flex-direction: row; } .column-m { flex-direction: column; } .wrap-m { flex-wrap: wrap; } .nowrap-m { flex-wrap: nowrap; } .grow-m { flex-grow: 1; } .shrink-m { flex-shrink: 1; } .align-items-m-start { align-items: start; } .justify-items-m-start { justify-items: start; } .align-items-m-center { align-items: center; } .justify-items-m-center { justify-items: center; } .align-items-m-end { align-items: end; } .justify-items-m-end { justify-items: end; } .align-items-m-stretch { align-items: stretch; } .justify-items-m-stretch { justify-items: stretch; } .align-content-m-start { align-content: start; } .justify-content-m-start { justify-content: start; } .align-content-m-center { align-content: center; } .justify-content-m-center { justify-content: center; } .align-content-m-end { align-content: end; } .justify-content-m-end { justify-content: end; } .align-content-m-stretch { align-content: stretch; } .justify-content-m-stretch { justify-content: stretch; } .align-content-m-space-between { align-content: space-between; } .justify-content-m-space-between { justify-content: space-between; } .align-content-m-space-around { align-content: space-around; } .justify-content-m-space-around { justify-content: space-around; } .align-content-m-space-evenly { align-content: space-evenly; } .justify-content-m-space-evenly { justify-content: space-evenly; } } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } @media (max-width: 767px) { .order-m-0 { order: 0; } .order-m-1 { order: 1; } .order-m-2 { order: 2; } .order-m-3 { order: 3; } .order-m-4 { order: 4; } .order-m-5 { order: 5; } .order-m-6 { order: 6; } .order-m-7 { order: 7; } .order-m-8 { order: 8; } .order-m-9 { order: 9; } .order-m-10 { order: 10; } .order-m-11 { order: 11; } .order-m-12 { order: 12; } } /*------------------------------------------------------------------------------------------------------------------------------ HEIGHT & WIDTH ------------------------------------------------------------------------------------------------------------------------------*/ .min-height-0 { min-height: calc(0rem * var(--ui-scale)); } .height-0 { height: calc(0rem * var(--ui-scale)); } .max-height-0 { max-height: calc(0rem * var(--ui-scale)); } .min-height-1 { min-height: calc(1rem * var(--ui-scale)); } .height-1 { height: calc(1rem * var(--ui-scale)); } .max-height-1 { max-height: calc(1rem * var(--ui-scale)); } .min-height-2 { min-height: calc(2rem * var(--ui-scale)); } .height-2 { height: calc(2rem * var(--ui-scale)); } .max-height-2 { max-height: calc(2rem * var(--ui-scale)); } .min-height-3 { min-height: calc(3rem * var(--ui-scale)); } .height-3 { height: calc(3rem * var(--ui-scale)); } .max-height-3 { max-height: calc(3rem * var(--ui-scale)); } .min-height-4 { min-height: calc(4rem * var(--ui-scale)); } .height-4 { height: calc(4rem * var(--ui-scale)); } .max-height-4 { max-height: calc(4rem * var(--ui-scale)); } .min-height-5 { min-height: calc(5rem * var(--ui-scale)); } .height-5 { height: calc(5rem * var(--ui-scale)); } .max-height-5 { max-height: calc(5rem * var(--ui-scale)); } .min-height-6 { min-height: calc(6rem * var(--ui-scale)); } .height-6 { height: calc(6rem * var(--ui-scale)); } .max-height-6 { max-height: calc(6rem * var(--ui-scale)); } .min-height-7 { min-height: calc(7rem * var(--ui-scale)); } .height-7 { height: calc(7rem * var(--ui-scale)); } .max-height-7 { max-height: calc(7rem * var(--ui-scale)); } .min-height-8 { min-height: calc(8rem * var(--ui-scale)); } .height-8 { height: calc(8rem * var(--ui-scale)); } .max-height-8 { max-height: calc(8rem * var(--ui-scale)); } .min-height-9 { min-height: calc(9rem * var(--ui-scale)); } .height-9 { height: calc(9rem * var(--ui-scale)); } .max-height-9 { max-height: calc(9rem * var(--ui-scale)); } .min-height-10 { min-height: calc(10rem * var(--ui-scale)); } .height-10 { height: calc(10rem * var(--ui-scale)); } .max-height-10 { max-height: calc(10rem * var(--ui-scale)); } .min-height-11 { min-height: calc(11rem * var(--ui-scale)); } .height-11 { height: calc(11rem * var(--ui-scale)); } .max-height-11 { max-height: calc(11rem * var(--ui-scale)); } .min-height-12 { min-height: calc(12rem * var(--ui-scale)); } .height-12 { height: calc(12rem * var(--ui-scale)); } .max-height-12 { max-height: calc(12rem * var(--ui-scale)); } .min-height-13 { min-height: calc(13rem * var(--ui-scale)); } .height-13 { height: calc(13rem * var(--ui-scale)); } .max-height-13 { max-height: calc(13rem * var(--ui-scale)); } .min-height-14 { min-height: calc(14rem * var(--ui-scale)); } .height-14 { height: calc(14rem * var(--ui-scale)); } .max-height-14 { max-height: calc(14rem * var(--ui-scale)); } .min-height-15 { min-height: calc(15rem * var(--ui-scale)); } .height-15 { height: calc(15rem * var(--ui-scale)); } .max-height-15 { max-height: calc(15rem * var(--ui-scale)); } .min-width-0 { min-width: calc(0rem * var(--ui-scale)); } .width-0 { width: calc(0rem * var(--ui-scale)); } .max-width-0 { max-width: calc(0rem * var(--ui-scale)); } .min-width-1 { min-width: calc(1rem * var(--ui-scale)); } .width-1 { width: calc(1rem * var(--ui-scale)); } .max-width-1 { max-width: calc(1rem * var(--ui-scale)); } .min-width-2 { min-width: calc(2rem * var(--ui-scale)); } .width-2 { width: calc(2rem * var(--ui-scale)); } .max-width-2 { max-width: calc(2rem * var(--ui-scale)); } .min-width-3 { min-width: calc(3rem * var(--ui-scale)); } .width-3 { width: calc(3rem * var(--ui-scale)); } .max-width-3 { max-width: calc(3rem * var(--ui-scale)); } .min-width-4 { min-width: calc(4rem * var(--ui-scale)); } .width-4 { width: calc(4rem * var(--ui-scale)); } .max-width-4 { max-width: calc(4rem * var(--ui-scale)); } .min-width-5 { min-width: calc(5rem * var(--ui-scale)); } .width-5 { width: calc(5rem * var(--ui-scale)); } .max-width-5 { max-width: calc(5rem * var(--ui-scale)); } .min-width-6 { min-width: calc(6rem * var(--ui-scale)); } .width-6 { width: calc(6rem * var(--ui-scale)); } .max-width-6 { max-width: calc(6rem * var(--ui-scale)); } .min-width-7 { min-width: calc(7rem * var(--ui-scale)); } .width-7 { width: calc(7rem * var(--ui-scale)); } .max-width-7 { max-width: calc(7rem * var(--ui-scale)); } .min-width-8 { min-width: calc(8rem * var(--ui-scale)); } .width-8 { width: calc(8rem * var(--ui-scale)); } .max-width-8 { max-width: calc(8rem * var(--ui-scale)); } .min-width-9 { min-width: calc(9rem * var(--ui-scale)); } .width-9 { width: calc(9rem * var(--ui-scale)); } .max-width-9 { max-width: calc(9rem * var(--ui-scale)); } .min-width-10 { min-width: calc(10rem * var(--ui-scale)); } .width-10 { width: calc(10rem * var(--ui-scale)); } .max-width-10 { max-width: calc(10rem * var(--ui-scale)); } .min-width-11 { min-width: calc(11rem * var(--ui-scale)); } .width-11 { width: calc(11rem * var(--ui-scale)); } .max-width-11 { max-width: calc(11rem * var(--ui-scale)); } .min-width-12 { min-width: calc(12rem * var(--ui-scale)); } .width-12 { width: calc(12rem * var(--ui-scale)); } .max-width-12 { max-width: calc(12rem * var(--ui-scale)); } .min-width-13 { min-width: calc(13rem * var(--ui-scale)); } .width-13 { width: calc(13rem * var(--ui-scale)); } .max-width-13 { max-width: calc(13rem * var(--ui-scale)); } .min-width-14 { min-width: calc(14rem * var(--ui-scale)); } .width-14 { width: calc(14rem * var(--ui-scale)); } .max-width-14 { max-width: calc(14rem * var(--ui-scale)); } .min-width-15 { min-width: calc(15rem * var(--ui-scale)); } .width-15 { width: calc(15rem * var(--ui-scale)); } .max-width-15 { max-width: calc(15rem * var(--ui-scale)); } .min-height-100vh { min-height: calc(var(--vh, 1vh) * 100); } .height-100vh { height: calc(var(--vh, 1vh) * 100); } .max-height-100vh { max-height: calc(var(--vh, 1vh) * 100); } .min-width-100vw { min-width: 100vw; } .width-100vw { width: 100vw; } .max-width-100vw { max-width: 100vw; } .height-100, .h-100 { height: 100%; } .min-height-100, .mh-100 { min-height: 100%; } .max-height-100, .mh-100 { max-height: 100%; } .width-100, .w-100 { width: 100%; } .min-width-100, .mw-100 { min-width: 100%; } .max-width-100, .mw-100 { max-width: 100%; } .height-50, .h-50 { height: 50%; } .min-height-50, .mh-50 { min-height: 50%; } .max-height-50, .mh-50 { max-height: 50%; } .width-50, .w-50 { width: 50%; } .min-width-50, .mw-50 { min-width: 50%; } .max-width-50, .mw-50 { max-width: 50%; } .width-33, .w-33 { width: 33%; } .min-width-33, .mw-33 { min-width: 33%; } .max-width-33, .mw-33 { max-width: 33%; } .width-25, .w-25 { width: 25%; } .min-width-25, .mw-25 { min-width: 25%; } .max-width-25, .mw-25 { max-width: 25%; } .width-20, .w-20 { width: 20%; } .min-width-20, .mw-20 { min-width: 20%; } .max-width-20, .mw-20 { max-width: 20%; } .height-auto, .h-auto { height: auto; } .min-height-auto, .mh-auto { min-height: auto; } .max-height-auto, .mh-auto { max-height: auto; } .width-auto, .w-auto { width: auto; } .min-width-auto, .mw-auto { min-width: auto; } .max-width-auto, .mw-auto { max-width: auto; } /* Explizite Mobile Height & Width Overrides (ohne Scale) */ @media (max-width: 767px) { .min-height-m-0 { min-height: 0rem; } .height-m-0 { height: 0rem; } .max-height-m-0 { max-height: 0rem; } .min-height-m-1 { min-height: 1rem; } .height-m-1 { height: 1rem; } .max-height-m-1 { max-height: 1rem; } .min-height-m-2 { min-height: 2rem; } .height-m-2 { height: 2rem; } .max-height-m-2 { max-height: 2rem; } .min-height-m-3 { min-height: 3rem; } .height-m-3 { height: 3rem; } .max-height-m-3 { max-height: 3rem; } .min-height-m-4 { min-height: 4rem; } .height-m-4 { height: 4rem; } .max-height-m-4 { max-height: 4rem; } .min-height-m-5 { min-height: 5rem; } .height-m-5 { height: 5rem; } .max-height-m-5 { max-height: 5rem; } .min-height-m-6 { min-height: 6rem; } .height-m-6 { height: 6rem; } .max-height-m-6 { max-height: 6rem; } .min-height-m-7 { min-height: 7rem; } .height-m-7 { height: 7rem; } .max-height-m-7 { max-height: 7rem; } .min-height-m-8 { min-height: 8rem; } .height-m-8 { height: 8rem; } .max-height-m-8 { max-height: 8rem; } .min-height-m-9 { min-height: 9rem; } .height-m-9 { height: 9rem; } .max-height-m-9 { max-height: 9rem; } .min-height-m-10 { min-height: 10rem; } .height-m-10 { height: 10rem; } .max-height-m-10 { max-height: 10rem; } .min-height-m-11 { min-height: 11rem; } .height-m-11 { height: 11rem; } .max-height-m-11 { max-height: 11rem; } .min-height-m-12 { min-height: 12rem; } .height-m-12 { height: 12rem; } .max-height-m-12 { max-height: 12rem; } .min-height-m-13 { min-height: 13rem; } .height-m-13 { height: 13rem; } .max-height-m-13 { max-height: 13rem; } .min-height-m-14 { min-height: 14rem; } .height-m-14 { height: 14rem; } .max-height-m-14 { max-height: 14rem; } .min-height-m-15 { min-height: 15rem; } .height-m-15 { height: 15rem; } .max-height-m-15 { max-height: 15rem; } .min-width-m-0 { min-width: 0rem; } .width-m-0 { width: 0rem; } .max-width-m-0 { max-width: 0rem; } .min-width-m-1 { min-width: 1rem; } .width-m-1 { width: 1rem; } .max-width-m-1 { max-width: 1rem; } .min-width-m-2 { min-width: 2rem; } .width-m-2 { width: 2rem; } .max-width-m-2 { max-width: 2rem; } .min-width-m-3 { min-width: 3rem; } .width-m-3 { width: 3rem; } .max-width-m-3 { max-width: 3rem; } .min-width-m-4 { min-width: 4rem; } .width-m-4 { width: 4rem; } .max-width-m-4 { max-width: 4rem; } .min-width-m-5 { min-width: 5rem; } .width-m-5 { width: 5rem; } .max-width-m-5 { max-width: 5rem; } .min-width-m-6 { min-width: 6rem; } .width-m-6 { width: 6rem; } .max-width-m-6 { max-width: 6rem; } .min-width-m-7 { min-width: 7rem; } .width-m-7 { width: 7rem; } .max-width-m-7 { max-width: 7rem; } .min-width-m-8 { min-width: 8rem; } .width-m-8 { width: 8rem; } .max-width-m-8 { max-width: 8rem; } .min-width-m-9 { min-width: 9rem; } .width-m-9 { width: 9rem; } .max-width-m-9 { max-width: 9rem; } .min-width-m-10 { min-width: 10rem; } .width-m-10 { width: 10rem; } .max-width-m-10 { max-width: 10rem; } .min-width-m-11 { min-width: 11rem; } .width-m-11 { width: 11rem; } .max-width-m-11 { max-width: 11rem; } .min-width-m-12 { min-width: 12rem; } .width-m-12 { width: 12rem; } .max-width-m-12 { max-width: 12rem; } .min-width-m-13 { min-width: 13rem; } .width-m-13 { width: 13rem; } .max-width-m-13 { max-width: 13rem; } .min-width-m-14 { min-width: 14rem; } .width-m-14 { width: 14rem; } .max-width-m-14 { max-width: 14rem; } .min-width-m-15 { min-width: 15rem; } .width-m-15 { width: 15rem; } .max-width-m-15 { max-width: 15rem; } .min-height-m-100vh { min-height: calc(var(--vh, 1vh) * 100); } .height-m-100vh { height: calc(var(--vh, 1vh) * 100); } .max-height-m-100vh { max-height: calc(var(--vh, 1vh) * 100); } .min-width-m-100vw { min-width: 100vw; } .width-m-100vw { width: 100vw; } .max-width-m-100vw { max-width: 100vw; } .height-m-100, .h-m-100 { height: 100%; } .min-height-m-100, .mh-m-100 { min-height: 100%; } .max-height-m-100, .mh-m-100 { max-height: 100%; } .width-m-100, .w-m-100 { width: 100%; } .min-width-m-100, .mw-m-100 { min-width: 100%; } .max-width-m-100, .mw-m-100 { max-width: 100%; } } /*------------------------------------------------------------------------------------------------------------------------------ EXTENDED WIDTH UTILITIES (100% + offset) ------------------------------------------------------------------------------------------------------------------------------*/ /* Width 100% plus/minus offset (nutzen --ui-scale) */ .width-100-0, .w-100-0 { width: calc(100% + 0rem * var(--ui-scale)); } .width-100-sub-0, .w-100-sub-0 { width: calc(100% - 0rem * var(--ui-scale)); } .width-100-1, .w-100-1 { width: calc(100% + 1rem * var(--ui-scale)); } .width-100-sub-1, .w-100-sub-1 { width: calc(100% - 1rem * var(--ui-scale)); } .width-100-2, .w-100-2 { width: calc(100% + 2rem * var(--ui-scale)); } .width-100-sub-2, .w-100-sub-2 { width: calc(100% - 2rem * var(--ui-scale)); } .width-100-3, .w-100-3 { width: calc(100% + 3rem * var(--ui-scale)); } .width-100-sub-3, .w-100-sub-3 { width: calc(100% - 3rem * var(--ui-scale)); } .width-100-4, .w-100-4 { width: calc(100% + 4rem * var(--ui-scale)); } .width-100-sub-4, .w-100-sub-4 { width: calc(100% - 4rem * var(--ui-scale)); } .width-100-5, .w-100-5 { width: calc(100% + 5rem * var(--ui-scale)); } .width-100-sub-5, .w-100-sub-5 { width: calc(100% - 5rem * var(--ui-scale)); } .width-100-6, .w-100-6 { width: calc(100% + 6rem * var(--ui-scale)); } .width-100-sub-6, .w-100-sub-6 { width: calc(100% - 6rem * var(--ui-scale)); } .width-100-7, .w-100-7 { width: calc(100% + 7rem * var(--ui-scale)); } .width-100-sub-7, .w-100-sub-7 { width: calc(100% - 7rem * var(--ui-scale)); } .width-100-8, .w-100-8 { width: calc(100% + 8rem * var(--ui-scale)); } .width-100-sub-8, .w-100-sub-8 { width: calc(100% - 8rem * var(--ui-scale)); } .width-100-9, .w-100-9 { width: calc(100% + 9rem * var(--ui-scale)); } .width-100-sub-9, .w-100-sub-9 { width: calc(100% - 9rem * var(--ui-scale)); } .width-100-10, .w-100-10 { width: calc(100% + 10rem * var(--ui-scale)); } .width-100-sub-10, .w-100-sub-10 { width: calc(100% - 10rem * var(--ui-scale)); } .width-100-11, .w-100-11 { width: calc(100% + 11rem * var(--ui-scale)); } .width-100-sub-11, .w-100-sub-11 { width: calc(100% - 11rem * var(--ui-scale)); } .width-100-12, .w-100-12 { width: calc(100% + 12rem * var(--ui-scale)); } .width-100-sub-12, .w-100-sub-12 { width: calc(100% - 12rem * var(--ui-scale)); } .width-100-13, .w-100-13 { width: calc(100% + 13rem * var(--ui-scale)); } .width-100-sub-13, .w-100-sub-13 { width: calc(100% - 13rem * var(--ui-scale)); } .width-100-14, .w-100-14 { width: calc(100% + 14rem * var(--ui-scale)); } .width-100-sub-14, .w-100-sub-14 { width: calc(100% - 14rem * var(--ui-scale)); } .width-100-15, .w-100-15 { width: calc(100% + 15rem * var(--ui-scale)); } .width-100-sub-15, .w-100-sub-15 { width: calc(100% - 15rem * var(--ui-scale)); } /* Explizite Mobile Width 100% Offsets (ohne Scale) */ @media (max-width: 767px) { .width-m-100-0, .w-m-100-0 { width: calc(100% + 0rem); } .width-m-100-sub-0, .w-m-100-sub-0 { width: calc(100% - 0rem); } .width-m-100-1, .w-m-100-1 { width: calc(100% + 1rem); } .width-m-100-sub-1, .w-m-100-sub-1 { width: calc(100% - 1rem); } .width-m-100-2, .w-m-100-2 { width: calc(100% + 2rem); } .width-m-100-sub-2, .w-m-100-sub-2 { width: calc(100% - 2rem); } .width-m-100-3, .w-m-100-3 { width: calc(100% + 3rem); } .width-m-100-sub-3, .w-m-100-sub-3 { width: calc(100% - 3rem); } .width-m-100-4, .w-m-100-4 { width: calc(100% + 4rem); } .width-m-100-sub-4, .w-m-100-sub-4 { width: calc(100% - 4rem); } .width-m-100-5, .w-m-100-5 { width: calc(100% + 5rem); } .width-m-100-sub-5, .w-m-100-sub-5 { width: calc(100% - 5rem); } .width-m-100-6, .w-m-100-6 { width: calc(100% + 6rem); } .width-m-100-sub-6, .w-m-100-sub-6 { width: calc(100% - 6rem); } .width-m-100-7, .w-m-100-7 { width: calc(100% + 7rem); } .width-m-100-sub-7, .w-m-100-sub-7 { width: calc(100% - 7rem); } .width-m-100-8, .w-m-100-8 { width: calc(100% + 8rem); } .width-m-100-sub-8, .w-m-100-sub-8 { width: calc(100% - 8rem); } .width-m-100-9, .w-m-100-9 { width: calc(100% + 9rem); } .width-m-100-sub-9, .w-m-100-sub-9 { width: calc(100% - 9rem); } .width-m-100-10, .w-m-100-10 { width: calc(100% + 10rem); } .width-m-100-sub-10, .w-m-100-sub-10 { width: calc(100% - 10rem); } .width-m-100-11, .w-m-100-11 { width: calc(100% + 11rem); } .width-m-100-sub-11, .w-m-100-sub-11 { width: calc(100% - 11rem); } .width-m-100-12, .w-m-100-12 { width: calc(100% + 12rem); } .width-m-100-sub-12, .w-m-100-sub-12 { width: calc(100% - 12rem); } .width-m-100-13, .w-m-100-13 { width: calc(100% + 13rem); } .width-m-100-sub-13, .w-m-100-sub-13 { width: calc(100% - 13rem); } .width-m-100-14, .w-m-100-14 { width: calc(100% + 14rem); } .width-m-100-sub-14, .w-m-100-sub-14 { width: calc(100% - 14rem); } .width-m-100-15, .w-m-100-15 { width: calc(100% + 15rem); } .width-m-100-sub-15, .w-m-100-sub-15 { width: calc(100% - 15rem); } } /* Height 100% plus/minus offset (nutzen --ui-scale) */ .height-100-0, .h-100-0 { height: calc(100% + 0rem * var(--ui-scale)); } .height-100-sub-0, .h-100-sub-0 { height: calc(100% - 0rem * var(--ui-scale)); } .height-100-1, .h-100-1 { height: calc(100% + 1rem * var(--ui-scale)); } .height-100-sub-1, .h-100-sub-1 { height: calc(100% - 1rem * var(--ui-scale)); } .height-100-2, .h-100-2 { height: calc(100% + 2rem * var(--ui-scale)); } .height-100-sub-2, .h-100-sub-2 { height: calc(100% - 2rem * var(--ui-scale)); } .height-100-3, .h-100-3 { height: calc(100% + 3rem * var(--ui-scale)); } .height-100-sub-3, .h-100-sub-3 { height: calc(100% - 3rem * var(--ui-scale)); } .height-100-4, .h-100-4 { height: calc(100% + 4rem * var(--ui-scale)); } .height-100-sub-4, .h-100-sub-4 { height: calc(100% - 4rem * var(--ui-scale)); } .height-100-5, .h-100-5 { height: calc(100% + 5rem * var(--ui-scale)); } .height-100-sub-5, .h-100-sub-5 { height: calc(100% - 5rem * var(--ui-scale)); } .height-100-6, .h-100-6 { height: calc(100% + 6rem * var(--ui-scale)); } .height-100-sub-6, .h-100-sub-6 { height: calc(100% - 6rem * var(--ui-scale)); } .height-100-7, .h-100-7 { height: calc(100% + 7rem * var(--ui-scale)); } .height-100-sub-7, .h-100-sub-7 { height: calc(100% - 7rem * var(--ui-scale)); } .height-100-8, .h-100-8 { height: calc(100% + 8rem * var(--ui-scale)); } .height-100-sub-8, .h-100-sub-8 { height: calc(100% - 8rem * var(--ui-scale)); } .height-100-9, .h-100-9 { height: calc(100% + 9rem * var(--ui-scale)); } .height-100-sub-9, .h-100-sub-9 { height: calc(100% - 9rem * var(--ui-scale)); } .height-100-10, .h-100-10 { height: calc(100% + 10rem * var(--ui-scale)); } .height-100-sub-10, .h-100-sub-10 { height: calc(100% - 10rem * var(--ui-scale)); } .height-100-11, .h-100-11 { height: calc(100% + 11rem * var(--ui-scale)); } .height-100-sub-11, .h-100-sub-11 { height: calc(100% - 11rem * var(--ui-scale)); } .height-100-12, .h-100-12 { height: calc(100% + 12rem * var(--ui-scale)); } .height-100-sub-12, .h-100-sub-12 { height: calc(100% - 12rem * var(--ui-scale)); } .height-100-13, .h-100-13 { height: calc(100% + 13rem * var(--ui-scale)); } .height-100-sub-13, .h-100-sub-13 { height: calc(100% - 13rem * var(--ui-scale)); } .height-100-14, .h-100-14 { height: calc(100% + 14rem * var(--ui-scale)); } .height-100-sub-14, .h-100-sub-14 { height: calc(100% - 14rem * var(--ui-scale)); } .height-100-15, .h-100-15 { height: calc(100% + 15rem * var(--ui-scale)); } .height-100-sub-15, .h-100-sub-15 { height: calc(100% - 15rem * var(--ui-scale)); } /* Explizite Mobile Height 100% Offsets (ohne Scale) */ @media (max-width: 767px) { .height-m-100-0, .h-m-100-0 { height: calc(100% + 0rem); } .height-m-100-sub-0, .h-m-100-sub-0 { height: calc(100% - 0rem); } .height-m-100-1, .h-m-100-1 { height: calc(100% + 1rem); } .height-m-100-sub-1, .h-m-100-sub-1 { height: calc(100% - 1rem); } .height-m-100-2, .h-m-100-2 { height: calc(100% + 2rem); } .height-m-100-sub-2, .h-m-100-sub-2 { height: calc(100% - 2rem); } .height-m-100-3, .h-m-100-3 { height: calc(100% + 3rem); } .height-m-100-sub-3, .h-m-100-sub-3 { height: calc(100% - 3rem); } .height-m-100-4, .h-m-100-4 { height: calc(100% + 4rem); } .height-m-100-sub-4, .h-m-100-sub-4 { height: calc(100% - 4rem); } .height-m-100-5, .h-m-100-5 { height: calc(100% + 5rem); } .height-m-100-sub-5, .h-m-100-sub-5 { height: calc(100% - 5rem); } .height-m-100-6, .h-m-100-6 { height: calc(100% + 6rem); } .height-m-100-sub-6, .h-m-100-sub-6 { height: calc(100% - 6rem); } .height-m-100-7, .h-m-100-7 { height: calc(100% + 7rem); } .height-m-100-sub-7, .h-m-100-sub-7 { height: calc(100% - 7rem); } .height-m-100-8, .h-m-100-8 { height: calc(100% + 8rem); } .height-m-100-sub-8, .h-m-100-sub-8 { height: calc(100% - 8rem); } .height-m-100-9, .h-m-100-9 { height: calc(100% + 9rem); } .height-m-100-sub-9, .h-m-100-sub-9 { height: calc(100% - 9rem); } .height-m-100-10, .h-m-100-10 { height: calc(100% + 10rem); } .height-m-100-sub-10, .h-m-100-sub-10 { height: calc(100% - 10rem); } .height-m-100-11, .h-m-100-11 { height: calc(100% + 11rem); } .height-m-100-sub-11, .h-m-100-sub-11 { height: calc(100% - 11rem); } .height-m-100-12, .h-m-100-12 { height: calc(100% + 12rem); } .height-m-100-sub-12, .h-m-100-sub-12 { height: calc(100% - 12rem); } .height-m-100-13, .h-m-100-13 { height: calc(100% + 13rem); } .height-m-100-sub-13, .h-m-100-sub-13 { height: calc(100% - 13rem); } .height-m-100-14, .h-m-100-14 { height: calc(100% + 14rem); } .height-m-100-sub-14, .h-m-100-sub-14 { height: calc(100% - 14rem); } .height-m-100-15, .h-m-100-15 { height: calc(100% + 15rem); } .height-m-100-sub-15, .h-m-100-sub-15 { height: calc(100% - 15rem); } } /* Images */ /*------------------------------------------------------------------------------------------------------------------------------ IMAGES ------------------------------------------------------------------------------------------------------------------------------*/ /* ///// IMAGE SIZE & IMAGE TRANSFORM EFFECT ///// */ .is-xs { height: 9rem; } @media (max-width: 767px) { .is-xs { height: 6rem; } } .is-sm { height: 15rem; } @media (max-width: 767px) { .is-sm { height: 15rem; } } .is-md { height: 25rem; } @media (max-width: 767px) { .is-md { height: 18rem; } } .is-lg { height: 40rem; } @media (max-width: 767px) { .is-lg { height: 25rem; } } .is-xl { height: 50rem; } @media (max-width: 767px) { .is-xl { height: 30rem; } } @media (max-width: 767px) { .is-xs-m { height: 5rem; } .is-sm-m { height: 15rem; } .is-md-m { height: 30rem; } .is-lg-m { height: 40rem; } .is-xl-m { height: 50rem; } } .img-container { position: relative; overflow: hidden; display: block; background-color: var(--base-color); } .img-container .img-cover { width: 100%; height: 100%; object-fit: cover; will-change: opacity, transform; opacity: 0; transform: scale(1.1); } .img-container .img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--base-color); opacity: 0; z-index: 1; transition: all ease 0.5s; pointer-events: none; } .img-container:hover .img-overlay { opacity: 0.5; } .img-container:has(img[data-fancybox]) .btn.icn, .img-container:has(img[data-fancybox]) .btn.icn.is-plus, .img-container:has(img[data-fancybox]) .btn.icn.is-primary.is-plus, .img-container:has(img[data-fancybox]) .btn.icn.is-secondary.is-plus, .img-container:has(img[data-fancybox]) .btn.icn.is-tertiary.is-plus, .img-container:has(img[data-fancybox=gallery]) .btn.icn, .img-container:has(img[data-fancybox=gallery]) .btn.icn.is-plus, .img-container:has(img[data-fancybox=gallery]) .btn.icn.is-primary.is-plus, .img-container:has(img[data-fancybox=gallery]) .btn.icn.is-secondary.is-plus, .img-container:has(img[data-fancybox=gallery]) .btn.icn.is-tertiary.is-plus { position: absolute; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; visibility: hidden; } .img-container:hover { background: var(--base-color); } .img-container:hover:has(img[data-fancybox]) .btn.icn, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-plus, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-primary.is-plus, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-secondary.is-plus, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-tertiary.is-plus, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-plus, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-primary.is-plus, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-secondary.is-plus, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-tertiary.is-plus { opacity: 1; visibility: visible; border: 1px solid var(--second-color); } .img-container:hover:has(img[data-fancybox]) .btn.icn:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-plus:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-primary.is-plus:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-secondary.is-plus:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-tertiary.is-plus:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-plus:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-primary.is-plus:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-secondary.is-plus:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-tertiary.is-plus:before { width: 100%; height: 100%; opacity: 1; } .img-container:hover:has(img[data-fancybox]) .btn.icn .icn-icon:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-primary.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-secondary.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-tertiary.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn .icn-icon:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-primary.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-secondary.is-plus .icn-icon:before, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-tertiary.is-plus .icn-icon:before { filter: invert(1) brightness(5); transform: translateX(40px); } .img-container:hover:has(img[data-fancybox]) .btn.icn .icn-icon:after, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-primary.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-secondary.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox]) .btn.icn.is-tertiary.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn .icn-icon:after, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-primary.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-secondary.is-plus .icn-icon:after, .img-container:hover:has(img[data-fancybox=gallery]) .btn.icn.is-tertiary.is-plus .icn-icon:after { filter: invert(1) brightness(5); transform: translateX(0); } /* ///// PARALLAX ///// */ .parallax { position: relative; overflow: hidden; height: calc(var(--vh, 1vh) * 60); min-height: 30rem; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { .parallax { height: 23rem; min-height: 0; } } .parallax .parallax-img { position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-20%) scale(1.1); transform-origin: 50% 50%; width: 100%; height: 100%; object-fit: cover; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center center; } @media (max-width: 767px) { .parallax .parallax-img { transform: translateX(-50%) translateY(-12.5%) scale(1.1); } } .parallax .parallax-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* ///// IMAGE INCREASE ///// */ .img-increase { position: relative; will-change: clip-path; display: flex; clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%); overflow: hidden; } .img-increase .img-increase-image { width: 100%; height: 100%; transform: scale(1.2) translateY(-10%); overflow: hidden; } .img-increase .img-increase-image img { object-fit: cover; height: 100%; } /* Colors */ :root { --dark-base-color: #2A2464; --dark-second-color: #D41117; --dark-third-color: #2A2464; --dark-fourth-color: #2A2464; --dark-highlight-color: #FC373D; --dark-white: #FFFFFF; --dark-black: #2E303C; --dark-light-gray: #F4F6F9; --dark-gray: #EAEEF5; --dark-mid-gray: #D9DFEC; --dark-dark-gray: #B9C3DB; --dark-body-background: #FFFFFF; --dark-header-background: transparent; --dark-font-color: #54373A; --light-base-color: #2A2464; --light-second-color: #D41117; --light-third-color: #2A2464; --light-fourth-color: #2A2464; --light-highlight-color: #FC373D; --light-white: #FFFFFF; --light-black: #000000; --light-light-gray: #F4F6F9; --light-gray: #EAEEF5; --light-mid-gray: #D9DFEC; --light-dark-gray: #B9C3DB; --light-body-background: #FFFFFF; --light-header-background: transparent; --light-font-color: #54373A; } :root { --base-color: #2A2464; } :root .text-base-color { color: var(--base-color); } :root .text-base-color p, :root .text-base-color h1, :root .text-base-color h2, :root .text-base-color h3, :root .text-base-color h4, :root .text-base-color h5, :root .text-base-color h6, :root .text-base-color ul, :root .text-base-color ol, :root .text-base-color li, :root .text-base-color span, :root .text-base-color a { color: var(--base-color); } :root .bg-base-color { background: var(--base-color); } :root .link-hover-base-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):after, :root .link-hover-base-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover { color: var(--base-color); } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --second-color: #D41117; } :root .text-second-color { color: var(--second-color); } :root .text-second-color p, :root .text-second-color h1, :root .text-second-color h2, :root .text-second-color h3, :root .text-second-color h4, :root .text-second-color h5, :root .text-second-color h6, :root .text-second-color ul, :root .text-second-color ol, :root .text-second-color li, :root .text-second-color span, :root .text-second-color a { color: var(--second-color); } :root .bg-second-color { background: var(--second-color); } :root .link-hover-second-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):after, :root .link-hover-second-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover { color: var(--second-color); } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --third-color: #2A2464; } :root .text-third-color { color: var(--third-color); } :root .text-third-color p, :root .text-third-color h1, :root .text-third-color h2, :root .text-third-color h3, :root .text-third-color h4, :root .text-third-color h5, :root .text-third-color h6, :root .text-third-color ul, :root .text-third-color ol, :root .text-third-color li, :root .text-third-color span, :root .text-third-color a { color: var(--third-color); } :root .bg-third-color { background: var(--third-color); } :root .link-hover-third-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):after, :root .link-hover-third-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover { color: var(--third-color); } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --fourth-color: #2A2464; } :root .text-fourth-color { color: var(--fourth-color); } :root .text-fourth-color p, :root .text-fourth-color h1, :root .text-fourth-color h2, :root .text-fourth-color h3, :root .text-fourth-color h4, :root .text-fourth-color h5, :root .text-fourth-color h6, :root .text-fourth-color ul, :root .text-fourth-color ol, :root .text-fourth-color li, :root .text-fourth-color span, :root .text-fourth-color a { color: var(--fourth-color); } :root .bg-fourth-color { background: var(--fourth-color); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):after, :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover { color: var(--fourth-color); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --highlight-color: #FC373D; } :root .text-highlight-color { color: var(--highlight-color); } :root .text-highlight-color p, :root .text-highlight-color h1, :root .text-highlight-color h2, :root .text-highlight-color h3, :root .text-highlight-color h4, :root .text-highlight-color h5, :root .text-highlight-color h6, :root .text-highlight-color ul, :root .text-highlight-color ol, :root .text-highlight-color li, :root .text-highlight-color span, :root .text-highlight-color a { color: var(--highlight-color); } :root .bg-highlight-color { background: var(--highlight-color); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):after, :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover { color: var(--highlight-color); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --white: #FFFFFF; } :root .text-white { color: var(--white); } :root .text-white p, :root .text-white h1, :root .text-white h2, :root .text-white h3, :root .text-white h4, :root .text-white h5, :root .text-white h6, :root .text-white ul, :root .text-white ol, :root .text-white li, :root .text-white span, :root .text-white a { color: var(--white); } :root .bg-white { background: var(--white); } :root .link-hover-white a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-white a:not(.btn, .button, .overall-link):after, :root .link-hover-white a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-white a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-white a:not(.btn, .button, .overall-link):hover { color: var(--white); } :root .link-hover-white a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-white a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --black: #000000; } :root .text-black { color: var(--black); } :root .text-black p, :root .text-black h1, :root .text-black h2, :root .text-black h3, :root .text-black h4, :root .text-black h5, :root .text-black h6, :root .text-black ul, :root .text-black ol, :root .text-black li, :root .text-black span, :root .text-black a { color: var(--black); } :root .bg-black { background: var(--black); } :root .link-hover-black a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-black a:not(.btn, .button, .overall-link):after, :root .link-hover-black a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-black a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-black a:not(.btn, .button, .overall-link):hover { color: var(--black); } :root .link-hover-black a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-black a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --light-gray: #F4F6F9; } :root .text-light-gray { color: var(--light-gray); } :root .text-light-gray p, :root .text-light-gray h1, :root .text-light-gray h2, :root .text-light-gray h3, :root .text-light-gray h4, :root .text-light-gray h5, :root .text-light-gray h6, :root .text-light-gray ul, :root .text-light-gray ol, :root .text-light-gray li, :root .text-light-gray span, :root .text-light-gray a { color: var(--light-gray); } :root .bg-light-gray { background: var(--light-gray); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-light-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover { color: var(--light-gray); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --gray: #EAEEF5; } :root .text-gray { color: var(--gray); } :root .text-gray p, :root .text-gray h1, :root .text-gray h2, :root .text-gray h3, :root .text-gray h4, :root .text-gray h5, :root .text-gray h6, :root .text-gray ul, :root .text-gray ol, :root .text-gray li, :root .text-gray span, :root .text-gray a { color: var(--gray); } :root .bg-gray { background: var(--gray); } :root .link-hover-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover { color: var(--gray); } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --mid-gray: #D9DFEC; } :root .text-mid-gray { color: var(--mid-gray); } :root .text-mid-gray p, :root .text-mid-gray h1, :root .text-mid-gray h2, :root .text-mid-gray h3, :root .text-mid-gray h4, :root .text-mid-gray h5, :root .text-mid-gray h6, :root .text-mid-gray ul, :root .text-mid-gray ol, :root .text-mid-gray li, :root .text-mid-gray span, :root .text-mid-gray a { color: var(--mid-gray); } :root .bg-mid-gray { background: var(--mid-gray); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover { color: var(--mid-gray); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --dark-gray: #B9C3DB; } :root .text-dark-gray { color: var(--dark-gray); } :root .text-dark-gray p, :root .text-dark-gray h1, :root .text-dark-gray h2, :root .text-dark-gray h3, :root .text-dark-gray h4, :root .text-dark-gray h5, :root .text-dark-gray h6, :root .text-dark-gray ul, :root .text-dark-gray ol, :root .text-dark-gray li, :root .text-dark-gray span, :root .text-dark-gray a { color: var(--dark-gray); } :root .bg-dark-gray { background: var(--dark-gray); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover { color: var(--dark-gray); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --body-background: #FFFFFF; } :root .text-body-background { color: var(--body-background); } :root .text-body-background p, :root .text-body-background h1, :root .text-body-background h2, :root .text-body-background h3, :root .text-body-background h4, :root .text-body-background h5, :root .text-body-background h6, :root .text-body-background ul, :root .text-body-background ol, :root .text-body-background li, :root .text-body-background span, :root .text-body-background a { color: var(--body-background); } :root .bg-body-background { background: var(--body-background); } :root .link-hover-body-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):after, :root .link-hover-body-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover { color: var(--body-background); } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --header-background: transparent; } :root .text-header-background { color: var(--header-background); } :root .text-header-background p, :root .text-header-background h1, :root .text-header-background h2, :root .text-header-background h3, :root .text-header-background h4, :root .text-header-background h5, :root .text-header-background h6, :root .text-header-background ul, :root .text-header-background ol, :root .text-header-background li, :root .text-header-background span, :root .text-header-background a { color: var(--header-background); } :root .bg-header-background { background: var(--header-background); } :root .link-hover-header-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):after, :root .link-hover-header-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover { color: var(--header-background); } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --font-color: #54373A; } :root .text-font-color { color: var(--font-color); } :root .text-font-color p, :root .text-font-color h1, :root .text-font-color h2, :root .text-font-color h3, :root .text-font-color h4, :root .text-font-color h5, :root .text-font-color h6, :root .text-font-color ul, :root .text-font-color ol, :root .text-font-color li, :root .text-font-color span, :root .text-font-color a { color: var(--font-color); } :root .bg-font-color { background: var(--font-color); } :root .link-hover-font-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):after, :root .link-hover-font-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover { color: var(--font-color); } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } @media (prefers-color-scheme: light) { :root { --base-color: #2A2464; } :root .text-base-color { color: var(--base-color); } :root .text-base-color p, :root .text-base-color h1, :root .text-base-color h2, :root .text-base-color h3, :root .text-base-color h4, :root .text-base-color h5, :root .text-base-color h6, :root .text-base-color ul, :root .text-base-color ol, :root .text-base-color li, :root .text-base-color span, :root .text-base-color a { color: var(--base-color); } :root .bg-base-color { background: var(--base-color); } :root .link-hover-base-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):after, :root .link-hover-base-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover { color: var(--base-color); } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-base-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --second-color: #D41117; } :root .text-second-color { color: var(--second-color); } :root .text-second-color p, :root .text-second-color h1, :root .text-second-color h2, :root .text-second-color h3, :root .text-second-color h4, :root .text-second-color h5, :root .text-second-color h6, :root .text-second-color ul, :root .text-second-color ol, :root .text-second-color li, :root .text-second-color span, :root .text-second-color a { color: var(--second-color); } :root .bg-second-color { background: var(--second-color); } :root .link-hover-second-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):after, :root .link-hover-second-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover { color: var(--second-color); } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-second-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --third-color: #2A2464; } :root .text-third-color { color: var(--third-color); } :root .text-third-color p, :root .text-third-color h1, :root .text-third-color h2, :root .text-third-color h3, :root .text-third-color h4, :root .text-third-color h5, :root .text-third-color h6, :root .text-third-color ul, :root .text-third-color ol, :root .text-third-color li, :root .text-third-color span, :root .text-third-color a { color: var(--third-color); } :root .bg-third-color { background: var(--third-color); } :root .link-hover-third-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):after, :root .link-hover-third-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover { color: var(--third-color); } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-third-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --fourth-color: #2A2464; } :root .text-fourth-color { color: var(--fourth-color); } :root .text-fourth-color p, :root .text-fourth-color h1, :root .text-fourth-color h2, :root .text-fourth-color h3, :root .text-fourth-color h4, :root .text-fourth-color h5, :root .text-fourth-color h6, :root .text-fourth-color ul, :root .text-fourth-color ol, :root .text-fourth-color li, :root .text-fourth-color span, :root .text-fourth-color a { color: var(--fourth-color); } :root .bg-fourth-color { background: var(--fourth-color); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):after, :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover { color: var(--fourth-color); } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --highlight-color: #FC373D; } :root .text-highlight-color { color: var(--highlight-color); } :root .text-highlight-color p, :root .text-highlight-color h1, :root .text-highlight-color h2, :root .text-highlight-color h3, :root .text-highlight-color h4, :root .text-highlight-color h5, :root .text-highlight-color h6, :root .text-highlight-color ul, :root .text-highlight-color ol, :root .text-highlight-color li, :root .text-highlight-color span, :root .text-highlight-color a { color: var(--highlight-color); } :root .bg-highlight-color { background: var(--highlight-color); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):after, :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover { color: var(--highlight-color); } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --white: #FFFFFF; } :root .text-white { color: var(--white); } :root .text-white p, :root .text-white h1, :root .text-white h2, :root .text-white h3, :root .text-white h4, :root .text-white h5, :root .text-white h6, :root .text-white ul, :root .text-white ol, :root .text-white li, :root .text-white span, :root .text-white a { color: var(--white); } :root .bg-white { background: var(--white); } :root .link-hover-white a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-white a:not(.btn, .button, .overall-link):after, :root .link-hover-white a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-white a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-white a:not(.btn, .button, .overall-link):hover { color: var(--white); } :root .link-hover-white a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-white a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --black: #000000; } :root .text-black { color: var(--black); } :root .text-black p, :root .text-black h1, :root .text-black h2, :root .text-black h3, :root .text-black h4, :root .text-black h5, :root .text-black h6, :root .text-black ul, :root .text-black ol, :root .text-black li, :root .text-black span, :root .text-black a { color: var(--black); } :root .bg-black { background: var(--black); } :root .link-hover-black a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-black a:not(.btn, .button, .overall-link):after, :root .link-hover-black a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-black a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-black a:not(.btn, .button, .overall-link):hover { color: var(--black); } :root .link-hover-black a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-black a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --light-gray: #F4F6F9; } :root .text-light-gray { color: var(--light-gray); } :root .text-light-gray p, :root .text-light-gray h1, :root .text-light-gray h2, :root .text-light-gray h3, :root .text-light-gray h4, :root .text-light-gray h5, :root .text-light-gray h6, :root .text-light-gray ul, :root .text-light-gray ol, :root .text-light-gray li, :root .text-light-gray span, :root .text-light-gray a { color: var(--light-gray); } :root .bg-light-gray { background: var(--light-gray); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-light-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover { color: var(--light-gray); } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --gray: #EAEEF5; } :root .text-gray { color: var(--gray); } :root .text-gray p, :root .text-gray h1, :root .text-gray h2, :root .text-gray h3, :root .text-gray h4, :root .text-gray h5, :root .text-gray h6, :root .text-gray ul, :root .text-gray ol, :root .text-gray li, :root .text-gray span, :root .text-gray a { color: var(--gray); } :root .bg-gray { background: var(--gray); } :root .link-hover-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover { color: var(--gray); } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --mid-gray: #D9DFEC; } :root .text-mid-gray { color: var(--mid-gray); } :root .text-mid-gray p, :root .text-mid-gray h1, :root .text-mid-gray h2, :root .text-mid-gray h3, :root .text-mid-gray h4, :root .text-mid-gray h5, :root .text-mid-gray h6, :root .text-mid-gray ul, :root .text-mid-gray ol, :root .text-mid-gray li, :root .text-mid-gray span, :root .text-mid-gray a { color: var(--mid-gray); } :root .bg-mid-gray { background: var(--mid-gray); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover { color: var(--mid-gray); } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --dark-gray: #B9C3DB; } :root .text-dark-gray { color: var(--dark-gray); } :root .text-dark-gray p, :root .text-dark-gray h1, :root .text-dark-gray h2, :root .text-dark-gray h3, :root .text-dark-gray h4, :root .text-dark-gray h5, :root .text-dark-gray h6, :root .text-dark-gray ul, :root .text-dark-gray ol, :root .text-dark-gray li, :root .text-dark-gray span, :root .text-dark-gray a { color: var(--dark-gray); } :root .bg-dark-gray { background: var(--dark-gray); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):after, :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover { color: var(--dark-gray); } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --body-background: #FFFFFF; } :root .text-body-background { color: var(--body-background); } :root .text-body-background p, :root .text-body-background h1, :root .text-body-background h2, :root .text-body-background h3, :root .text-body-background h4, :root .text-body-background h5, :root .text-body-background h6, :root .text-body-background ul, :root .text-body-background ol, :root .text-body-background li, :root .text-body-background span, :root .text-body-background a { color: var(--body-background); } :root .bg-body-background { background: var(--body-background); } :root .link-hover-body-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):after, :root .link-hover-body-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover { color: var(--body-background); } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-body-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --header-background: transparent; } :root .text-header-background { color: var(--header-background); } :root .text-header-background p, :root .text-header-background h1, :root .text-header-background h2, :root .text-header-background h3, :root .text-header-background h4, :root .text-header-background h5, :root .text-header-background h6, :root .text-header-background ul, :root .text-header-background ol, :root .text-header-background li, :root .text-header-background span, :root .text-header-background a { color: var(--header-background); } :root .bg-header-background { background: var(--header-background); } :root .link-hover-header-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):after, :root .link-hover-header-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover { color: var(--header-background); } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-header-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root { --font-color: #54373A; } :root .text-font-color { color: var(--font-color); } :root .text-font-color p, :root .text-font-color h1, :root .text-font-color h2, :root .text-font-color h3, :root .text-font-color h4, :root .text-font-color h5, :root .text-font-color h6, :root .text-font-color ul, :root .text-font-color ol, :root .text-font-color li, :root .text-font-color span, :root .text-font-color a { color: var(--font-color); } :root .bg-font-color { background: var(--font-color); } :root .link-hover-font-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):after, :root .link-hover-font-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover { color: var(--font-color); } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :root .link-hover-font-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } } .theme[data-theme=light] { --base-color: #2A2464; } .theme[data-theme=light] .text-base-color { color: var(--base-color); } .theme[data-theme=light] .text-base-color p, .theme[data-theme=light] .text-base-color h1, .theme[data-theme=light] .text-base-color h2, .theme[data-theme=light] .text-base-color h3, .theme[data-theme=light] .text-base-color h4, .theme[data-theme=light] .text-base-color h5, .theme[data-theme=light] .text-base-color h6, .theme[data-theme=light] .text-base-color ul, .theme[data-theme=light] .text-base-color ol, .theme[data-theme=light] .text-base-color li, .theme[data-theme=light] .text-base-color span, .theme[data-theme=light] .text-base-color a { color: var(--base-color); } .theme[data-theme=light] .bg-base-color { background: var(--base-color); } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):hover { color: var(--base-color); } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-base-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --second-color: #D41117; } .theme[data-theme=light] .text-second-color { color: var(--second-color); } .theme[data-theme=light] .text-second-color p, .theme[data-theme=light] .text-second-color h1, .theme[data-theme=light] .text-second-color h2, .theme[data-theme=light] .text-second-color h3, .theme[data-theme=light] .text-second-color h4, .theme[data-theme=light] .text-second-color h5, .theme[data-theme=light] .text-second-color h6, .theme[data-theme=light] .text-second-color ul, .theme[data-theme=light] .text-second-color ol, .theme[data-theme=light] .text-second-color li, .theme[data-theme=light] .text-second-color span, .theme[data-theme=light] .text-second-color a { color: var(--second-color); } .theme[data-theme=light] .bg-second-color { background: var(--second-color); } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):hover { color: var(--second-color); } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-second-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --third-color: #2A2464; } .theme[data-theme=light] .text-third-color { color: var(--third-color); } .theme[data-theme=light] .text-third-color p, .theme[data-theme=light] .text-third-color h1, .theme[data-theme=light] .text-third-color h2, .theme[data-theme=light] .text-third-color h3, .theme[data-theme=light] .text-third-color h4, .theme[data-theme=light] .text-third-color h5, .theme[data-theme=light] .text-third-color h6, .theme[data-theme=light] .text-third-color ul, .theme[data-theme=light] .text-third-color ol, .theme[data-theme=light] .text-third-color li, .theme[data-theme=light] .text-third-color span, .theme[data-theme=light] .text-third-color a { color: var(--third-color); } .theme[data-theme=light] .bg-third-color { background: var(--third-color); } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):hover { color: var(--third-color); } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-third-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --fourth-color: #2A2464; } .theme[data-theme=light] .text-fourth-color { color: var(--fourth-color); } .theme[data-theme=light] .text-fourth-color p, .theme[data-theme=light] .text-fourth-color h1, .theme[data-theme=light] .text-fourth-color h2, .theme[data-theme=light] .text-fourth-color h3, .theme[data-theme=light] .text-fourth-color h4, .theme[data-theme=light] .text-fourth-color h5, .theme[data-theme=light] .text-fourth-color h6, .theme[data-theme=light] .text-fourth-color ul, .theme[data-theme=light] .text-fourth-color ol, .theme[data-theme=light] .text-fourth-color li, .theme[data-theme=light] .text-fourth-color span, .theme[data-theme=light] .text-fourth-color a { color: var(--fourth-color); } .theme[data-theme=light] .bg-fourth-color { background: var(--fourth-color); } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover { color: var(--fourth-color); } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-fourth-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --highlight-color: #FC373D; } .theme[data-theme=light] .text-highlight-color { color: var(--highlight-color); } .theme[data-theme=light] .text-highlight-color p, .theme[data-theme=light] .text-highlight-color h1, .theme[data-theme=light] .text-highlight-color h2, .theme[data-theme=light] .text-highlight-color h3, .theme[data-theme=light] .text-highlight-color h4, .theme[data-theme=light] .text-highlight-color h5, .theme[data-theme=light] .text-highlight-color h6, .theme[data-theme=light] .text-highlight-color ul, .theme[data-theme=light] .text-highlight-color ol, .theme[data-theme=light] .text-highlight-color li, .theme[data-theme=light] .text-highlight-color span, .theme[data-theme=light] .text-highlight-color a { color: var(--highlight-color); } .theme[data-theme=light] .bg-highlight-color { background: var(--highlight-color); } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover { color: var(--highlight-color); } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-highlight-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --white: #FFFFFF; } .theme[data-theme=light] .text-white { color: var(--white); } .theme[data-theme=light] .text-white p, .theme[data-theme=light] .text-white h1, .theme[data-theme=light] .text-white h2, .theme[data-theme=light] .text-white h3, .theme[data-theme=light] .text-white h4, .theme[data-theme=light] .text-white h5, .theme[data-theme=light] .text-white h6, .theme[data-theme=light] .text-white ul, .theme[data-theme=light] .text-white ol, .theme[data-theme=light] .text-white li, .theme[data-theme=light] .text-white span, .theme[data-theme=light] .text-white a { color: var(--white); } .theme[data-theme=light] .bg-white { background: var(--white); } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):hover { color: var(--white); } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-white a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --black: #000000; } .theme[data-theme=light] .text-black { color: var(--black); } .theme[data-theme=light] .text-black p, .theme[data-theme=light] .text-black h1, .theme[data-theme=light] .text-black h2, .theme[data-theme=light] .text-black h3, .theme[data-theme=light] .text-black h4, .theme[data-theme=light] .text-black h5, .theme[data-theme=light] .text-black h6, .theme[data-theme=light] .text-black ul, .theme[data-theme=light] .text-black ol, .theme[data-theme=light] .text-black li, .theme[data-theme=light] .text-black span, .theme[data-theme=light] .text-black a { color: var(--black); } .theme[data-theme=light] .bg-black { background: var(--black); } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):hover { color: var(--black); } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-black a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --light-gray: #F4F6F9; } .theme[data-theme=light] .text-light-gray { color: var(--light-gray); } .theme[data-theme=light] .text-light-gray p, .theme[data-theme=light] .text-light-gray h1, .theme[data-theme=light] .text-light-gray h2, .theme[data-theme=light] .text-light-gray h3, .theme[data-theme=light] .text-light-gray h4, .theme[data-theme=light] .text-light-gray h5, .theme[data-theme=light] .text-light-gray h6, .theme[data-theme=light] .text-light-gray ul, .theme[data-theme=light] .text-light-gray ol, .theme[data-theme=light] .text-light-gray li, .theme[data-theme=light] .text-light-gray span, .theme[data-theme=light] .text-light-gray a { color: var(--light-gray); } .theme[data-theme=light] .bg-light-gray { background: var(--light-gray); } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):hover { color: var(--light-gray); } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-light-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --gray: #EAEEF5; } .theme[data-theme=light] .text-gray { color: var(--gray); } .theme[data-theme=light] .text-gray p, .theme[data-theme=light] .text-gray h1, .theme[data-theme=light] .text-gray h2, .theme[data-theme=light] .text-gray h3, .theme[data-theme=light] .text-gray h4, .theme[data-theme=light] .text-gray h5, .theme[data-theme=light] .text-gray h6, .theme[data-theme=light] .text-gray ul, .theme[data-theme=light] .text-gray ol, .theme[data-theme=light] .text-gray li, .theme[data-theme=light] .text-gray span, .theme[data-theme=light] .text-gray a { color: var(--gray); } .theme[data-theme=light] .bg-gray { background: var(--gray); } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):hover { color: var(--gray); } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --mid-gray: #D9DFEC; } .theme[data-theme=light] .text-mid-gray { color: var(--mid-gray); } .theme[data-theme=light] .text-mid-gray p, .theme[data-theme=light] .text-mid-gray h1, .theme[data-theme=light] .text-mid-gray h2, .theme[data-theme=light] .text-mid-gray h3, .theme[data-theme=light] .text-mid-gray h4, .theme[data-theme=light] .text-mid-gray h5, .theme[data-theme=light] .text-mid-gray h6, .theme[data-theme=light] .text-mid-gray ul, .theme[data-theme=light] .text-mid-gray ol, .theme[data-theme=light] .text-mid-gray li, .theme[data-theme=light] .text-mid-gray span, .theme[data-theme=light] .text-mid-gray a { color: var(--mid-gray); } .theme[data-theme=light] .bg-mid-gray { background: var(--mid-gray); } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover { color: var(--mid-gray); } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-mid-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --dark-gray: #B9C3DB; } .theme[data-theme=light] .text-dark-gray { color: var(--dark-gray); } .theme[data-theme=light] .text-dark-gray p, .theme[data-theme=light] .text-dark-gray h1, .theme[data-theme=light] .text-dark-gray h2, .theme[data-theme=light] .text-dark-gray h3, .theme[data-theme=light] .text-dark-gray h4, .theme[data-theme=light] .text-dark-gray h5, .theme[data-theme=light] .text-dark-gray h6, .theme[data-theme=light] .text-dark-gray ul, .theme[data-theme=light] .text-dark-gray ol, .theme[data-theme=light] .text-dark-gray li, .theme[data-theme=light] .text-dark-gray span, .theme[data-theme=light] .text-dark-gray a { color: var(--dark-gray); } .theme[data-theme=light] .bg-dark-gray { background: var(--dark-gray); } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover { color: var(--dark-gray); } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-dark-gray a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --body-background: #FFFFFF; } .theme[data-theme=light] .text-body-background { color: var(--body-background); } .theme[data-theme=light] .text-body-background p, .theme[data-theme=light] .text-body-background h1, .theme[data-theme=light] .text-body-background h2, .theme[data-theme=light] .text-body-background h3, .theme[data-theme=light] .text-body-background h4, .theme[data-theme=light] .text-body-background h5, .theme[data-theme=light] .text-body-background h6, .theme[data-theme=light] .text-body-background ul, .theme[data-theme=light] .text-body-background ol, .theme[data-theme=light] .text-body-background li, .theme[data-theme=light] .text-body-background span, .theme[data-theme=light] .text-body-background a { color: var(--body-background); } .theme[data-theme=light] .bg-body-background { background: var(--body-background); } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):hover { color: var(--body-background); } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-body-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --header-background: transparent; } .theme[data-theme=light] .text-header-background { color: var(--header-background); } .theme[data-theme=light] .text-header-background p, .theme[data-theme=light] .text-header-background h1, .theme[data-theme=light] .text-header-background h2, .theme[data-theme=light] .text-header-background h3, .theme[data-theme=light] .text-header-background h4, .theme[data-theme=light] .text-header-background h5, .theme[data-theme=light] .text-header-background h6, .theme[data-theme=light] .text-header-background ul, .theme[data-theme=light] .text-header-background ol, .theme[data-theme=light] .text-header-background li, .theme[data-theme=light] .text-header-background span, .theme[data-theme=light] .text-header-background a { color: var(--header-background); } .theme[data-theme=light] .bg-header-background { background: var(--header-background); } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):hover { color: var(--header-background); } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-header-background a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] { --font-color: #54373A; } .theme[data-theme=light] .text-font-color { color: var(--font-color); } .theme[data-theme=light] .text-font-color p, .theme[data-theme=light] .text-font-color h1, .theme[data-theme=light] .text-font-color h2, .theme[data-theme=light] .text-font-color h3, .theme[data-theme=light] .text-font-color h4, .theme[data-theme=light] .text-font-color h5, .theme[data-theme=light] .text-font-color h6, .theme[data-theme=light] .text-font-color ul, .theme[data-theme=light] .text-font-color ol, .theme[data-theme=light] .text-font-color li, .theme[data-theme=light] .text-font-color span, .theme[data-theme=light] .text-font-color a { color: var(--font-color); } .theme[data-theme=light] .bg-font-color { background: var(--font-color); } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link) { color: inherit; position: relative; } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):after, .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: currentColor; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):hover { color: var(--font-color); } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .theme[data-theme=light] .link-hover-font-color a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } /* Animations */ [data-a-reveal] { opacity: 0; visibility: hidden; will-change: transform, opacity, visibility; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center center; } /* Slider */ .swiper-variant-1 { padding-top: 0; padding-bottom: 5rem; padding-right: 0; padding-left: 0; overflow: visible; } .swiper-variant-1 .swiper-button-prev { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-1 .swiper-button-prev:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-1 .swiper-button-prev:after { display: none; } .swiper-variant-1 .swiper-button-prev .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-1 .swiper-button-prev .arrow:before, .swiper-variant-1 .swiper-button-prev .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-1 .swiper-button-prev:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-1 .swiper-button-prev { top: auto; bottom: 0; left: auto; right: 4rem; transform: rotate(180deg); margin-left: 0; margin-right: 4rem; } @media (max-width: 767px) { .swiper-variant-1 .swiper-button-prev { bottom: 0; right: 0; } } .boxed .swiper-variant-1 .swiper-button-prev { right: 0; } .boxed-left .swiper-variant-1 .swiper-button-prev { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-1 .swiper-button-prev { background-color: transparent; height: 2.5rem; width: 2.5rem; border: 1px solid var(--base-color); border-radius: 50%; } .swiper-variant-1 .swiper-button-prev:before { background: var(--base-color); border-radius: 50%; } .swiper-variant-1 .swiper-button-prev .arrow { width: 0.6rem; height: 1rem; } .swiper-variant-1 .swiper-button-prev .arrow:before, .swiper-variant-1 .swiper-button-prev .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-1 .swiper-button-prev .arrow:before { filter: none; } .swiper-variant-1 .swiper-button-prev .arrow:after { filter: none; transform: translateX(-40px); } .swiper-variant-1 .swiper-button-prev:hover { border: 1px solid var(--base-color); } .swiper-variant-1 .swiper-button-prev:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-1 .swiper-button-prev:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-1 .swiper-button-next { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-1 .swiper-button-next:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-1 .swiper-button-next:after { display: none; } .swiper-variant-1 .swiper-button-next .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-1 .swiper-button-next .arrow:before, .swiper-variant-1 .swiper-button-next .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-1 .swiper-button-next:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-1 .swiper-button-next { top: auto; bottom: 0; left: auto; right: 0; transform: none; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .swiper-variant-1 .swiper-button-next { bottom: 0; right: 0; } } .boxed .swiper-variant-1 .swiper-button-next { right: 0; } .boxed-left .swiper-variant-1 .swiper-button-next { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-1 .swiper-button-next { background-color: transparent; height: 2.5rem; width: 2.5rem; border: 1px solid var(--base-color); border-radius: 50%; } .swiper-variant-1 .swiper-button-next:before { background: var(--base-color); border-radius: 50%; } .swiper-variant-1 .swiper-button-next .arrow { width: 0.6rem; height: 1rem; } .swiper-variant-1 .swiper-button-next .arrow:before, .swiper-variant-1 .swiper-button-next .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-1 .swiper-button-next .arrow:before { filter: none; } .swiper-variant-1 .swiper-button-next .arrow:after { filter: none; transform: translateX(-40px); } .swiper-variant-1 .swiper-button-next:hover { border: 1px solid var(--base-color); } .swiper-variant-1 .swiper-button-next:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-1 .swiper-button-next:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-1 .swiper-scrollbar { bottom: 1rem; left: calc((100vw - 100vw / 12 * 10) / 2); width: 30rem; } @media (max-width: 767px) { .swiper-variant-1 .swiper-scrollbar { left: 2rem; width: calc(100vw - 4rem); } } .boxed .swiper-variant-1 .swiper-scrollbar { left: 0; width: 20rem; } .boxed-left .swiper-variant-1 .swiper-scrollbar { left: 0; width: 100%; } .swiper-variant-1 .swiper-pagination-bullets { bottom: -3rem; right: 0; left: auto; } @media (max-width: 767px) { .swiper-variant-1 .swiper-pagination-bullets { bottom: -2rem; } } .boxed .swiper-variant-1 .swiper-pagination-bullets { right: auto; left: 0; } .swiper-variant-1.swiper-pagination, .swiper-variant-1 .swiper-pagination-fraction { width: auto; } .boxed-left .swiper-variant-1 .swiper-button-prev, .boxed-left .swiper-variant-1 .swiper-button-next { left: auto; right: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-left .swiper-variant-1 .swiper-button-prev, .boxed-left .swiper-variant-1 .swiper-button-next { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-left .swiper-variant-1 .swiper-button-prev, .boxed-left .swiper-variant-1 .swiper-button-next { right: 1rem; } } .boxed-right .swiper-variant-1 .swiper-button-prev, .boxed-right .swiper-variant-1 .swiper-button-next { right: auto; left: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-right .swiper-variant-1 .swiper-button-prev, .boxed-right .swiper-variant-1 .swiper-button-next { left: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-right .swiper-variant-1 .swiper-button-prev, .boxed-right .swiper-variant-1 .swiper-button-next { left: 1rem; } } .swiper-variant-2 { padding-top: 0; padding-bottom: 5rem; padding-right: 0; padding-left: 0; overflow: hidden; } @media (max-width: 767px) { .swiper-variant-2 { overflow: visible; } } .swiper-variant-2 .swiper-button-prev { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-2 .swiper-button-prev:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-2 .swiper-button-prev:after { display: none; } .swiper-variant-2 .swiper-button-prev .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-2 .swiper-button-prev .arrow:before, .swiper-variant-2 .swiper-button-prev .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-2 .swiper-button-prev:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-2 .swiper-button-prev { top: auto; bottom: 0; left: auto; right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); transform: rotate(180deg); margin-left: 0; margin-right: 2.5rem; } @media (min-width: 2183px) { .swiper-variant-2 .swiper-button-prev { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .swiper-variant-2 .swiper-button-prev { bottom: 0; right: 1rem; } } .boxed .swiper-variant-2 .swiper-button-prev { right: 0; } .boxed-left .swiper-variant-2 .swiper-button-prev { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-2 .swiper-button-prev { background-color: var(--second-color); height: 2rem; width: 2rem; border: 1px solid var(--second-color); border-radius: 50%; } .swiper-variant-2 .swiper-button-prev:before { background: var(--highlight-color); border-radius: 50%; } .swiper-variant-2 .swiper-button-prev .arrow { width: 0.4rem; height: 0.8rem; } .swiper-variant-2 .swiper-button-prev .arrow:before, .swiper-variant-2 .swiper-button-prev .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-2 .swiper-button-prev .arrow:before { filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-button-prev .arrow:after { filter: invert(1) brightness(5) saturate(0); transform: translateX(-40px); } .swiper-variant-2 .swiper-button-prev:hover { border: 1px solid var(--highlight-color); } .swiper-variant-2 .swiper-button-prev:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-button-prev:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-button-next { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-2 .swiper-button-next:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-2 .swiper-button-next:after { display: none; } .swiper-variant-2 .swiper-button-next .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-2 .swiper-button-next .arrow:before, .swiper-variant-2 .swiper-button-next .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-2 .swiper-button-next:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-2 .swiper-button-next { top: auto; bottom: 0; left: auto; right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); transform: none; margin-left: 0; margin-right: 0; } @media (min-width: 2183px) { .swiper-variant-2 .swiper-button-next { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .swiper-variant-2 .swiper-button-next { bottom: 0; right: 1rem; } } .boxed .swiper-variant-2 .swiper-button-next { right: 0; } .boxed-left .swiper-variant-2 .swiper-button-next { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-2 .swiper-button-next { background-color: var(--second-color); height: 2rem; width: 2rem; border: 1px solid var(--second-color); border-radius: 50%; } .swiper-variant-2 .swiper-button-next:before { background: var(--highlight-color); border-radius: 50%; } .swiper-variant-2 .swiper-button-next .arrow { width: 0.4rem; height: 0.8rem; } .swiper-variant-2 .swiper-button-next .arrow:before, .swiper-variant-2 .swiper-button-next .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-2 .swiper-button-next .arrow:before { filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-button-next .arrow:after { filter: invert(1) brightness(5) saturate(0); transform: translateX(-40px); } .swiper-variant-2 .swiper-button-next:hover { border: 1px solid var(--highlight-color); } .swiper-variant-2 .swiper-button-next:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-button-next:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-2 .swiper-scrollbar { bottom: 1rem; left: calc((100vw - 100vw / 12 * 10) / 2); width: 30rem; } @media (min-width: 2183px) { .swiper-variant-2 .swiper-scrollbar { left: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .swiper-variant-2 .swiper-scrollbar { left: 1rem; width: 12rem; } } .boxed .swiper-variant-2 .swiper-scrollbar { left: 0; width: 20rem; } @media (max-width: 767px) { .boxed .swiper-variant-2 .swiper-scrollbar { left: 0; width: 12rem; } } .boxed-left .swiper-variant-2 .swiper-scrollbar { left: 0; width: 100%; } .swiper-variant-2 .swiper-pagination-bullets { bottom: -3rem; right: 0; left: auto; } @media (max-width: 767px) { .swiper-variant-2 .swiper-pagination-bullets { bottom: -2rem; } } .boxed .swiper-variant-2 .swiper-pagination-bullets { right: auto; left: 0; } .swiper-variant-2.swiper-pagination, .swiper-variant-2 .swiper-pagination-fraction { width: auto; } .boxed-left .swiper-variant-2 .swiper-button-prev, .boxed-left .swiper-variant-2 .swiper-button-next { left: auto; right: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-left .swiper-variant-2 .swiper-button-prev, .boxed-left .swiper-variant-2 .swiper-button-next { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-left .swiper-variant-2 .swiper-button-prev, .boxed-left .swiper-variant-2 .swiper-button-next { right: 1rem; } } .boxed-right .swiper-variant-2 .swiper-button-prev, .boxed-right .swiper-variant-2 .swiper-button-next { right: auto; left: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-right .swiper-variant-2 .swiper-button-prev, .boxed-right .swiper-variant-2 .swiper-button-next { left: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-right .swiper-variant-2 .swiper-button-prev, .boxed-right .swiper-variant-2 .swiper-button-next { left: 1rem; } } @media (max-width: 767px) { .boxed-left .swiper-variant-2 .swiper-button-prev, .boxed-left .swiper-variant-2 .swiper-button-next, .boxed-right .swiper-variant-2 .swiper-button-prev, .boxed-right .swiper-variant-2 .swiper-button-next { left: auto; right: auto; } } .swiper-variant-3 { padding-top: 0; padding-bottom: 5rem; padding-right: 0; padding-left: 0; overflow: visible; } @media (max-width: 767px) { .swiper-variant-3 { overflow: visible; } } .swiper-variant-3 .swiper-button-prev { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-3 .swiper-button-prev:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-3 .swiper-button-prev:after { display: none; } .swiper-variant-3 .swiper-button-prev .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-3 .swiper-button-prev .arrow:before, .swiper-variant-3 .swiper-button-prev .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-3 .swiper-button-prev:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-3 .swiper-button-prev { top: auto; bottom: 0; left: auto; right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); transform: rotate(180deg); margin-left: 0; margin-right: 2.5rem; } @media (max-width: 767px) { .swiper-variant-3 .swiper-button-prev { bottom: 0; right: 1rem; } } .boxed .swiper-variant-3 .swiper-button-prev { right: 0; } .boxed-left .swiper-variant-3 .swiper-button-prev { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-3 .swiper-button-prev { background-color: var(--second-color); height: 2rem; width: 2rem; border: 1px solid var(--second-color); border-radius: 0; } .swiper-variant-3 .swiper-button-prev:before { background: var(--highlight-color); border-radius: 0; } .swiper-variant-3 .swiper-button-prev .arrow { width: 0.4rem; height: 0.8rem; } .swiper-variant-3 .swiper-button-prev .arrow:before, .swiper-variant-3 .swiper-button-prev .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-3 .swiper-button-prev .arrow:before { filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-button-prev .arrow:after { filter: invert(1) brightness(5) saturate(0); transform: translateX(-40px); } .swiper-variant-3 .swiper-button-prev:hover { border: 1px solid var(--highlight-color); } .swiper-variant-3 .swiper-button-prev:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-button-prev:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-button-next { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-3 .swiper-button-next:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-3 .swiper-button-next:after { display: none; } .swiper-variant-3 .swiper-button-next .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-3 .swiper-button-next .arrow:before, .swiper-variant-3 .swiper-button-next .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-3 .swiper-button-next:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-3 .swiper-button-next { top: auto; bottom: 0; left: auto; right: calc((100vw - 100vw / 12 * 10) / 2 + 1rem); transform: none; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .swiper-variant-3 .swiper-button-next { bottom: 0; right: 1rem; } } .boxed .swiper-variant-3 .swiper-button-next { right: 0; } .boxed-left .swiper-variant-3 .swiper-button-next { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-3 .swiper-button-next { background-color: var(--second-color); height: 2rem; width: 2rem; border: 1px solid var(--second-color); border-radius: 0; } .swiper-variant-3 .swiper-button-next:before { background: var(--highlight-color); border-radius: 0; } .swiper-variant-3 .swiper-button-next .arrow { width: 0.4rem; height: 0.8rem; } .swiper-variant-3 .swiper-button-next .arrow:before, .swiper-variant-3 .swiper-button-next .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-3 .swiper-button-next .arrow:before { filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-button-next .arrow:after { filter: invert(1) brightness(5) saturate(0); transform: translateX(-40px); } .swiper-variant-3 .swiper-button-next:hover { border: 1px solid var(--highlight-color); } .swiper-variant-3 .swiper-button-next:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-button-next:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-3 .swiper-scrollbar { bottom: 1rem; left: calc((100vw - 100vw / 12 * 10) / 2); width: 30rem; } @media (max-width: 767px) { .swiper-variant-3 .swiper-scrollbar { left: 1rem; width: 12rem; } } .boxed .swiper-variant-3 .swiper-scrollbar { left: 0; width: 20rem; } .boxed-left .swiper-variant-3 .swiper-scrollbar { left: 0; width: 100%; } .swiper-variant-3 .swiper-pagination-bullets { bottom: -3rem; right: 0; left: auto; } @media (max-width: 767px) { .swiper-variant-3 .swiper-pagination-bullets { bottom: -2rem; } } .boxed .swiper-variant-3 .swiper-pagination-bullets { right: auto; left: 0; } .swiper-variant-3.swiper-pagination, .swiper-variant-3 .swiper-pagination-fraction { width: auto; } .boxed-left .swiper-variant-3 .swiper-button-prev, .boxed-left .swiper-variant-3 .swiper-button-next { left: auto; right: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-left .swiper-variant-3 .swiper-button-prev, .boxed-left .swiper-variant-3 .swiper-button-next { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-left .swiper-variant-3 .swiper-button-prev, .boxed-left .swiper-variant-3 .swiper-button-next { right: 1rem; } } .boxed-right .swiper-variant-3 .swiper-button-prev, .boxed-right .swiper-variant-3 .swiper-button-next { right: auto; left: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-right .swiper-variant-3 .swiper-button-prev, .boxed-right .swiper-variant-3 .swiper-button-next { left: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-right .swiper-variant-3 .swiper-button-prev, .boxed-right .swiper-variant-3 .swiper-button-next { left: 1rem; } } @media (max-width: 767px) { .boxed-left .swiper-variant-3 .swiper-button-prev, .boxed-left .swiper-variant-3 .swiper-button-next, .boxed-right .swiper-variant-3 .swiper-button-prev, .boxed-right .swiper-variant-3 .swiper-button-next { left: auto; right: auto; } } .swiper-variant-4 { padding-top: 0; padding-bottom: 5rem; padding-right: 0; padding-left: 0; overflow: hidden; } .swiper-variant-4 .swiper-button-prev { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-4 .swiper-button-prev:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-4 .swiper-button-prev:after { display: none; } .swiper-variant-4 .swiper-button-prev .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-4 .swiper-button-prev .arrow:before, .swiper-variant-4 .swiper-button-prev .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-4 .swiper-button-prev:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-4 .swiper-button-prev { top: auto; bottom: 0; left: auto; right: 2rem; transform: rotate(180deg); margin-left: 0; margin-right: 4rem; } @media (max-width: 767px) { .swiper-variant-4 .swiper-button-prev { bottom: 0; right: 0; } } .boxed .swiper-variant-4 .swiper-button-prev { right: 0; } .boxed-left .swiper-variant-4 .swiper-button-prev { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-4 .swiper-button-prev { background-color: transparent; height: 2.5rem; width: 2.5rem; border: 1px solid var(--base-color); border-radius: 50%; } .swiper-variant-4 .swiper-button-prev:before { background: var(--highlight-color); border-radius: 50%; } .swiper-variant-4 .swiper-button-prev .arrow { width: 0.6rem; height: 1rem; } .swiper-variant-4 .swiper-button-prev .arrow:before, .swiper-variant-4 .swiper-button-prev .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-4 .swiper-button-prev .arrow:before { filter: none; } .swiper-variant-4 .swiper-button-prev .arrow:after { filter: none; transform: translateX(-40px); } .swiper-variant-4 .swiper-button-prev:hover { border: 1px solid var(--highlight-color); } .swiper-variant-4 .swiper-button-prev:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-4 .swiper-button-prev:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-4 .swiper-button-next { display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; cursor: pointer; z-index: 11; } .swiper-variant-4 .swiper-button-next:before { content: ""; position: absolute; opacity: 0; width: 0; height: 0; z-index: -1; transition: all 0.35s ease-in-out; } .swiper-variant-4 .swiper-button-next:after { display: none; } .swiper-variant-4 .swiper-button-next .arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .swiper-variant-4 .swiper-button-next .arrow:before, .swiper-variant-4 .swiper-button-next .arrow:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.6s cubic-bezier(0.305, 0.125, 0.185, 1.005); } .swiper-variant-4 .swiper-button-next:hover:before { opacity: 1; width: 100%; height: 100%; } .swiper-variant-4 .swiper-button-next { top: auto; bottom: 0; left: auto; right: 2rem; transform: none; margin-left: 4rem; margin-right: 0; } @media (max-width: 767px) { .swiper-variant-4 .swiper-button-next { bottom: 0; right: 0; } } .boxed .swiper-variant-4 .swiper-button-next { right: 0; } .boxed-left .swiper-variant-4 .swiper-button-next { right: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); } .swiper-variant-4 .swiper-button-next { background-color: transparent; height: 2.5rem; width: 2.5rem; border: 1px solid var(--base-color); border-radius: 50%; } .swiper-variant-4 .swiper-button-next:before { background: var(--highlight-color); border-radius: 50%; } .swiper-variant-4 .swiper-button-next .arrow { width: 0.6rem; height: 1rem; } .swiper-variant-4 .swiper-button-next .arrow:before, .swiper-variant-4 .swiper-button-next .arrow:after { background-image: url("/images/icon-arrow.svg"); } .swiper-variant-4 .swiper-button-next .arrow:before { filter: none; } .swiper-variant-4 .swiper-button-next .arrow:after { filter: none; transform: translateX(-40px); } .swiper-variant-4 .swiper-button-next:hover { border: 1px solid var(--highlight-color); } .swiper-variant-4 .swiper-button-next:hover .arrow:before { transform: translateX(40px); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-4 .swiper-button-next:hover .arrow:after { transform: translateX(0); filter: invert(1) brightness(5) saturate(0); } .swiper-variant-4 .swiper-scrollbar { bottom: 1rem; left: calc((100vw - 100vw / 12 * 10) / 2); width: 30rem; } @media (max-width: 767px) { .swiper-variant-4 .swiper-scrollbar { left: 2rem; width: calc(100vw - 4rem); } } .boxed .swiper-variant-4 .swiper-scrollbar { left: 0; width: 20rem; } .boxed-left .swiper-variant-4 .swiper-scrollbar { left: 0; width: 100%; } .swiper-variant-4 .swiper-pagination-bullets { bottom: -3rem; right: 0; left: auto; } @media (max-width: 767px) { .swiper-variant-4 .swiper-pagination-bullets { bottom: -2rem; } } .boxed .swiper-variant-4 .swiper-pagination-bullets { right: auto; left: 0; } .swiper-variant-4.swiper-pagination, .swiper-variant-4 .swiper-pagination-fraction { width: auto; } .boxed-left .swiper-variant-4 .swiper-button-prev, .boxed-left .swiper-variant-4 .swiper-button-next { left: auto; right: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-left .swiper-variant-4 .swiper-button-prev, .boxed-left .swiper-variant-4 .swiper-button-next { right: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-left .swiper-variant-4 .swiper-button-prev, .boxed-left .swiper-variant-4 .swiper-button-next { right: 1rem; } } .boxed-right .swiper-variant-4 .swiper-button-prev, .boxed-right .swiper-variant-4 .swiper-button-next { right: auto; left: calc((100vw - 100vw / 12 * 10 * 1) / 2 + 1rem); } @media (min-width: 2184px) { .boxed-right .swiper-variant-4 .swiper-button-prev, .boxed-right .swiper-variant-4 .swiper-button-next { left: calc((100vw - 1800px) / 2); } } @media (max-width: 767px) { .boxed-right .swiper-variant-4 .swiper-button-prev, .boxed-right .swiper-variant-4 .swiper-button-next { left: 1rem; } } /*------------------------------------------------------------------------------------------------------------------------------ SWIPER ------------------------------------------------------------------------------------------------------------------------------*/ .slider { position: relative; width: 100%; height: calc(var(--vh, 1vh) * 100 - 9rem); display: flex; margin: 0 auto; } .swiper, .swiper-container { position: relative; display: block; min-width: 0; min-height: 0; } .swiper .swiper-slide, .swiper-container .swiper-slide { will-change: transform; -webkit-will-change: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper .swiper-slide img, .swiper-container .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .swiper-button-prev svg, .swiper-button-next svg { display: none; } .swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; display: flex; justify-content: center; align-items: center; position: absolute; width: auto; top: auto; bottom: -3rem; left: auto; right: 0; transform: none; padding: 0 clamp(1rem, 4vw, 4rem); z-index: 10; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 10px; height: 10px; background: var(--mid-gray); border-radius: 50%; margin: 0 10px; opacity: 1; cursor: pointer; transition: all 0.3s ease-in-out; } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--highlight-color); } .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: solid 1px var(--highlight-color); border-radius: 50%; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; bottom: 1rem; top: auto; z-index: 50; height: 1px; background: var(--second-color); } .swiper-scrollbar-drag { background: var(--base-color); bottom: 1px; top: auto; height: 2px; } /* Display */ .grid { display: grid; } .flex { display: flex; } .block { display: block; } .inline { display: inline; } .inline-flex { display: inline-flex; } .inline-block { display: inline-block; } .none { display: none; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .sticky { position: sticky; } .static { position: static; } .overflow-visible { overflow: visible; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-auto { overflow: auto; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } @media (max-width: 768px) { .grid-m { display: grid; } .flex-m { display: flex; } .block-m { display: block; } .inline-m { display: inline; } .inline-flex-m { display: inline-flex; } .inline-block-m { display: inline-block; } .none-m { display: none; } .relative-s { position: relative; } .absolute-s { position: absolute; } .fixed-s { position: fixed; } .sticky-s { position: sticky; } .static-s { position: static; } .overflow-visible-m, .swiper.overflow-visible-m { overflow: visible; } .overflow-hidden-m, .swiper.overflow-hidden-m { overflow: hidden; } .overflow-scroll-m, .swiper.overflow-scroll-m { overflow: scroll; } .overflow-auto-m, .swiper.overflow-auto-m { overflow: auto; } .float-left-m { float: left; } .float-right-m { float: right; } .float-none-m { float: none; } } /* Navigation */ :root { --nav-desktop-mode: tabs; --nav-mobile-mode: accordion; --nav-show-submenu-header: ; --nav-layout-level1-direction: row; --nav-logo-nav-count: 2; } .navigation-underlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .navigation-underlay.active { opacity: 1; visibility: visible; } nav.navigation li { list-style: none; } nav.navigation ul { list-style: none; margin-left: 0; } nav.navigation a, nav.navigation span { cursor: pointer; transition: none; } nav.navigation ul li.nav-btn { all: unset; display: flex; margin-left: 1rem; } @media (max-width: 767px) { nav.navigation ul li.nav-btn { margin-left: 1rem; margin-top: 1rem; width: calc(100% - 2rem); } } @media (min-width: 768px) { .sticky-menu { display: none; } nav.navigation { z-index: 1010; } nav.navigation ul.mainmenu { display: flex; flex-direction: row; list-style: none; align-items: center; } nav.navigation ul.mainmenu > li { list-style: none; display: flex; } nav.navigation ul.mainmenu > li > a, nav.navigation ul.mainmenu > li > span { position: relative; display: flex; color: var(--base-color); text-decoration: none; cursor: pointer; font-weight: normal; font-size: 0.9rem; z-index: 10; white-space: nowrap; padding: 0.75rem 1rem; } nav.navigation ul.mainmenu > li .submenu-panel, nav.navigation ul.mainmenu > li .subsubmenu-panel { position: absolute; z-index: 10; opacity: 0; visibility: hidden; } nav.navigation ul.mainmenu > li ul li a, nav.navigation ul.mainmenu > li ul li span { position: relative; display: flex; color: var(--base-color); text-decoration: none; cursor: pointer; font-weight: normal; font-size: 0.9rem; z-index: 10; transition: color 0.3s ease, background-color 0.3s ease; padding: 0.4rem 1.3rem 0.4rem 1rem; } nav.navigation ul.mainmenu > li ul li a:hover, nav.navigation ul.mainmenu > li ul li span:hover { color: var(--highlight-color); background-color: var(--light-gray); } nav.navigation ul.mainmenu > li ul li a.open, nav.navigation ul.mainmenu > li ul li span.open { color: var(--highlight-color); background-color: var(--light-gray); } nav.navigation ul.mainmenu .btn.is-goback, nav.navigation ul.mainmenu .protectarea { display: none; } nav.navigation ul.mainmenu li ul { display: flex; flex-direction: column; } nav.navigation ul.mainmenu li.current > a, nav.navigation ul.mainmenu li.current > span, nav.navigation ul.mainmenu li.open > a, nav.navigation ul.mainmenu li.open > span, nav.navigation ul.mainmenu li:hover > a, nav.navigation ul.mainmenu li:hover > span { color: var(--highlight-color); } nav.navigation ul.mainmenu > li { position: relative; z-index: 10; } nav.navigation ul.mainmenu > li ul li { position: relative; z-index: 10; } nav.navigation ul.mainmenu > li ul li a, nav.navigation ul.mainmenu > li ul li span { border-bottom: solid 1px var(--light-gray); } nav.navigation ul.mainmenu > li ul li a:hover, nav.navigation ul.mainmenu > li ul li span:hover { background: var(--mid-gray); color: var(--base-color); } nav.navigation ul.mainmenu .submenu-panel, nav.navigation ul.mainmenu .subsubmenu-panel { background: var(--light-gray); transition: opacity 0.3s ease; } nav.navigation ul.mainmenu .submenu-panel { top: 100%; left: 0; } nav.navigation ul.mainmenu .subsubmenu-panel { top: 0; left: 100%; } } @media (max-width: 767px) { .sticky-menu { position: relative; padding: 1rem; cursor: pointer; z-index: 1009; } nav.navigation { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: var(--white); opacity: 0; visibility: hidden; z-index: 1008; overflow: hidden; } nav.navigation.active { opacity: 1; visibility: visible; } nav.navigation ul.mainmenu { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; padding: 7rem 0rem; display: flex; flex-direction: column; z-index: 1006; -webkit-overflow-scrolling: touch; } nav.navigation ul.mainmenu li > a, nav.navigation ul.mainmenu li > span { position: relative; display: flex; color: var(--base-color); text-decoration: none; cursor: pointer; font-weight: normal; font-size: 1rem; z-index: 10; } nav.navigation ul.mainmenu li.mainentry > a, nav.navigation ul.mainmenu li.mainentry > span, nav.navigation ul.mainmenu li.subentry > a, nav.navigation ul.mainmenu li.subentry > span { font-weight: bold; padding: 0.5rem 2rem 0.5rem 1rem; display: inline-flex; font-size: 1rem; cursor: pointer; } nav.navigation ul.mainmenu li.subsubentry > a, nav.navigation ul.mainmenu li.subsubentry > span, nav.navigation ul.mainmenu li.submainentry > a, nav.navigation ul.mainmenu li.submainentry > span, nav.navigation ul.mainmenu li.subsubmainentry > a, nav.navigation ul.mainmenu li.subsubmainentry > span { font-weight: normal; display: flex; font-size: 1rem; padding: 0.5rem 1rem; cursor: pointer; } nav.navigation ul.mainmenu .btn.is-goback, nav.navigation ul.mainmenu .protectarea { display: none; } nav.navigation ul.mainmenu li .submenu-panel { position: relative; padding: 0; background: var(--light-gray); overflow: hidden; } nav.navigation ul.mainmenu li .submenu-panel .submenu-header { display: none; } nav.navigation ul.mainmenu li .submenu-panel .submenu-list { padding: 0.5rem 0; } nav.navigation ul.mainmenu li .submenu-panel .submenu-list, nav.navigation ul.mainmenu li .submenu-panel .subsubmenu-list { position: relative; width: 100%; flex-direction: column; } nav.navigation ul.mainmenu li .submenu-panel .submenu-list li:last-child a, nav.navigation ul.mainmenu li .submenu-panel .submenu-list li:last-child span, nav.navigation ul.mainmenu li .submenu-panel .subsubmenu-list li:last-child a, nav.navigation ul.mainmenu li .submenu-panel .subsubmenu-list li:last-child span { border-bottom: none; } nav.navigation ul.mainmenu li .subsubmenu-panel { position: relative; padding: 0; overflow: hidden; height: 0; } nav.navigation ul.mainmenu li .subsubmenu-panel .subsubmenu-list li a, nav.navigation ul.mainmenu li .subsubmenu-panel .subsubmenu-list li span { padding: 0.5rem 1rem 0.5rem 2rem; } nav.navigation ul.mainmenu li .subsubmenu-panel .subsubmenu-list li .subsubmenu-panel li a, nav.navigation ul.mainmenu li .subsubmenu-panel .subsubmenu-list li .subsubmenu-panel li span { padding: 0.5rem 1rem 0.5rem 3rem; } nav.navigation ul.mainmenu li.mainentry > a, nav.navigation ul.mainmenu li.mainentry > span, nav.navigation ul.mainmenu li.subentry > a, nav.navigation ul.mainmenu li.subentry > span { border-bottom: solid 0px var(--fourth-color); color: var(--base-color); background: transparent; font-size: 1.2rem; } nav.navigation ul.mainmenu li.mainentry.current > a, nav.navigation ul.mainmenu li.mainentry.current > span, nav.navigation ul.mainmenu li.subentry.current > a, nav.navigation ul.mainmenu li.subentry.current > span { color: var(--highlight-color); } nav.navigation ul.mainmenu li.subsubentry > a, nav.navigation ul.mainmenu li.subsubentry > span, nav.navigation ul.mainmenu li.submainentry > a, nav.navigation ul.mainmenu li.submainentry > span, nav.navigation ul.mainmenu li.subsubmainentry > a, nav.navigation ul.mainmenu li.subsubmainentry > span { color: var(--base-color); font-size: 1rem; border-bottom: solid 1px var(--second-color); } nav.navigation ul.mainmenu li.subsubentry.current > a, nav.navigation ul.mainmenu li.subsubentry.current > span, nav.navigation ul.mainmenu li.submainentry.current > a, nav.navigation ul.mainmenu li.submainentry.current > span, nav.navigation ul.mainmenu li.subsubmainentry.current > a, nav.navigation ul.mainmenu li.subsubmainentry.current > span { color: var(--highlight-color); } } .hamburger { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; right: auto; transition: all 0.3s ease-in-out; cursor: pointer; } .hamburger .line1, .hamburger .line2, .hamburger .line3 { width: 1.5rem; height: 2px; background-color: var(--base-color); display: block; margin: 0.4rem auto; transition: width 200ms ease-in-out, transform 200ms ease-in-out, background-color 200ms ease-in-out; } .hamburger .line2 { display: none; } .hamburger.is-active .line1 { background-color: var(--base-color); transform: translateY(0.2rem) rotate(45deg); width: 1.5rem; height: 2px; } .hamburger.is-active .line2 { opacity: 0; } .hamburger.is-active .line3 { background-color: var(--base-color); transform: translateY(-0.3rem) rotate(-45deg); width: 1.5rem; height: 2px; } @media (min-width: 768px) { .subentry > a, .subentry > span { padding-right: 2rem; } .subentry > a::before, .subentry > span::before { content: ""; position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%) rotate(90deg); background-image: url("/images/nav-arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 0.3rem; height: 0.5rem; transition: transform 0.3s ease; } .subentry.open > a::before, .subentry.open > span::before { transform: translateY(-50%) rotate(-90deg); } .subsubentry > a, .subsubentry > span { padding-right: 2rem; } .subsubentry > a::before, .subsubentry > span::before { content: ""; position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background-image: url("/images/nav-arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 0.3rem; height: 0.5rem; } .subsubentry.open > a::before, .subsubentry.open > span::before { transform: translateY(-50%) rotate(0); } } @media (max-width: 767px) { .subentry > a, .subentry > span { padding-right: 2rem; } .subentry > a::before, .subentry > span::before { content: ""; position: absolute; right: 1rem; left: auto; top: 50%; transform: translateY(-50%) rotate(90deg); background-image: url("/images/nav-arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 0.4rem; height: 0.7rem; filter: none; transition: transform 0.3s ease; } .subentry.open > a::before, .subentry.open > span::before { transform: translateY(-50%) rotate(-90deg); } .subsubentry > a, .subsubentry > span { padding-right: 2rem; } .subsubentry > a::before, .subsubentry > span::before { content: ""; position: absolute; right: 1rem; left: auto; top: 50%; transform: translateY(-50%) rotate(90deg); background-image: url("/images/nav-arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 0.5rem; height: 0.8rem; filter: none; } .subsubentry.open > a::before, .subsubentry.open > span::before { transform: translateY(-50%) rotate(-90deg); } } /* Navigation Sidebar */ /*------------------------------------------------------------------------------------------------------------------------------ NAVIGATION SIDEBAR ------------------------------------------------------------------------------------------------------------------------------*/ .navigation-sidebar { margin-top: -0.4rem; } .navigation-sidebar ul.sidebar { margin-left: 0; list-style: none; } .navigation-sidebar ul.sidebar li { display: flex; flex-direction: column; } .navigation-sidebar ul.sidebar li.current > a, .navigation-sidebar ul.sidebar li.current > span { color: var(--highlight-color); font-weight: bold; } .navigation-sidebar ul.sidebar li a { padding: 0.5rem 1rem; background-color: var(--light-gray); } .navigation-sidebar ul.sidebar li:hover > a { color: var(--white); background-color: var(--highlight-color); } .navigation-sidebar ul.sidebar ul { margin-left: 0; list-style: none; } .navigation-sidebar ul.sidebar .menu-child { overflow: hidden; } .navigation-sidebar ul.sidebar .separator { cursor: pointer; display: block; padding: 0.5rem 1rem; padding-right: 2rem; user-select: none; position: relative; background-color: var(--light-gray); } .navigation-sidebar ul.sidebar .separator:hover { color: var(--white); background-color: var(--highlight-color); } .navigation-sidebar ul.sidebar .separator::before { content: ""; position: absolute; right: 1rem; left: auto; top: 50%; transform: translateY(-50%) rotate(90deg); background-image: url("/images/nav-arrow.svg"); background-repeat: no-repeat; background-size: contain; width: 0.5rem; height: 0.8rem; transition: transform 0.3s ease; } .navigation-sidebar ul.sidebar .menu-child.open + .separator::before, .navigation-sidebar ul.sidebar li:has(.menu-child.open) > .separator::before { transform: translateY(-50%) rotate(-90deg); } .navigation-sidebar ul.sidebar .nav-header { font-weight: bold; opacity: 0.8; padding: 0.5rem 0; display: block; } .navigation-sidebar ul.sidebar .menu-child li a { color: var(--base-color); } .navigation-sidebar ul.sidebar .menu-child li.current a { color: var(--highlight-color); font-weight: normal; } .navigation-sidebar ul.sidebar .menu-child > li .separator, .navigation-sidebar ul.sidebar .menu-child > li .nav-header, .navigation-sidebar ul.sidebar .menu-child > li a { padding-left: calc(1rem + 1rem); } .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .separator, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .nav-header, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li a { padding-left: calc(1rem + 2rem); } .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li .separator, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li .nav-header, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li a { padding-left: calc(1rem + 3rem); } .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li .menu-child > li .separator, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li .menu-child > li .nav-header, .navigation-sidebar ul.sidebar .menu-child > li .menu-child > li .menu-child > li .menu-child > li a { padding-left: calc(1rem + 4rem); } .navigation-sidebar ul.sidebar .level-1 .separator, .navigation-sidebar ul.sidebar .level-1 .nav-header, .navigation-sidebar ul.sidebar .level-1 a { padding-left: calc(1rem + 1rem); } .navigation-sidebar ul.sidebar .level-2 .separator, .navigation-sidebar ul.sidebar .level-2 .nav-header, .navigation-sidebar ul.sidebar .level-2 a { padding-left: calc(1rem + 2rem); } .navigation-sidebar ul.sidebar .level-3 .separator, .navigation-sidebar ul.sidebar .level-3 .nav-header, .navigation-sidebar ul.sidebar .level-3 a { padding-left: calc(1rem + 3rem); } .navigation-sidebar ul.sidebar .level-4 .separator, .navigation-sidebar ul.sidebar .level-4 .nav-header, .navigation-sidebar ul.sidebar .level-4 a { padding-left: calc(1rem + 4rem); } .navigation-sidebar ul.sidebar .gsap-animating { pointer-events: none; } .navigation-sidebar ul.sidebar li.devider.is-opening .separator { background-color: var(--light-gray); } .navigation-sidebar ul.sidebar li.devider.is-closing .separator { opacity: 0.7; } /* Accordion */ .accordion { width: 100%; float: left; } .accordion .accordion_item { width: 100%; float: left; border-bottom: solid 1px var(--mid-gray); } .accordion .accordion_item:first-child { border-top: solid 1px var(--mid-gray); } .accordion .accordion_item .accordion_title { position: relative; width: 100%; font-size: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: normal; transition: 0.5s all ease; } .accordion .accordion_item .accordion_title p { margin: 0; } .accordion .accordion_item .accordion_title.notext { cursor: default; pointer-events: none; } .accordion .accordion_item .accordion_title.notext::after { display: none; } .accordion .accordion_item.is-open .btn.icn.is-outlined.is-plus.is-primary::before { transform: translate(-50%, -50%) scale(1); opacity: 1; } .accordion .accordion_item.is-open .btn.icn.is-outlined.is-plus.is-primary .icn-icon { transform: rotate(45deg); transition: all ease 0.3s; } .accordion .accordion_item.is-open .btn.icn.is-outlined.is-plus.is-primary .icn-icon::before { filter: invert(1) saturate(0) brightness(5); transform: translateX(40px); } .accordion .accordion_item.is-open .btn.icn.is-outlined.is-plus.is-primary .icn-icon::after { filter: invert(1) saturate(0) brightness(5); transform: translateX(0); } .accordion .accordion_item .accordion_body { height: 0; overflow: hidden; transition: height 0.3s ease-in-out; } /* Tabs */ ul.tabs { position: relative; display: flex; justify-content: flex-start; margin: 0; padding: 0; list-style: none; z-index: 3; } ul.tabs li { background: none; color: var(--base-color); display: flex; padding: 0.5rem 1rem; cursor: pointer; margin: 0 5px; font-size: 1rem; font-weight: bold; border: solid 1px var(--second-color); border-radius: 0; font-family: "font", sans-serif; letter-spacing: 0; hyphens: none; text-align: center; line-height: 1; align-items: center; } ul.tabs li.current { background: var(--second-color); color: var(--white); } .tab-content { visibility: hidden; float: left; width: 100%; opacity: 0; transition: visibility 1s ease-in-out, opacity 1s ease-in-out; height: 0; overflow: hidden; } .tab-content.current { visibility: visible; border: none; width: 100%; opacity: 1; height: auto; overflow: visible; margin-top: 2rem; } /* Search */ /*------------------------------------------------------------------------------------------------------------------------------ SEARCH ------------------------------------------------------------------------------------------------------------------------------*/ .suche { position: fixed; top: 100%; left: 0; width: 100%; padding: 2rem 10rem 10rem; background: var(--light-gray); backdrop-filter: blur(50px); background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15); transform-origin: center top; transform: scaleY(0); } .suche form.search-form { opacity: 0; visibility: hidden; } .icon-search img { width: 0.7rem; height: auto; cursor: pointer; } form.search-form { position: absolute; z-index: 2; top: 50%; left: 50%; background: var(--white); padding-top: 0.8rem; padding-bottom: 0.8rem; padding-left: 5rem; padding-right: 0.7rem; border-radius: 3rem; width: 40rem; transform: translate(-50%, 0); box-shadow: 5px 5px 20.5px 0px rgba(90, 90, 106, 0.5); transition: box-shadow 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; } form.search-form input[type=search] { width: calc(100% - 3rem); color: var(--base-color); } form.search-form input[type=search]::placeholder { color: var(--dark-gray); } @media (max-width: 767px) { form.search-form { width: calc(100% - 2rem); } } form.search-form:hover { box-shadow: 0px 0px 20.5px 0px rgba(90, 90, 106, 0.25); } form.search-form:before { content: ""; position: absolute; height: 1.5rem; top: 50%; left: 3.4rem; width: 1px; background-color: rgba(0, 0, 0, 0.4); transform: translate(0, -50%); } form.search-form button { border: none; background: none; padding: 0; margin: 0; } form.search-form button.btn { position: absolute !important; right: 1rem; top: 50%; margin: 0; transform: translate(0, -50%); } form.search-form button.btn .icn { margin: 0; } form.search-form img.icon-search-mask { width: 0.8rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.5rem; display: block; object-fit: contain; } .search-results ul { list-style: none; padding: 0; margin: 0; } .search-results ul li { margin-bottom: 1rem; padding: 1rem; background: white; } .search-results ul li a:not(.btn, .button) { position: relative; } .search-results ul li a:not(.btn, .button):after, .search-results ul li a:not(.btn, .button):before { content: ""; position: absolute; bottom: 0; height: 1px; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .search-results ul li a:not(.btn, .button):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .search-results ul li a:not(.btn, .button):after { background-color: var(--second-color); } .search-results ul li a:not(.btn, .button):before { background-color: var(--highlight-color); } .search-results ul li a:not(.btn, .button):hover { color: var(--highlight-color); } .search-results ul li a:not(.btn, .button):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } .search-results ul li a:not(.btn, .button):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .search-results ul li .search-excerpt { margin-top: 0.5rem; font-size: 0.8rem; color: var(--dark-gray); } .search-results ul li .search-excerpt span.search-highlight { background: yellow; border-radius: 5px; } .search-results ul li span.parent-info { padding: 0 0.7rem; font-size: 0.6rem; background: var(--second-color); color: white; border-radius: 1.5rem; margin-left: 0.5rem; } /* Filter */ /*------------------------------------------------------------------------------------------------------------------------------ FILTER ------------------------------------------------------------------------------------------------------------------------------*/ .filter-controls { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; align-items: center; } @media (max-width: 768px) { .filter-controls { flex-direction: column; gap: 0.75rem; } } .filter-search { position: relative; flex: 1; min-width: 250px; } .filter-search input { width: 100%; padding: 0.75rem 2.5rem 0.75rem 1rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; transition: border-color 0.2s ease; } .filter-search input:focus { outline: none; border-color: var(--primary-color, #007bff); } .filter-search .search-icon { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; width: 0.7rem; height: auto; opacity: 1; } .filter-category { min-width: 200px; } .filter-category select { width: 100%; padding: 0.75rem 2.5rem 0.75rem 1rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; background-color: white; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; appearance: none; cursor: pointer; transition: border-color 0.2s ease; } .filter-category select:focus { outline: none; border-color: var(--primary-color, #007bff); } .filter-actions { display: flex; gap: 0.5rem; align-items: center; } .filter-reset { padding: 0.75rem 1.5rem; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; font-size: 0.9rem; } .filter-reset:hover { background-color: #e5e5e5; } .filter-results { font-size: 0.9rem; color: #666; white-space: nowrap; } .no-results { text-align: center; padding: 3rem 1rem; color: #666; transition: opacity 0.3s ease; } .no-results.is-hidden { display: none; } .no-results p { margin: 0; font-size: 1.1rem; } .no-results .icon { font-size: 3rem; opacity: 0.3; margin-bottom: 1rem; } .filter-loading { position: relative; } .filter-loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2px solid #f3f3f3; border-top: 2px solid var(--primary-color, #007bff); border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .no-results { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 3rem 1rem; color: #666; transition: opacity 0.3s ease; } .no-results.is-hidden { display: none; } .no-results .icon { width: 4rem; height: auto; opacity: 1; margin-bottom: 1rem; display: block; } .no-results p { margin: 0; font-size: 1.1rem; } /* Inhalt */ /*------------------------------------------------------------------------------------------------------------------------------ INHALT ------------------------------------------------------------------------------------------------------------------------------*/ .contentblock:first-child h5 { margin-top: 0; } .contentblock-item ul { display: block; list-style-type: disc; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0; list-style-position: outside; } .contentblock-item ul li { list-style-type: disc; } .contentblock-item ol { display: block; list-style-type: decimal; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; } .contentblock-item li { font-size: 1rem; line-height: 1.5; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; margin-left: 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; padding-top: 0; padding-bottom: 0; position: relative; } .contentblock-item li p { margin: 0 0 0.5rem 0; } .contentblock-item ul.downloads { width: 100%; list-style: none; display: inline-block; margin-left: 0; } .contentblock-item ul.downloads li { position: relative; padding: 5px 0 5px 40px; margin: 3px 0; background: var(--light-grey); transition: all ease 0.3s; } .contentblock-item ul.downloads li:before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-image: url("/static/images/icon-download.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .contentblock-item ul.downloads a { transition: all ease 0.3s; } .contentblock-item ul.downloads a:hover li { color: var(--base-color); background: var(--second-color); } .contentblock-item ul.downloads a:hover li:before { filter: invert(1) brightness(5); } .contentblock-item h5 { margin-top: 2rem; } .contentblock-item .gallery .img-container { cursor: pointer; } .contentblock-item video { width: 100%; height: 42rem; object-fit: cover; } @media (max-width: 767px) { .contentblock-item video { height: 15rem; } } .contentblock-item iframe { width: 100%; } .contentblock-item .logo { width: 100%; height: auto; max-width: 30rem; } @media (max-width: 767px) { .contentblock-item .logo { max-width: 15rem; } } .contentblock-item .logo img { width: 100%; height: auto; } .contentblock-item .bildlegende-text { margin-top: -1rem; } .contentblock-item .bildlegende-text p { font-size: 0.75rem; } .contentblock-item ul.tabs { display: flex; } .contentblock-item ul.list li { list-style-type: none; position: relative; border-bottom: 1px solid var(--dark-gray); margin-left: 0; padding: 0.3rem 0; } .contentblock-item ul.list li::after { border-bottom: 0px solid var(--dark-gray); } .contentblock-item ul.list li b { display: block; } .contentblock-item ul.bulletpoint { margin-left: 14px; list-style-type: disc; } .contentblock-item .table-container { width: 100%; float: left; position: relative; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } @media (max-width: 767px) { .contentblock-item .table-container { box-shadow: none; border-radius: 0; } } .contentblock-item .table-container table { width: 100%; vertical-align: middle; border-collapse: collapse; white-space: nowrap; position: relative; } @media (max-width: 767px) { .contentblock-item .table-container table { box-shadow: none; border-radius: 0; } } .contentblock-item .table-container table th { display: table-cell; text-align: left; padding: 0.5rem 0.75rem; border-bottom: 0px solid var(--base-color); margin-bottom: 0.5rem; font-weight: bold; } .contentblock-item .table-container table th[align=right] { text-align: right; } .contentblock-item .table-container table th[align=center] { text-align: center; } .contentblock-item .table-container table th[align=left] { text-align: left; } .contentblock-item .table-container table tr { background: transparent; /* &:nth-child(even) { background: $light-gray; @include mobile { background: transparent; } } */ border-bottom: 1px solid var(--light-gray); transition: background-color 0.2s ease; } .contentblock-item .table-container table tr.no-header td:before { display: none; } .contentblock-item .table-container table td { display: table-cell; vertical-align: middle; padding: 0.5rem 0.75rem; max-width: 12rem; } @media (max-width: 767px) { .contentblock-item .table-container table td { max-width: 100%; } } .contentblock-item .table-container table td[align=right] { text-align: right; } .contentblock-item .table-container table td[align=center] { text-align: center; } .contentblock-item .table-container table td[align=left] { text-align: left; } .contentblock-item .table-container table td[data-label=Webseite] a, .contentblock-item .table-container table td[data-label=E-Mail] a { display: inline-block; text-indent: -9999px; white-space: nowrap; width: 1rem; height: 1.3rem; position: relative; } .contentblock-item .table-container table td[data-label=Webseite] a::before, .contentblock-item .table-container table td[data-label=E-Mail] a::before { position: absolute; top: 50%; left: 0; text-indent: 0; transform: translate(0, -50%); background-color: transparent; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; filter: invert(11%) sepia(85%) saturate(7324%) hue-rotate(354deg) brightness(99%) contrast(85%); } .contentblock-item .table-container table td[data-label=Webseite] a:hover::before, .contentblock-item .table-container table td[data-label=E-Mail] a:hover::before { transform: scale(1.05) translate(0, -50%); transition: transform 0.5s ease; } .contentblock-item .table-container table td[data-label=Webseite] a::after, .contentblock-item .table-container table td[data-label=E-Mail] a::after { display: none; } .contentblock-item .table-container table td[data-label=Webseite] a::before { background-image: url("/images/icon-extern.svg"); width: 0.9rem; height: 0.9rem; } .contentblock-item .table-container table td[data-label=E-Mail] a::before { background-image: url("/images/icon-email.svg"); width: 1.2rem; height: 1rem; } .contentblock-item .table-container table td { /* &[data-label="Telefon"] { a { &::before { background-image: url('/images/icon-phone.svg'); width: 1rem; height: 1rem; } } } */ } .contentblock-item .table-container table thead { vertical-align: middle; border-collapse: collapse; white-space: nowrap; position: relative; } .contentblock-item .table-container table thead tr { background: transparent; } .contentblock-item .table-container table tbody { vertical-align: middle; border-collapse: collapse; white-space: normal; position: relative; display: table-row-group; vertical-align: middle; border-color: var(--base-color); } @media (max-width: 767px) { .contentblock-item .table-container table table, .contentblock-item .table-container table thead, .contentblock-item .table-container table tbody, .contentblock-item .table-container table th, .contentblock-item .table-container table td, .contentblock-item .table-container table tr { display: block; } .contentblock-item .table-container table thead tr { display: none; } .contentblock-item .table-container table tr { margin-bottom: 1rem; padding: 0; border: 1px solid var(--gray); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .contentblock-item .table-container table td { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid var(--light-gray); margin: 0; white-space: normal; } .contentblock-item .table-container table td:last-child { border-bottom: none; } .contentblock-item .table-container table td:before { content: attr(data-label); font-weight: bold; color: var(--base-color); flex: 1; margin-right: 1rem; } .contentblock-item .table-container table td:first-child { background-color: var(--light-gray); } .contentblock-item .table-container table td:first-child:before { color: var(--black); } .contentblock-item .table-container table td[align=right] { text-align: right; } .contentblock-item .table-container table td[align=center] { text-align: center; } .contentblock-item .table-container table td[align=left] { text-align: left; } .contentblock-item .table-container table tbody { display: block; width: 100%; } .contentblock-item .table-container table tr:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); transform: translateY(-1px); transition: all 0.2s ease; } } .contentblock-item .space { margin: 2rem 0; float: left; display: block; width: 100%; } @media (max-width: 767px) { .contentblock-item .space { margin: 1rem 0; } } .contentblock-item .map-marker { width: 30px; height: 30px; background-color: var(--highlight-color); mask: url("/images/icon-map.svg") no-repeat center; -webkit-mask: url("/images/icon-map.svg") no-repeat center; mask-size: contain; -webkit-mask-size: contain; } :where(.contentblock-item) a:not(.btn, .button, .overall-link) { position: relative; color: var(--base-color); } :where(.contentblock-item) a:not(.btn, .button, .overall-link):after, :where(.contentblock-item) a:not(.btn, .button, .overall-link):before { content: ""; position: absolute; bottom: 0; height: 1px; width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } :where(.contentblock-item) a:not(.btn, .button, .overall-link):after { right: 0; width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :where(.contentblock-item) a:not(.btn, .button, .overall-link):after { background-color: var(--base-color); } :where(.contentblock-item) a:not(.btn, .button, .overall-link):before { background-color: var(--highlight-color); } :where(.contentblock-item) a:not(.btn, .button, .overall-link):hover:before { width: 100%; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1); } :where(.contentblock-item) a:not(.btn, .button, .overall-link):hover:after { width: 0; transition: width 800ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .contentblock-item:has(.minus-space) { margin-block: calc(-2rem * var(--ui-scale)); } /* Das vorherige Geschwister-Element von contentblock-item mit minus-space */ .contentblock-item:has(.minus-space) + .contentblock-item, .contentblock-item:has(.minus-space) + * { margin-top: calc(-1rem * var(--ui-scale)); } .contentblock-item:has(h3.title, h4.title, h5.title), .contentblock-item:has(h3.title, h4.title, h5.title) + .contentblock-item { margin-block: calc(1rem * var(--ui-scale)) 0; } .contentblock-item:has(> .button, > .btn) { margin-block: 0 calc(1rem * var(--ui-scale)); } /* Theme */ /* Theme */ /*------------------------------------------------------------------------------------------------------------------------------ FREEFORM ------------------------------------------------------------------------------------------------------------------------------*/ form button { border: 1px solid var(--highlight-color); border-radius: 30px; background-color: var(--highlight-color); padding: 5px 15px; } @media (max-width: 767px) { form [data-freeform-controls] { justify-content: flex-start; } } .freeform-row [class*=freeform-col-] .freeform-label { margin-bottom: 0.5rem; color: var(--black) !important; } .freeform-row [class*=freeform-col-] label { display: flex !important; font-weight: normal !important; letter-spacing: 0; } @media (max-width: 767px) { .freeform-row [class*=freeform-col-] { padding: 0 !important; } } .freeform-row [class*=freeform-col-] input:not([type=radio]):not([type=checkbox]), .freeform-row [class*=freeform-col-] textarea, .freeform-row [class*=freeform-col-] select { box-sizing: border-box; width: 100%; display: block; font: normal 16px sans-serif; color: var(--base-color) !important; background-color: var(--light-gray) !important; border: 1px solid #cbced0 !important; border-radius: 5px !important; padding: 0.5rem 1rem !important; margin-bottom: 1rem !important; resize: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .freeform-row [class*=freeform-col-] input:not([type=radio]):not([type=checkbox])::placeholder, .freeform-row [class*=freeform-col-] textarea::placeholder, .freeform-row [class*=freeform-col-] select::placeholder { color: var(--black) !important; letter-spacing: 0; } #form-input-auswahl { width: 100%; min-height: 120px; color: var(--base-color) !important; background-color: var(--light-gray) !important; border: none !important; border-radius: 5px !important; padding: 0.5rem 1rem !important; margin-bottom: 1rem !important; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; cursor: pointer; transition: all 0.3s ease; display: block; box-sizing: border-box; } #form-input-auswahl:hover, #form-input-auswahl:focus { background-color: var(--light-gray) !important; outline: none; } #form-input-auswahl option { padding: 0.5rem; margin: 2px 0; } #form-input-auswahl option:checked { background: var(--second-color) !important; color: white !important; } .freeform-input[type=radio], .freeform-input[type=checkbox] { appearance: none !important; -webkit-appearance: none !important; width: 10px !important; height: 10px !important; /*border: none !important;*/ border-radius: 50% !important; background: var(--light-gray) !important; margin: 0 10px 0 0 !important; outline: none !important; transition: border-color 0.3s ease-in-out !important; display: flex !important; float: left !important; clear: both; transform: none !important; } .freeform-input[type=radio]:checked, .freeform-input[type=checkbox]:checked { background: var(--second-color) !important; } .freeform-fieldtype-checkbox { display: flex; align-items: center; } .freeform-fieldtype-checkbox input { margin-bottom: 0 !important; } .freeform-fieldtype-checkbox label { margin: 0 !important; } .freeform-form button { color: var(--white) !important; background: var(--second-color) !important; border: 0px solid var(--highlight-color) !important; border-radius: 0 !important; padding: 15px 30px !important; margin: 1rem 0 0 0 !important; font: inherit !important; font-size: 0.8rem !important; line-height: 1 !important; text-align: center; text-decoration: none; transition: all 0.3s ease; } .freeform-form button:hover { background: var(--fourth-color) !important; color: var(--white) !important; } [data-freeform-controls] > div button { margin: 0 0 !important; } .freeform-col-12.freeform-fieldtype-html { font-size: 0.8rem; } .g-recaptcha { padding: 2rem 0 !important; } header.header--1.home { position: absolute; background: linear-gradient(180deg, rgba(84, 55, 58, 0.5) 0%, rgba(84, 55, 58, 0) 100%); } header.header--1.home a.logo { filter: invert(1) brightness(10); } @media (min-width: 768px) { header.header--1.home nav.navigation ul.mainmenu li a:not(.btn), header.header--1.home nav.navigation ul.mainmenu li span { color: var(--white); } header.header--1.home nav.navigation ul.mainmenu li.current a:not(.btn), header.header--1.home nav.navigation ul.mainmenu li.current span { color: var(--highlight-color); } header.header--1.home nav.navigation ul.mainmenu li:hover a:not(.btn), header.header--1.home nav.navigation ul.mainmenu li:hover span { color: var(--highlight-color); } header.header--1.home .subentry > span:before { filter: invert(1) brightness(10); } } @media (max-width: 767px) { header.header--1.home .hamburger .line1, header.header--1.home .hamburger .line2, header.header--1.home .hamburger .line3 { background-color: var(--white); } } header.header--1.home.fadein { background: var(--white); } header.header--1.home.fadein a.logo { filter: none; } @media (min-width: 768px) { header.header--1.home.fadein nav.navigation ul.mainmenu li a:not(.btn), header.header--1.home.fadein nav.navigation ul.mainmenu li span { color: var(--base-color); } header.header--1.home.fadein nav.navigation ul.mainmenu li.current a:not(.btn), header.header--1.home.fadein nav.navigation ul.mainmenu li.current span { color: var(--second-color); } header.header--1.home.fadein nav.navigation ul.mainmenu li:hover a:not(.btn), header.header--1.home.fadein nav.navigation ul.mainmenu li:hover span { color: var(--second-color); } } @media (max-width: 767px) { header.header--1.home.fadein .hamburger .line1, header.header--1.home.fadein .hamburger .line2, header.header--1.home.fadein .hamburger .line3 { background-color: var(--base-color); } header.header--1.home.fadein .hamburger.is-active .line1, header.header--1.home.fadein .hamburger.is-active .line2, header.header--1.home.fadein .hamburger.is-active .line3 { background-color: var(--white); } } header.header--2.home { position: relative; } /*------------------------------------------------------------------------------------------------------------------------------ FOOTER ------------------------------------------------------------------------------------------------------------------------------*/ footer { position: relative; display: inline-block; width: 100%; padding: 0; margin-top: 0; margin-left: 0; margin-right: 0; } footer p { margin-bottom: 0; line-height: 1.5; } footer h2, footer h3 { font-family: "font", sans-serif; font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } footer span.caption { margin-bottom: 1rem; display: inline-block; } footer .privacy { padding: 2rem 0 0; } @media (max-width: 767px) { footer .privacy { flex-direction: column; } } footer .privacy .privacy-links { display: flex; align-items: start; } footer .privacy .privacy-links a { margin: 0 10px 0 0; } @media (max-width: 767px) { footer .privacy .privacy-links a { margin: 0 20px 0 0; } } footer .privacy a, footer .privacy p, footer .privacy span, footer .privacy h1, footer .privacy h2, footer .privacy h3, footer .privacy h4, footer .privacy h5, footer .privacy h6 { font-size: 0.7rem; } @media (max-width: 767px) { footer .privacy a, footer .privacy p, footer .privacy span, footer .privacy h1, footer .privacy h2, footer .privacy h3, footer .privacy h4, footer .privacy h5, footer .privacy h6 { font-size: 1rem; } } footer .copyright { display: grid; width: 100%; float: left; padding-left: 0; padding-right: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; } footer .copyright p, footer .copyright a { margin: 0; font-size: 0.8rem; font-weight: 500; } footer .copyright span { position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; font-size: 0.8rem; } footer .copyright span:first-child:after { content: "|"; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: var(--base-color); } footer .copyright a:hover { color: var(--second-color); } #smooth-wrapper footer { display: inline-block; } /*------------------------------------------------------------------------------------------------------------------------------ HERO ------------------------------------------------------------------------------------------------------------------------------*/ .hero.home.hero--1 { position: relative; width: 100%; height: calc(var(--vh, 1vh) * 100); display: flex; margin: 0 auto; overflow: hidden; background-color: var(--base-color); border-radius: 0; } @media (orientation: landscape) and (min-width: 768px) and (max-height: 50rem) { .hero.home.hero--1 { height: 50rem; } } .hero.home.hero--1 .hero-text { position: absolute; width: 65rem; bottom: 4rem; left: 2rem; padding: 0; z-index: 3; } @media (max-width: 767px) { .hero.home.hero--1 .hero-text { left: 1rem; width: calc(100% - 2rem); bottom: 2rem; } } .hero.home.hero--1 .hero-text h1, .hero.home.hero--1 .hero-text h2, .hero.home.hero--1 .hero-text p { color: var(--white); margin: 0; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .hero.home.hero--1 .hero-text span.slogan { font-family: "font", sans-serif; font-size: 1rem; font-weight: 300; color: var(--white); margin-top: 1rem; } .hero.home.hero--1 .hero-img-container { width: 100%; height: 100%; overflow: hidden; } .hero.home.hero--1 .hero-img-container img.hero-parallax-img { width: 100%; height: 100%; object-fit: cover; } .hero.home.hero--1 .hero-img-container .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.4; z-index: 1; } @media (max-width: 767px) { .hero.home.hero--1 .hero-img-container .hero-overlay { opacity: 0.5; } } .hero.home.hero--2 { position: relative; width: 100%; } .hero.home.hero--2 .hero-img-container { width: 100%; height: 50rem; overflow: hidden; } @media (max-width: 767px) { .hero.home.hero--2 .hero-img-container { height: 30rem; } } .hero.home.hero--2 .hero-img-container img.hero-parallax-img { width: 100%; height: 100%; object-fit: cover; } .hero.home.hero--2 .hero-text .slogan { margin-top: 1rem; } .hero.hero--1 { position: relative; width: 100%; height: 30rem; display: flex; margin: 0 auto; overflow: hidden; background-color: var(--base-color); border-radius: 0; } @media (orientation: landscape) and (min-width: 768px) and (max-height: 50rem) { .hero.hero--1 { height: 50rem; } } @media (max-width: 767px) { .hero.hero--1 { height: 15rem; } } .hero.hero--1 .hero-text { position: absolute; width: 65rem; top: 50%; transform: translateY(-50%); left: calc((100vw - 100vw / 12 * 10) / 2 - 1rem); padding: 0; z-index: 3; } @media (max-width: 767px) { .hero.hero--1 .hero-text { left: 1rem; width: calc(100% - 2rem); transform: translateY(-50%); } } .hero.hero--1 .hero-text h1, .hero.hero--1 .hero-text h2, .hero.hero--1 .hero-text p { color: var(--white); margin: 0; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .hero.hero--1 .hero-text span.slogan { font-family: "font", sans-serif; font-size: 1rem; font-weight: 300; color: var(--white); } .hero.hero--1 .hero-img-container { width: 100%; height: 100%; overflow: hidden; } .hero.hero--1 .hero-img-container img.hero-parallax-img { width: 100%; height: 100%; object-fit: cover; } .hero.hero--1 .hero-img-container .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--base-color); opacity: 0.4; z-index: 1; } @media (max-width: 767px) { .hero.hero--1 .hero-img-container .hero-overlay { opacity: 0.5; } } .hero.hero--2 { position: relative; width: 100%; } .hero.hero--2 .hero-img-container { width: 100%; height: 30rem; overflow: hidden; } @media (max-width: 767px) { .hero.hero--2 .hero-img-container { height: 15rem; } } .hero.hero--2 .hero-img-container img.hero-parallax-img { width: 100%; height: 100%; object-fit: cover; } /*------------------------------------------------------------------------------------------------------------------------------ THEME ------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------- GLOBAL PROJECT INDIVIDUAL --------------------------------------------------------------------------*/ .contact-info h3 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; } .geschichte .swiper-slide { opacity: 0.5; transition: all ease 0.5s; } .geschichte .swiper-slide.swiper-slide-active { opacity: 1; } .swiper-timeline .swiper-slide .time-line { width: 100%; height: 1px; position: absolute; left: 0; } .swiper-timeline .swiper-slide span.caption { margin-top: 2em; display: block; font-weight: 700; position: absolute; white-space: nowrap; transform: translate(-50%, 0); color: var(--base-color); } .swiper-timeline .tab-dot { position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); height: 14px; width: 14px; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } .swiper-timeline .swiper-slide-thumb-active .tab-dot { background-color: var(--highlight-color); } .swiper-timeline .swiper-slide-thumb-active .tab-dot::after { content: ""; position: absolute; left: 50%; top: 50%; height: calc(100% + 4px); width: calc(100% + 4px); background: transparent; border: 1px solid var(--highlight-color); border-radius: 50%; transform: translate(-50%, -50%); } .swiper-timeline .swiper-slide-thumb-active span.caption { color: var(--highlight-color); } /*------------------------------------------------------------------------------------------------------------------------------ VARIABLES ------------------------------------------------------------------------------------------------------------------------------*/