@layer resets, defaults, definitions, modifiers; /* Useful functions assumes variables have already been imported */ /* A personal collection of usefull mixins I created the flexbox one and consider it the most useful Some of them are not that necesary cuz the were mean for prefixing, but autoprefixer solves that already assumes variables have already been imported */ /** MAIN STYLESHEET project definitions base layout ruling module concatenation */ @media only screen{ @layer resets { :root { --rgb-primary: 30, 133, 73; --rgb-primary-complement: 0, -8, 0; --rgb-secondary: 46, 204, 113; --rgb-secondary-complement: 26, 188, 156; --rgb-danger: 231, 76, 60; --rgb-success: 37, 156, 33; --rgb-warning: 243, 156, 18; --rgb-light: 255, 255, 255; --rgb-dark: 0, 0, 0; } * { margin: 0; padding: 0; border: 0; position: relative; font-family: inherit; font-weight: inherit; font-size: 1em; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; vertical-align: inherit; box-sizing: border-box; } *::before, *::after { box-sizing: inherit; } *:active, *:focus, *:hover { outline: 0; } svg { width: inherit; height: inherit; } svg [_fill] { fill: none; stroke: none; } textarea { resize: vertical; } button { background: transparent; } small { font-size: 0.7em; } a { text-decoration: none; } p { white-space: inherit; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; /* This is the dangerous one in WebKit, as it breaks things wherever */ /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ hyphens: none; } p > a, p > button { display: inline-flex; } html { text-rendering: optimizelegibility; } input[type=number]:not(.--arrows) { /* Firefox */ appearance: textfield; /* Chrome, Safari, Edge, Opera */ } input[type=number]:not(.--arrows)::-webkit-outer-spin-button, input[type=number]:not(.--arrows)::-webkit-inner-spin-button { appearance: none; margin: 0; } i:not(.icon, .svg) { font-style: italic; } ul, ol { list-style: none; } a, button, textarea { appearance: none; } a, button, label { text-align: center; cursor: pointer; } a:not(:disabled, [disabled]:not([disabled=false])):hover, button:not(:disabled, [disabled]:not([disabled=false])):hover, label:not(:disabled, [disabled]:not([disabled=false])):hover, select:not(:disabled, [disabled]:not([disabled=false])):hover, datalist:not(:disabled, [disabled]:not([disabled=false])):hover { cursor: pointer; } a.is--routeExact:not([class*=toggle--], .no--route, .no--routeExact), button.is--routeExact:not([class*=toggle--], .no--route, .no--routeExact), label.is--routeExact:not([class*=toggle--], .no--route, .no--routeExact), select.is--routeExact:not([class*=toggle--], .no--route, .no--routeExact), datalist.is--routeExact:not([class*=toggle--], .no--route, .no--routeExact) { pointer-events: none; } a, button, select, datalist, label, label:after, .box, .svg [fill]:not([fill=none]), i.icon:before, *[data-tooltip]:before, [class*=avatar], [class*=avatar] img { transition: all 0.1s ease-out, background-image 0s; } } @layer definitions { code { font-family: "Courier New", courier, monospace; } dialog { margin: auto; background: transparent; overflow: visible; position: fixed; } dialog > .modal { max-width: calc(100vw - 2.4rem); max-width: calc(100dvw - 2.4rem); max-height: calc(100vh - 2.4rem); max-height: calc(100dvh - 2.4rem); } dialog::backdrop { background: rgba(var(--rgb-dark), 0.3); backdrop-filter: blur(1rem) saturate(2); } dialog[open]:has(dialog[open]) { transform: scale(0.9); } [data-tooltip] { overflow: visible; } [data-tooltip]::before { content: attr(data-tooltip); width: max-content; display: block; overflow: hidden; z-index: 15; position: absolute; opacity: 0; color: rgba(var(--rgb-light), 1); padding: 0 0.4rem; text-align: center; font-size: 0.7rem; border-radius: 0.4rem; font-weight: 400; box-shadow: 3px 3px 9px rgba(var(--rgb-dark), 0.3); box-sizing: content-box; border: 2px solid rgba(var(--rgb-light), 0.1); background: rgba(var(--rgb-dark), 1); pointer-events: none; text-shadow: none; } [data-tooltip][data-tooltip-bg=light]:before { color: #2f4858; } [data-tooltip][data-tooltip-bg=lightComplement]:before { color: rgba(var(--rgb-primary-complement), 1); background: rgba(var(--rgb-light), 1); } [data-tooltip][data-tooltip-bg=secondary-complement]:before { background: rgba(var(--rgb-secondary), 1); } [data-tooltip][data-tooltip-bg=primary]:before { background: rgba(var(--rgb-primary), 1); } [data-tooltip][data-tooltip-color=primary]:before { color: rgba(var(--rgb-primary), 1); } [data-tooltip][data-tooltip-bg=primary-complement]:before { background: rgba(var(--rgb-primary-complement), 1); } [data-tooltip][data-tooltip-color=primary-complement]:before { color: rgba(var(--rgb-primary-complement), 1); } [data-tooltip][data-tooltip-bg=secondary]:before { background: rgba(var(--rgb-secondary), 1); } [data-tooltip][data-tooltip-color=secondary]:before { color: rgba(var(--rgb-secondary), 1); } [data-tooltip][data-tooltip-bg=secondary-complement]:before { background: rgba(var(--rgb-secondary-complement), 1); } [data-tooltip][data-tooltip-color=secondary-complement]:before { color: rgba(var(--rgb-secondary-complement), 1); } [data-tooltip][data-tooltip-bg=danger]:before { background: rgba(var(--rgb-danger), 1); } [data-tooltip][data-tooltip-color=danger]:before { color: rgba(var(--rgb-danger), 1); } [data-tooltip][data-tooltip-bg=success]:before { background: rgba(var(--rgb-success), 1); } [data-tooltip][data-tooltip-color=success]:before { color: rgba(var(--rgb-success), 1); } [data-tooltip][data-tooltip-bg=warning]:before { background: rgba(var(--rgb-warning), 1); } [data-tooltip][data-tooltip-color=warning]:before { color: rgba(var(--rgb-warning), 1); } [data-tooltip][data-tooltip-bg=light]:before { background: rgba(var(--rgb-light), 1); } [data-tooltip][data-tooltip-color=light]:before { color: rgba(var(--rgb-light), 1); } [data-tooltip][data-tooltip-bg=dark]:before { background: rgba(var(--rgb-dark), 1); } [data-tooltip][data-tooltip-color=dark]:before { color: rgba(var(--rgb-dark), 1); } [data-tooltip][data-tooltip-text]:before { max-width: 40ch; } [data-tooltip]:not([data-tooltip-text]):before { white-space: nowrap; text-transform: capitalize; } [data-tooltip][data-tooltip-top=left]::before, [data-tooltip][data-tooltip-p=top-left]::before { top: 0; left: 0; transform: translateY(calc(-100% - 0.4em)); } [data-tooltip][data-tooltip-top=right]::before, [data-tooltip][data-tooltip-p=top-right]::before { top: 0; right: 0; transform: translateY(calc(-100% - 0.4em)); } [data-tooltip][data-tooltip-top]::before, [data-tooltip][data-tooltip-p=top]::before, [data-tooltip][data-tooltip-position=top]::before { top: 0; left: 50%; transform: translate(-50%, calc(-100% - 0.4em)); } [data-tooltip][data-tooltip-right=top]::before, [data-tooltip][data-tooltip-p=right-top]::before { top: 0; right: 0; transform: translateX(calc(100% + 0.4em)); } [data-tooltip][data-tooltip-right=bottom]::before, [data-tooltip][data-tooltip-p=right-bottom]::before { bottom: 0; right: 0; transform: translateX(calc(100% + 0.4em)); } [data-tooltip][data-tooltip-right]::before, [data-tooltip][data-tooltip-p=right]::before, [data-tooltip][data-tooltip-position=right]::before { top: 50%; right: 0; transform: translate(calc(100% + 0.4em), -50%); } [data-tooltip][data-tooltip-left=top]::before, [data-tooltip][data-tooltip-p=left-top]::before { top: 0; left: 0; transform: translateX(calc(-100% - 0.4em)); } [data-tooltip][data-tooltip-left=bottom]::before, [data-tooltip][data-tooltip-p=left-bottom]::before { bottom: 0; left: 0; transform: translateX(calc(-100% - 0.4em)); } [data-tooltip][data-tooltip-left]::before, [data-tooltip][data-tooltip-p=left]::before, [data-tooltip][data-tooltip-position=left]::before { top: 50%; left: 0; transform: translate(calc(-100% - 0.4em), -50%); } [data-tooltip][data-tooltip-bottom=left]::before, [data-tooltip][data-tooltip-p=bottom-left]::before { bottom: 0; left: 0; transform: translateY(calc(100% + 0.4em)); } [data-tooltip][data-tooltip-bottom=right]::before, [data-tooltip][data-tooltip-p=bottom-right]::before { bottom: 0; right: 0; transform: translateY(calc(100% + 0.4em)); } [data-tooltip][data-tooltip-bottom]::before, [data-tooltip][data-tooltip-p=bottom]::before, [data-tooltip][data-tooltip-position=bottom]::before, [data-tooltip]:not([data-tooltip-position], [data-tooltip-p], [data-tooltip-bottom], [data-tooltip-top], [data-tooltip-left], [data-tooltip-right])::before { bottom: 0; left: 50%; transform: translate(-50%, calc(100% + 0.4em)); } [disabled]:not([disabled=false]) [data-tooltip]::before, [disabled]:not([disabled=false])[data-tooltip]::before, .is--routeExact:not(.no--route, .no--routeExact) [data-tooltip]::before, .is--routeExact:not(.no--route, .no--routeExact)[data-tooltip]::before, [class*=toggle--].only--active.is--active [data-tooltip]::before, [class*=toggle--].only--active.is--active[data-tooltip]::before { opacity: 0; } hr { opacity: 0.2; background-repeat: round; background-position: 50% 50%; flex: 0 0 auto; display: block; } hr:last-child:not(:nth-child(2), :only-child) { display: none; } hr.--tm-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%231e8549'/%3E%3C/svg%3E"); } hr.--tm-primary.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231e8549'/%3E%3C/svg%3E"); } hr.--tm-primary.--solid { background: rgba(var(--rgb-primary), 1); } hr.--tm-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } hr.--tm-primary-complement.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } hr.--tm-primary-complement.--solid { background: rgba(var(--rgb-primary-complement), 1); } hr:not([class*="--tm-"]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr:not([class*="--tm-"]).--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr:not([class*="--tm-"]).--solid { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr.--tm-secondary.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr.--tm-secondary.--solid { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%231abc9c'/%3E%3C/svg%3E"); } hr.--tm-secondary-complement.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231abc9c'/%3E%3C/svg%3E"); } hr.--tm-secondary-complement.--solid { background: rgba(var(--rgb-secondary-complement), 1); } hr.--tm-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23e74c3c'/%3E%3C/svg%3E"); } hr.--tm-danger.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23e74c3c'/%3E%3C/svg%3E"); } hr.--tm-danger.--solid { background: rgba(var(--rgb-danger), 1); } hr.--tm-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23259c21'/%3E%3C/svg%3E"); } hr.--tm-success.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23259c21'/%3E%3C/svg%3E"); } hr.--tm-success.--solid { background: rgba(var(--rgb-success), 1); } hr.--tm-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23f39c12'/%3E%3C/svg%3E"); } hr.--tm-warning.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23f39c12'/%3E%3C/svg%3E"); } hr.--tm-warning.--solid { background: rgba(var(--rgb-warning), 1); } hr.--tm-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23fff'/%3E%3C/svg%3E"); } hr.--tm-light.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23fff'/%3E%3C/svg%3E"); } hr.--tm-light.--solid { background: rgba(var(--rgb-light), 1); } hr.--tm-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='1' viewBox='0 0 12 1'%3E%3Crect width='6' height='1' transform='translate(3 0)' fill='%23000'/%3E%3C/svg%3E"); } hr.--tm-dark.--vertical { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23000'/%3E%3C/svg%3E"); } hr.--tm-dark.--solid { background: rgba(var(--rgb-dark), 1); } .emoji { display: inline; width: 1.4em; height: 1.4em; margin-bottom: -0.3em; font-size: inherit; user-select: none; touch-action: manipulation; } i.icon { width: auto; height: 1em; font-size: 1rem; } i.icon:not(.--logo).--square { width: 1em; } i.icon.--indicator { transition: transform 0.3s ease-out; } .is--active i.icon.--indicator { transform: rotate(180deg); } i.icon.--size-10 { font-size: 0.6666666667em; } i.icon.--size-15 { font-size: 1em; } i.icon.--size-20 { font-size: 1.3333333333em; } i.icon.--size-25 { font-size: 1.6666666667em; } i.icon.--size-30 { font-size: 2em; } i.icon.--size-35 { font-size: 2.3333333333em; } i.icon.--size-40 { font-size: 2.6666666667em; } i.icon.--size-45 { font-size: 3em; } i.icon.--size-50 { font-size: 3.3333333333em; } i.icon { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } i.icon::before { text-align: center; } a:not(.bttnToggle):hover .svg, a:not(.bttnToggle).is--active .svg, a:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg, label:not(.bttnToggle):hover .svg, label:not(.bttnToggle).is--active .svg, label:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg, button:not(.bttnToggle):hover .svg, button:not(.bttnToggle).is--active .svg, button:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg { --cl: var(--cl-a, #2f4858); } a:not(.bttnToggle):hover .svg.--logo, a:not(.bttnToggle).is--active .svg.--logo, a:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg.--logo, label:not(.bttnToggle):hover .svg.--logo, label:not(.bttnToggle).is--active .svg.--logo, label:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg.--logo, button:not(.bttnToggle):hover .svg.--logo, button:not(.bttnToggle).is--active .svg.--logo, button:not(.bttnToggle).is--routeExact:not(.no--route, .no--routeExact) .svg.--logo { --cl: var(--cl-l, rgba(var(--rgb-primary), 1)); } .svg { width: auto; height: 1em; font-size: 1rem; } .svg:not(.--logo).--square { width: 1em; } .svg.--indicator { transition: transform 0.3s ease-out; } .is--active .svg.--indicator { transform: rotate(180deg); } .svg.--size-10 { font-size: 0.6666666667em; } .svg.--size-15 { font-size: 1em; } .svg.--size-20 { font-size: 1.3333333333em; } .svg.--size-25 { font-size: 1.6666666667em; } .svg.--size-30 { font-size: 2em; } .svg.--size-35 { font-size: 2.3333333333em; } .svg.--size-40 { font-size: 2.6666666667em; } .svg.--size-45 { font-size: 3em; } .svg.--size-50 { font-size: 3.3333333333em; } .svg, .svg svg { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .svg:not(.no--override) [fill]:not([fill=none], .no--override) { fill: var(--cl, var(--cls, rgba(var(--rgb-secondary), 1))); } .svg:hover, .svg.is--active, .svg.is--routeExact:not(.no--route, .no--routeExact) { --cl: var(--cl-a, #2f4858); } .svg:hover.--logo, .svg.is--active.--logo, .svg.is--routeExact:not(.no--route, .no--routeExact).--logo { --cl: var(--cl-l, rgba(var(--rgb-primary), 1)); } .svg.--tm-light:not(.no--override) { filter: drop-shadow(1px 1px 1px rgba(var(--rgb-dark), 0.3)); } .svg [fill=none] { display: none; } .box { border: 2px solid transparent; overflow: visible; } .box.is--alert:after { content: ""; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; bottom: -0.4rem; border-width: 4px; border-style: solid; border-radius: 50%; border-color: var(--bc, transparent); box-shadow: 1px 1px 3px rgba(var(--rgb-dark), 0.2); } .box:disabled, .box[disabled]:not([disabled=false]) { pointer-events: none; opacity: 0.3; } .box.is--alert:after { background-color: var(--bg, transparent); } .box.--size-xs { border-radius: 0.9331rem; } .box.--size-sm { border-radius: 1.13305rem; } .box:not([class*="--size-"]) { border-radius: 1.333rem; } .box.--size-md { border-radius: 1.333rem; } .box.--size-lg { border-radius: 1.8662rem; } .box.--size-xl { border-radius: 2.9326rem; } .box.--size-xx { border-radius: 4.7988rem; } .box.--size-mx { border-radius: 6.3984rem; } .box.--tm-primary.--bdr-solid, .box.--tm-primary.--bdr-dashed { border-color: rgba(var(--rgb-primary), 0.1); } .box.--tm-primary:hover { border-color: rgba(var(--rgb-primary), 0.1); } .box.--tm-primary.--button:hover, .box.--tm-primary.--button.is--active, .box.--tm-primary.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-primary.--bttn:hover, .box.--tm-primary.--bttn.is--active, .box.--tm-primary.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-primary), 0.2); } .box.--tm-primary.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-primary.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-primary), 0.3); } .box.--tm-primary-complement.--bdr-solid, .box.--tm-primary-complement.--bdr-dashed { border-color: rgba(var(--rgb-primary-complement), 0.1); } .box.--tm-primary-complement:hover { border-color: rgba(var(--rgb-primary-complement), 0.1); } .box.--tm-primary-complement.--button:hover, .box.--tm-primary-complement.--button.is--active, .box.--tm-primary-complement.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-primary-complement.--bttn:hover, .box.--tm-primary-complement.--bttn.is--active, .box.--tm-primary-complement.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-primary-complement), 0.2); } .box.--tm-primary-complement.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-primary-complement.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-primary-complement), 0.3); } .box:not([class*="--tm-"]).--bdr-solid, .box:not([class*="--tm-"]).--bdr-dashed { border-color: rgba(var(--rgb-secondary), 0.1); } .box:not([class*="--tm-"]):hover { border-color: rgba(var(--rgb-secondary), 0.1); } .box:not([class*="--tm-"]).--button:hover, .box:not([class*="--tm-"]).--button.is--active, .box:not([class*="--tm-"]).--button.is--routeExact:not(.no--route, .no--routeExact), .box:not([class*="--tm-"]).--bttn:hover, .box:not([class*="--tm-"]).--bttn.is--active, .box:not([class*="--tm-"]).--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-secondary), 0.2); } .box:not([class*="--tm-"]).--button .box:not(.--bdr-solid, .--bdr-dashed), .box:not([class*="--tm-"]).--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-secondary), 0.3); } .box.--tm-secondary.--bdr-solid, .box.--tm-secondary.--bdr-dashed { border-color: rgba(var(--rgb-secondary), 0.1); } .box.--tm-secondary:hover { border-color: rgba(var(--rgb-secondary), 0.1); } .box.--tm-secondary.--button:hover, .box.--tm-secondary.--button.is--active, .box.--tm-secondary.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-secondary.--bttn:hover, .box.--tm-secondary.--bttn.is--active, .box.--tm-secondary.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-secondary), 0.2); } .box.--tm-secondary.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-secondary.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-secondary), 0.3); } .box.--tm-secondary-complement.--bdr-solid, .box.--tm-secondary-complement.--bdr-dashed { border-color: rgba(var(--rgb-secondary-complement), 0.1); } .box.--tm-secondary-complement:hover { border-color: rgba(var(--rgb-secondary-complement), 0.1); } .box.--tm-secondary-complement.--button:hover, .box.--tm-secondary-complement.--button.is--active, .box.--tm-secondary-complement.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-secondary-complement.--bttn:hover, .box.--tm-secondary-complement.--bttn.is--active, .box.--tm-secondary-complement.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-secondary-complement), 0.2); } .box.--tm-secondary-complement.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-secondary-complement.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-secondary-complement), 0.3); } .box.--tm-danger.--bdr-solid, .box.--tm-danger.--bdr-dashed { border-color: rgba(var(--rgb-danger), 0.1); } .box.--tm-danger:hover { border-color: rgba(var(--rgb-danger), 0.1); } .box.--tm-danger.--button:hover, .box.--tm-danger.--button.is--active, .box.--tm-danger.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-danger.--bttn:hover, .box.--tm-danger.--bttn.is--active, .box.--tm-danger.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-danger), 0.2); } .box.--tm-danger.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-danger.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-danger), 0.3); } .box.--tm-success.--bdr-solid, .box.--tm-success.--bdr-dashed { border-color: rgba(var(--rgb-success), 0.1); } .box.--tm-success:hover { border-color: rgba(var(--rgb-success), 0.1); } .box.--tm-success.--button:hover, .box.--tm-success.--button.is--active, .box.--tm-success.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-success.--bttn:hover, .box.--tm-success.--bttn.is--active, .box.--tm-success.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-success), 0.2); } .box.--tm-success.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-success.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-success), 0.3); } .box.--tm-warning.--bdr-solid, .box.--tm-warning.--bdr-dashed { border-color: rgba(var(--rgb-warning), 0.1); } .box.--tm-warning:hover { border-color: rgba(var(--rgb-warning), 0.1); } .box.--tm-warning.--button:hover, .box.--tm-warning.--button.is--active, .box.--tm-warning.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-warning.--bttn:hover, .box.--tm-warning.--bttn.is--active, .box.--tm-warning.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-warning), 0.2); } .box.--tm-warning.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-warning.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-warning), 0.3); } .box.--tm-light.--bdr-solid, .box.--tm-light.--bdr-dashed { border-color: rgba(var(--rgb-light), 0.1); } .box.--tm-light:hover { border-color: rgba(var(--rgb-light), 0.1); } .box.--tm-light.--button:hover, .box.--tm-light.--button.is--active, .box.--tm-light.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-light.--bttn:hover, .box.--tm-light.--bttn.is--active, .box.--tm-light.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-light), 0.2); } .box.--tm-light.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-light.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-light), 0.3); } .box.--tm-dark.--bdr-solid, .box.--tm-dark.--bdr-dashed { border-color: rgba(var(--rgb-dark), 0.1); } .box.--tm-dark:hover { border-color: rgba(var(--rgb-dark), 0.1); } .box.--tm-dark.--button:hover, .box.--tm-dark.--button.is--active, .box.--tm-dark.--button.is--routeExact:not(.no--route, .no--routeExact), .box.--tm-dark.--bttn:hover, .box.--tm-dark.--bttn.is--active, .box.--tm-dark.--bttn.is--routeExact:not(.no--route, .no--routeExact) { background: rgba(var(--rgb-dark), 0.2); } .box.--tm-dark.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--tm-dark.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { box-shadow: 3px 3px 9px rgba(var(--rgb-dark), 0.3); } .box.--button, .box.--bttn { padding: 0.8rem; } .box.--button p, .box.--bttn p { text-align: center; } .box.--button .box:not(.--bdr-solid, .--bdr-dashed), .box.--bttn .box:not(.--bdr-solid, .--bdr-dashed) { border-color: transparent !important; } .box[class*="--square"] { margin-left: auto; margin-right: auto; overflow: hidden; } .box[class*="--square"]::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 100%; } .box[class*="--square"] > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .box[class*="--square"]:has(img) { padding: 0; } .box.--square-xs { width: 1.8rem; } .box.--square-sm { width: 3rem; } .box.--square { width: 4.5rem; } .box.--square-md { width: 4.5rem; } .box.--square-lg { width: 6rem; } .box.--square-xl { width: 9rem; } .bttnToggle { --cl-a: var(--cl); } .bttnToggle { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .bttnToggle.--round > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round .svg + span { display: none; } .bttnToggle.--size-xs.--round { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs:has(i.icon:only-child), .bttnToggle.--size-xs:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm:has(i.icon:only-child), .bttnToggle.--size-sm:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round { padding: 0; width: 2.4rem; } .bttnToggle:not([class*="--size-"]):has(i.icon:only-child), .bttnToggle:not([class*="--size-"]):has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round { padding: 0; width: 2.4rem; } .bttnToggle.--size-md:has(i.icon:only-child), .bttnToggle.--size-md:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg:has(i.icon:only-child), .bttnToggle.--size-lg:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl:has(i.icon:only-child), .bttnToggle.--size-xl:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx:has(i.icon:only-child), .bttnToggle.--size-xx:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx:has(i.icon:only-child), .bttnToggle.--size-mx:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttnToggle { flex: 0 0 auto; gap: 0.4em; } .bttnToggle { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .bttnToggle.is--alert:after { content: ""; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; bottom: -0.4rem; border-width: 4px; border-style: solid; border-radius: 50%; border-color: var(--bc, transparent); box-shadow: 1px 1px 3px rgba(var(--rgb-dark), 0.2); } .bttnToggle.--size-xs { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle:not([class*="--size-"]) { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-md { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx { height: 11.52rem; padding: 0 3.84rem; } .bttnToggle.--size-xs { border-radius: 0.7rem; border-width: 2px; } .bttnToggle.--size-sm { border-radius: 0.85rem; border-width: 2px; } .bttnToggle:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; } .bttnToggle.--size-md { border-radius: 1rem; border-width: 2px; } .bttnToggle.--size-lg { border-radius: 1.4rem; border-width: 3px; } .bttnToggle.--size-xl { border-radius: 2.2rem; border-width: 4px; } .bttnToggle.--size-xx { border-radius: 3.6rem; border-width: 5px; } .bttnToggle.--size-mx { border-radius: 4.8rem; border-width: 6px; } .bttnToggle:disabled, .bttnToggle[disabled]:not([disabled=false]) { pointer-events: none; opacity: 0.3; } .bttnToggle.is--alert:after { background-color: var(--bg, transparent); } .bttnToggle.is--alert i.icon:first-of-type, .bttnToggle.is--alert .svg:first-of-type, .bttnToggle.is--alert .bttnToggle-icon i.icon:first-of-type, .bttnToggle.is--alert .bttnToggle-icon .svg:first-of-type, .bttnToggle.is--active i.icon:first-of-type, .bttnToggle.is--active .svg:first-of-type, .bttnToggle.is--active .bttnToggle-icon i.icon:first-of-type, .bttnToggle.is--active .bttnToggle-icon .svg:first-of-type, .bttnToggle.is--routeExact:not(.no--route, .no--routeExact) i.icon:first-of-type, .bttnToggle.is--routeExact:not(.no--route, .no--routeExact) .svg:first-of-type, .bttnToggle.is--routeExact:not(.no--route, .no--routeExact) .bttnToggle-icon i.icon:first-of-type, .bttnToggle.is--routeExact:not(.no--route, .no--routeExact) .bttnToggle-icon .svg:first-of-type { --fa-display: none; display: none; } .bttnToggle:not(.is--alert, .is--active):not(.is--routeExact) i.icon:last-of-type, .bttnToggle:not(.is--alert, .is--active):not(.is--routeExact) .svg:last-of-type, .bttnToggle:not(.is--alert, .is--active):not(.is--routeExact) .bttnToggle-icon i.icon:last-of-type, .bttnToggle:not(.is--alert, .is--active):not(.is--routeExact) .bttnToggle-icon .svg:last-of-type, .bttnToggle:not(.is--alert, .is--active).is--routeExact:where(.no--route, .no--routeExact) i.icon:last-of-type, .bttnToggle:not(.is--alert, .is--active).is--routeExact:where(.no--route, .no--routeExact) .svg:last-of-type, .bttnToggle:not(.is--alert, .is--active).is--routeExact:where(.no--route, .no--routeExact) .bttnToggle-icon i.icon:last-of-type, .bttnToggle:not(.is--alert, .is--active).is--routeExact:where(.no--route, .no--routeExact) .bttnToggle-icon .svg:last-of-type { --fa-display: none; display: none; } .bttnToggle.--tm-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-primary), 0.1); } .bttnToggle.--tm-primary:hover { --bc: rgba(var(--rgb-primary), 0.3); } .bttnToggle.--tm-primary.is--alert, .bttnToggle.--tm-primary.is--active { --bg: rgba(var(--rgb-primary), 0.5); } .bttnToggle.--tm-primary.is--alert:after { --bc: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-primary.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-primary-complement), 0.1); } .bttnToggle.--tm-primary-complement:hover { --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnToggle.--tm-primary-complement.is--alert, .bttnToggle.--tm-primary-complement.is--active { --bg: rgba(var(--rgb-primary-complement), 0.5); } .bttnToggle.--tm-primary-complement.is--alert:after { --bc: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-primary-complement.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary-complement), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle:not([class*="--tm-"]) { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-secondary), 0.1); } .bttnToggle:not([class*="--tm-"]):hover { --bc: rgba(var(--rgb-secondary), 0.3); } .bttnToggle:not([class*="--tm-"]).is--alert, .bttnToggle:not([class*="--tm-"]).is--active { --bg: rgba(var(--rgb-secondary), 0.5); } .bttnToggle:not([class*="--tm-"]).is--alert:after { --bc: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle:not([class*="--tm-"]).is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-secondary), 0.1); } .bttnToggle.--tm-secondary:hover { --bc: rgba(var(--rgb-secondary), 0.3); } .bttnToggle.--tm-secondary.is--alert, .bttnToggle.--tm-secondary.is--active { --bg: rgba(var(--rgb-secondary), 0.5); } .bttnToggle.--tm-secondary.is--alert:after { --bc: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-secondary.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-secondary-complement), 0.1); } .bttnToggle.--tm-secondary-complement:hover { --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnToggle.--tm-secondary-complement.is--alert, .bttnToggle.--tm-secondary-complement.is--active { --bg: rgba(var(--rgb-secondary-complement), 0.5); } .bttnToggle.--tm-secondary-complement.is--alert:after { --bc: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-secondary-complement.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary-complement), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-danger), 0.1); } .bttnToggle.--tm-danger:hover { --bc: rgba(var(--rgb-danger), 0.3); } .bttnToggle.--tm-danger.is--alert, .bttnToggle.--tm-danger.is--active { --bg: rgba(var(--rgb-danger), 0.5); } .bttnToggle.--tm-danger.is--alert:after { --bc: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-danger.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-danger), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-success), 0.1); } .bttnToggle.--tm-success:hover { --bc: rgba(var(--rgb-success), 0.3); } .bttnToggle.--tm-success.is--alert, .bttnToggle.--tm-success.is--active { --bg: rgba(var(--rgb-success), 0.5); } .bttnToggle.--tm-success.is--alert:after { --bc: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-success.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-success), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-warning), 0.1); } .bttnToggle.--tm-warning:hover { --bc: rgba(var(--rgb-warning), 0.3); } .bttnToggle.--tm-warning.is--alert, .bttnToggle.--tm-warning.is--active { --bg: rgba(var(--rgb-warning), 0.5); } .bttnToggle.--tm-warning.is--alert:after { --bc: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-warning.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-warning), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-light), 0.1); } .bttnToggle.--tm-light:hover { --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-light.is--alert, .bttnToggle.--tm-light.is--active { --bg: rgba(var(--rgb-light), 0.5); } .bttnToggle.--tm-light.is--alert:after { --bc: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-light.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-light), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle.--tm-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-dark), 0.1); } .bttnToggle.--tm-dark:hover { --bc: rgba(var(--rgb-dark), 0.3); } .bttnToggle.--tm-dark.is--alert, .bttnToggle.--tm-dark.is--active { --bg: rgba(var(--rgb-dark), 0.5); } .bttnToggle.--tm-dark.is--alert:after { --bc: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-light), 1); } .bttnToggle.--tm-dark.is--routeExact:not(.no--route, .no--routeExact) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-dark), 0.5); --bc: rgba(var(--rgb-light), 0.3); } .bttnToggle > span { display: block; line-height: 1em; } .bttnY { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .bttnY { flex: 0 0 auto; gap: 0.4em; } .bttnY { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .bttnY.is--alert:after { content: ""; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; bottom: -0.4rem; border-width: 4px; border-style: solid; border-radius: 50%; border-color: var(--bc, transparent); box-shadow: 1px 1px 3px rgba(var(--rgb-dark), 0.2); } .bttnY.is--alert:after { --bc: var(--bg); background-color: var(--bg-a, #2ecc71); } .bttnY.--size-xs { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY:not([class*="--size-"]) { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-md { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttnY.--size-xs { border-radius: 0.7rem; border-width: 2px; border-radius: 0.28rem; } .bttnY.--size-sm { border-radius: 0.85rem; border-width: 2px; border-radius: 0.34rem; } .bttnY:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; border-radius: 0.4rem; } .bttnY.--size-md { border-radius: 1rem; border-width: 2px; border-radius: 0.4rem; } .bttnY.--size-lg { border-radius: 1.4rem; border-width: 3px; border-radius: 0.56rem; } .bttnY.--size-xl { border-radius: 2.2rem; border-width: 4px; border-radius: 0.88rem; } .bttnY.--size-xx { border-radius: 3.6rem; border-width: 5px; border-radius: 1.44rem; } .bttnY.--size-mx { border-radius: 4.8rem; border-width: 6px; border-radius: 1.92rem; } .bttnY.is--invalid { --bg: rgba(var(--rgb-danger), 1); } .bttnY.is--invalid:hover.is--active, .bttnY.is--invalid:hover.is--route:not(.no--route), .bttnY.is--invalid:focus.is--active, .bttnY.is--invalid:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.is--invalid:disabled, .bttnY.is--invalid[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.is--active, .bttnY.is--route:not(.no--route), .bttnY.is--routeExact:not(.no--route, .no--routeExact) { --cl: var(--bg); --bc: var(--cl); } .bttnY.is--active:hover, .bttnY.is--active:focus, .bttnY.is--route:not(.no--route):hover, .bttnY.is--route:not(.no--route):focus { --bc: var(--cl); } .bttnY:disabled, .bttnY[disabled]:not([disabled=false]) { --bc: var(--cl); } .bttnY.is--active, .bttnY.is--routeExact:not(.no--route, .no--routeExact), .bttnY.is--route:not(.no--route), .bttnY:disabled, .bttnY[disabled]:not([disabled=false]) { background-color: var(--bg-a, transparent); } .bttnY:disabled, .bttnY[disabled]:not([disabled=false]) { pointer-events: none; } .bttn { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .bttn.--round > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round .svg + span { display: none; } .bttn.--size-xs.--round { padding: 0; width: 1.68rem; } .bttn.--size-xs:has(i.icon:only-child), .bttn.--size-xs:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round { padding: 0; width: 2.04rem; } .bttn.--size-sm:has(i.icon:only-child), .bttn.--size-sm:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round { padding: 0; width: 2.4rem; } .bttn:not([class*="--size-"]):has(i.icon:only-child), .bttn:not([class*="--size-"]):has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttn.--size-md.--round { padding: 0; width: 2.4rem; } .bttn.--size-md:has(i.icon:only-child), .bttn.--size-md:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round { padding: 0; width: 3.36rem; } .bttn.--size-lg:has(i.icon:only-child), .bttn.--size-lg:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round { padding: 0; width: 5.28rem; } .bttn.--size-xl:has(i.icon:only-child), .bttn.--size-xl:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round { padding: 0; width: 8.64rem; } .bttn.--size-xx:has(i.icon:only-child), .bttn.--size-xx:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round { padding: 0; width: 11.52rem; } .bttn.--size-mx:has(i.icon:only-child), .bttn.--size-mx:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttn { flex: 0 0 auto; gap: 0.4em; } .bttn { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .bttn.is--alert:after { content: ""; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; bottom: -0.4rem; border-width: 4px; border-style: solid; border-radius: 50%; border-color: var(--bc, transparent); box-shadow: 1px 1px 3px rgba(var(--rgb-dark), 0.2); } .bttn.is--invalid { --bg: rgba(var(--rgb-danger), 1); } .bttn.is--invalid:hover.is--active, .bttn.is--invalid:hover.is--route:not(.no--route), .bttn.is--invalid:focus.is--active, .bttn.is--invalid:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.is--invalid:disabled, .bttn.is--invalid[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.is--active, .bttn.is--route:not(.no--route), .bttn.is--routeExact:not(.no--route, .no--routeExact) { --cl: var(--bg); --bc: var(--cl); } .bttn.is--active:hover, .bttn.is--active:focus, .bttn.is--route:not(.no--route):hover, .bttn.is--route:not(.no--route):focus { --bc: var(--cl); } .bttn:disabled, .bttn[disabled]:not([disabled=false]) { --bc: var(--cl); } .bttn.is--active, .bttn.is--routeExact:not(.no--route, .no--routeExact), .bttn.is--route:not(.no--route), .bttn:disabled, .bttn[disabled]:not([disabled=false]) { background-color: var(--bg-a, transparent); } .bttn.--size-xs { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm { height: 2.04rem; padding: 0 0.68rem; } .bttn:not([class*="--size-"]) { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-md { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx { height: 11.52rem; padding: 0 3.84rem; } .bttn.--size-xs { border-radius: 0.7rem; border-width: 2px; } .bttn.--size-sm { border-radius: 0.85rem; border-width: 2px; } .bttn:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; } .bttn.--size-md { border-radius: 1rem; border-width: 2px; } .bttn.--size-lg { border-radius: 1.4rem; border-width: 3px; } .bttn.--size-xl { border-radius: 2.2rem; border-width: 4px; } .bttn.--size-xx { border-radius: 3.6rem; border-width: 5px; } .bttn.--size-mx { border-radius: 4.8rem; border-width: 6px; } .bttn:disabled, .bttn[disabled]:not([disabled=false]) { pointer-events: none; } .bttn.is--alert:after { --bc: var(--bg); background-color: var(--bg-a, #2ecc71); } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox { display: none; } input[type^=c].iCheckbox + label { color: var(--cl, transparent); } input[type^=c].iCheckbox + label::after { content: ""; vertical-align: middle; display: inline-block; border-style: solid; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; line-height: 1.7em; flex: 0 0 auto; background-color: var(--bg, transparent); border-color: var(--bc, transparent); } input[type^=c].iCheckbox + label::after { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } input[type^=c].iCheckbox + label > * { margin-right: 0.4em; } input[type^=c].iCheckbox:checked + label { font-weight: 700; } input[type^=c].iCheckbox:disabled + label, input[type^=c].iCheckbox[disabled]:not([disabled=false]) + label { opacity: 0.3; pointer-events: none; } input[type^=c].iCheckbox:not(:disabled) + label:hover, input[type^=c].iCheckbox[disabled=false] + label:hover { cursor: pointer; } input[type^=c].iCheckbox.--full + label { width: 100%; } input[type^=c].iCheckbox.--full + label { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } input[type^=c].iCheckbox.--size-xs + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox:not([class*="--size-"]) + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-md + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.is--invalid + label { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.1); } input[type^=c].iCheckbox.is--invalid + label:hover { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } input[type^=c].iCheckbox.is--invalid:checked + label { --bg: rgba(var(--rgb-danger), 0.5); } input[type^=c].iCheckbox.--size-xs + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox:not([class*="--size-"]) + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-md + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx + label::after { border-radius: 3.36rem; } input[type^=c].iCheckbox:checked + label::after { content: "\f00c"; } input[type^=r].iRadio { display: none; } input[type^=r].iRadio + label { color: var(--cl, transparent); } input[type^=r].iRadio + label::after { content: ""; vertical-align: middle; display: inline-block; border-style: solid; font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; line-height: 1.7em; flex: 0 0 auto; background-color: var(--bg, transparent); border-color: var(--bc, transparent); } input[type^=r].iRadio + label::after { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } input[type^=r].iRadio + label > * { margin-right: 0.4em; } input[type^=r].iRadio:checked + label { font-weight: 700; } input[type^=r].iRadio:disabled + label, input[type^=r].iRadio[disabled]:not([disabled=false]) + label { opacity: 0.3; pointer-events: none; } input[type^=r].iRadio:not(:disabled) + label:hover, input[type^=r].iRadio[disabled=false] + label:hover { cursor: pointer; } input[type^=r].iRadio.--full + label { width: 100%; } input[type^=r].iRadio.--full + label { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } input[type^=r].iRadio.--size-xs + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio:not([class*="--size-"]) + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-md + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.is--invalid + label { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.1); } input[type^=r].iRadio.is--invalid + label:hover { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } input[type^=r].iRadio.is--invalid:checked + label { --bg: rgba(var(--rgb-danger), 0.5); } input[type^=r].iRadio.--size-xs + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm + label::after { border-radius: 42.5rem; } input[type^=r].iRadio:not([class*="--size-"]) + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-md + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx + label::after { border-radius: 240rem; } input[type^=r].iRadio:checked + label::after { content: "\f111"; } .iSelect { width: 100%; display: inline-block; background-repeat: no-repeat; background-size: auto 0.4em; appearance: none; } .iSelect { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .iSelect.is--invalid { --bg: rgba(var(--rgb-danger), 1); } .iSelect.is--invalid:hover.is--active, .iSelect.is--invalid:hover.is--route:not(.no--route), .iSelect.is--invalid:focus.is--active, .iSelect.is--invalid:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.is--invalid:disabled, .iSelect.is--invalid[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.is--active, .iSelect.is--route:not(.no--route), .iSelect.is--routeExact:not(.no--route, .no--routeExact) { --cl: var(--bg); --bc: var(--cl); } .iSelect.is--active:hover, .iSelect.is--active:focus, .iSelect.is--route:not(.no--route):hover, .iSelect.is--route:not(.no--route):focus { --bc: var(--cl); } .iSelect:disabled, .iSelect[disabled]:not([disabled=false]) { --bc: var(--cl); } .iSelect.is--active, .iSelect.is--routeExact:not(.no--route, .no--routeExact), .iSelect.is--route:not(.no--route), .iSelect:disabled, .iSelect[disabled]:not([disabled=false]) { background-color: var(--bg-a, transparent); } .iSelect.--size-xs { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm { height: 2.04rem; padding: 0 0.68rem; } .iSelect:not([class*="--size-"]) { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-md { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx { height: 11.52rem; padding: 0 3.84rem; } .iSelect.--size-xs { border-radius: 0.7rem; border-width: 2px; } .iSelect.--size-sm { border-radius: 0.85rem; border-width: 2px; } .iSelect:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; } .iSelect.--size-md { border-radius: 1rem; border-width: 2px; } .iSelect.--size-lg { border-radius: 1.4rem; border-width: 3px; } .iSelect.--size-xl { border-radius: 2.2rem; border-width: 4px; } .iSelect.--size-xx { border-radius: 3.6rem; border-width: 5px; } .iSelect.--size-mx { border-radius: 4.8rem; border-width: 6px; } .iSelect:disabled, .iSelect[disabled]:not([disabled=false]) { pointer-events: none; } .iSelect::-ms-expand { display: none; } .iSelect.is--invalid:disabled, .iSelect.is--invalid[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--size-xs { padding: 0 1.54rem 0 0.56rem; background-position: calc(100% - 0.56rem) 50%; } .iSelect.--size-sm { padding: 0 1.87rem 0 0.68rem; background-position: calc(100% - 0.68rem) 50%; } .iSelect:not([class*="--size-"]) { padding: 0 2.2rem 0 0.8rem; background-position: calc(100% - 0.8rem) 50%; } .iSelect.--size-md { padding: 0 2.2rem 0 0.8rem; background-position: calc(100% - 0.8rem) 50%; } .iSelect.--size-lg { padding: 0 3.08rem 0 1.12rem; background-position: calc(100% - 1.12rem) 50%; } .iSelect.--size-xl { padding: 0 4.84rem 0 1.76rem; background-position: calc(100% - 1.76rem) 50%; } .iSelect.--size-xx { padding: 0 7.92rem 0 2.88rem; background-position: calc(100% - 2.88rem) 50%; } .iSelect.--size-mx { padding: 0 10.56rem 0 3.84rem; background-position: calc(100% - 3.84rem) 50%; } .iSelect option { border: none; } .iTxt { width: 100%; display: block; padding: 0 0.8rem; } .iTxt { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .iTxt.--size-xs { border-radius: 0.7rem; border-width: 2px; } .iTxt.--size-sm { border-radius: 0.85rem; border-width: 2px; } .iTxt:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; } .iTxt.--size-md { border-radius: 1rem; border-width: 2px; } .iTxt.--size-lg { border-radius: 1.4rem; border-width: 3px; } .iTxt.--size-xl { border-radius: 2.2rem; border-width: 4px; } .iTxt.--size-xx { border-radius: 3.6rem; border-width: 5px; } .iTxt.--size-mx { border-radius: 4.8rem; border-width: 6px; } .iTxt:disabled, .iTxt[disabled]:not([disabled=false]) { pointer-events: none; opacity: 0.3; } .iTxt { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } textarea.iTxt { min-height: 6rem; padding-top: 0.4rem; padding-bottom: 0.4rem; field-sizing: content; } .iTxt:not(textarea).--size-xs { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea):not([class*="--size-"]) { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-md { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx { height: 11.52rem; padding: 0 3.84rem; } .iTxt:not(textarea) i.icon, .iTxt:not(textarea) .svg { position: absolute; top: 50%; left: 0.8rem; z-index: 1; transform: translateY(-50%); } .iTxt:not(textarea) input { background-color: transparent; width: 100%; height: 100%; padding-left: 1.6rem; font-weight: inherit; } .iTxt:not(textarea) input[placeholder], .iTxt:not(textarea) input:placeholder-shown { text-overflow: ellipsis; } .iTxt.is--invalid { --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.05); --cl: rgba(var(--rgb-danger), 1); --cl-a: rgba(var(--rgb-danger), 0.3); } .iTxt:hover:not(:focus, :focus-within) { --bc: var(--cl-a); } .iTxt:focus, .iTxt:focus-within { --bc: var(--cl); } .iTxt.--tm-light:hover:not(:focus, :focus-within) { --bc: var(--cl); } .iTxt.--tm-light:focus, .iTxt.--tm-light:focus-within { --bg: rgba(var(--rgb-primary), 0.3); --bc: rgba(var(--rgb-primary), 1); } .iTxt::placeholder, .iTxt input::placeholder, .iTxt input:placeholder-shown ~ i.icon, .iTxt input:placeholder-shown ~ .svg path { color: var(--cl-a); fill: var(--cl-a); } .iColor { display: block; overflow: hidden; cursor: pointer; } .iColor { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .iColor.--size-xs { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm { height: 2.04rem; width: 2.04rem; } .iColor:not([class*="--size-"]) { height: 2.4rem; width: 2.4rem; } .iColor.--size-md { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx { height: 11.52rem; width: 11.52rem; } .iColor.--size-xs { border-radius: 0.7rem; border-width: 2px; } .iColor.--size-xs::-webkit-color-swatch { border-radius: 0.7rem; } .iColor.--size-xs::-moz-color-swatch { border-radius: 0.7rem; } .iColor.--size-sm { border-radius: 0.85rem; border-width: 2px; } .iColor.--size-sm::-webkit-color-swatch { border-radius: 0.85rem; } .iColor.--size-sm::-moz-color-swatch { border-radius: 0.85rem; } .iColor:not([class*="--size-"]) { border-radius: 1rem; border-width: 2px; } .iColor:not([class*="--size-"])::-webkit-color-swatch { border-radius: 1rem; } .iColor:not([class*="--size-"])::-moz-color-swatch { border-radius: 1rem; } .iColor.--size-md { border-radius: 1rem; border-width: 2px; } .iColor.--size-md::-webkit-color-swatch { border-radius: 1rem; } .iColor.--size-md::-moz-color-swatch { border-radius: 1rem; } .iColor.--size-lg { border-radius: 1.4rem; border-width: 3px; } .iColor.--size-lg::-webkit-color-swatch { border-radius: 1.4rem; } .iColor.--size-lg::-moz-color-swatch { border-radius: 1.4rem; } .iColor.--size-xl { border-radius: 2.2rem; border-width: 4px; } .iColor.--size-xl::-webkit-color-swatch { border-radius: 2.2rem; } .iColor.--size-xl::-moz-color-swatch { border-radius: 2.2rem; } .iColor.--size-xx { border-radius: 3.6rem; border-width: 5px; } .iColor.--size-xx::-webkit-color-swatch { border-radius: 3.6rem; } .iColor.--size-xx::-moz-color-swatch { border-radius: 3.6rem; } .iColor.--size-mx { border-radius: 4.8rem; border-width: 6px; } .iColor.--size-mx::-webkit-color-swatch { border-radius: 4.8rem; } .iColor.--size-mx::-moz-color-swatch { border-radius: 4.8rem; } .iColor:disabled, .iColor[disabled]:not([disabled=false]) { pointer-events: none; opacity: 0.3; } .iColor::-webkit-color-swatch-wrapper { padding: 0; } .iColor::-webkit-color-swatch { border: none; width: 50%; height: 50%; } .iColor::-moz-color-swatch { border: none; width: 50%; height: 50%; } .iColor:hover:not(:focus, :focus-within) { --bc: var(--cl-a); } .iColor:focus, .iColor:focus-within { --bc: var(--cl); } .link { --bg: transparent; } .link { color: var(--cl, transparent); background-color: var(--bg, transparent); border-color: var(--bc, transparent); border-style: solid; text-shadow: none; font-size: 1em; opacity: 1; } .link { flex: 0 0 auto; gap: 0.4em; } .link { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .link.is--alert:after { content: ""; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; bottom: -0.4rem; border-width: 4px; border-style: solid; border-radius: 50%; border-color: var(--bc, transparent); box-shadow: 1px 1px 3px rgba(var(--rgb-dark), 0.2); } .link:disabled, .link[disabled]:not([disabled=false]) { pointer-events: none; opacity: 0.3; } .link.is--alert:after { --bc: var(--cl-h, var(--cl-a)); background-color: var(--cl, var(--bg)); } .link.is--active, .link.is--routeExact:not(.no--route, .no--routeExact) { color: var(--cl-a); } .link.toggle--dropdown.is--active { color: var(--cl-h, var(--cl-a)); } .link:not(.is--active):not(.is--routeExact):hover, .link:not(.is--active).is--routeExact.no--route:hover, .link:not(.is--active).is--routeExact.no--routeExact:hover { color: var(--cl-h, var(--cl-a)); } .link.--shadow { text-shadow: 1px 1px 1px var(--sh, rgba(var(--rgb-dark), 0.3)); } .link.--tm-primary { --cl: rgba(var(--rgb-primary), 1); --cl-a: rgba(var(--rgb-primary), 0.7); --cl-h: rgba(var(--rgb-primary), 0.5); } .link.--tm-primary.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --cl-a: rgba(var(--rgb-primary-complement), 0.7); --cl-h: rgba(var(--rgb-primary-complement), 0.5); } .link.--tm-primary-complement.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link:not([class*="--tm-"]) { --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.7); --cl-h: rgba(var(--rgb-secondary), 0.5); } .link:not([class*="--tm-"]).is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-secondary { --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.7); --cl-h: rgba(var(--rgb-secondary), 0.5); } .link.--tm-secondary.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --cl-a: rgba(var(--rgb-secondary-complement), 0.7); --cl-h: rgba(var(--rgb-secondary-complement), 0.5); } .link.--tm-secondary-complement.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-danger { --cl: rgba(var(--rgb-danger), 1); --cl-a: rgba(var(--rgb-danger), 0.7); --cl-h: rgba(var(--rgb-danger), 0.5); } .link.--tm-danger.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-success { --cl: rgba(var(--rgb-success), 1); --cl-a: rgba(var(--rgb-success), 0.7); --cl-h: rgba(var(--rgb-success), 0.5); } .link.--tm-success.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-warning { --cl: rgba(var(--rgb-warning), 1); --cl-a: rgba(var(--rgb-warning), 0.7); --cl-h: rgba(var(--rgb-warning), 0.5); } .link.--tm-warning.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-light { --cl: rgba(var(--rgb-light), 1); --cl-a: rgba(var(--rgb-light), 0.7); --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-light.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--tm-dark { --cl: rgba(var(--rgb-dark), 1); --cl-a: rgba(var(--rgb-dark), 0.7); --cl-h: rgba(var(--rgb-dark), 0.5); } .link.--tm-dark.is--alert:after { --cl-h: rgba(var(--rgb-light), 0.5); } .link.--round i.icon:last-child:not(:only-child), .link.--round .svg:last-child:not(:only-child) { --fa-display: none; display: none; } :not(.dropdown, .modal) .link.--tm-light:not(.no--override) { --cl-a: rgba(var(--rgb-primary), 1); } :not(.dropdown, .modal) .link.--tm-dark:not(.no--override) { --cl-a: rgba(var(--rgb-primary), 1); } .avatarAureo { width: 100%; height: auto; display: block; overflow: hidden; flex: 0 0 auto; background-color: rgba(var(--rgb-light), 1); } .avatarAureo.--size-xs { border-radius: 0.7rem; } .avatarAureo.--size-sm { border-radius: 0.85rem; } .avatarAureo:not([class*="--size-"]) { border-radius: 1rem; } .avatarAureo.--size-md { border-radius: 1rem; } .avatarAureo.--size-lg { border-radius: 1.4rem; } .avatarAureo.--size-xl { border-radius: 2.2rem; } .avatarAureo.--size-xx { border-radius: 3.6rem; } .avatarAureo.--size-mx { border-radius: 4.8rem; } .avatarAureo img { object-fit: cover; object-position: 50% 50%; } a.avatarAureo:hover img, a.avatarAureo.is--active img, a.avatarAureo.is--routeExact:not(.no--route, .no--routeExact) img, button.avatarAureo:hover img, button.avatarAureo.is--active img, button.avatarAureo.is--routeExact:not(.no--route, .no--routeExact) img, label.avatarAureo:hover img, label.avatarAureo.is--active img, label.avatarAureo.is--routeExact:not(.no--route, .no--routeExact) img { opacity: 0.7; } a.avatarAureo:not(:hover), a.avatarAureo:not(.is--active), a.avatarAureo:not(.is--routeExact), a.avatarAureo.is--routeExact.no--route, a.avatarAureo.is--routeExact.no--routeExact, button.avatarAureo:not(:hover), button.avatarAureo:not(.is--active), button.avatarAureo:not(.is--routeExact), button.avatarAureo.is--routeExact.no--route, button.avatarAureo.is--routeExact.no--routeExact, label.avatarAureo:not(:hover), label.avatarAureo:not(.is--active), label.avatarAureo:not(.is--routeExact), label.avatarAureo.is--routeExact.no--route, label.avatarAureo.is--routeExact.no--routeExact { border-color: transparent; } .avatarAureo::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 62%; z-index: -1; } .avatarAureo > *:first-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avatarAureo.--invert::before { padding-bottom: 162%; } .avatar { display: block; overflow: hidden; flex: 0 0 auto; background-color: rgba(var(--rgb-light), 1); } .avatar.--size-xs { border-radius: 0.7rem; } .avatar.--size-sm { border-radius: 0.85rem; } .avatar:not([class*="--size-"]) { border-radius: 1rem; } .avatar.--size-md { border-radius: 1rem; } .avatar.--size-lg { border-radius: 1.4rem; } .avatar.--size-xl { border-radius: 2.2rem; } .avatar.--size-xx { border-radius: 3.6rem; } .avatar.--size-mx { border-radius: 4.8rem; } .avatar img { object-fit: cover; object-position: 50% 50%; } a.avatar:hover img, a.avatar.is--active img, a.avatar.is--routeExact:not(.no--route, .no--routeExact) img, button.avatar:hover img, button.avatar.is--active img, button.avatar.is--routeExact:not(.no--route, .no--routeExact) img, label.avatar:hover img, label.avatar.is--active img, label.avatar.is--routeExact:not(.no--route, .no--routeExact) img { opacity: 0.7; } a.avatar:not(:hover), a.avatar:not(.is--active), a.avatar:not(.is--routeExact), a.avatar.is--routeExact.no--route, a.avatar.is--routeExact.no--routeExact, button.avatar:not(:hover), button.avatar:not(.is--active), button.avatar:not(.is--routeExact), button.avatar.is--routeExact.no--route, button.avatar.is--routeExact.no--routeExact, label.avatar:not(:hover), label.avatar:not(.is--active), label.avatar:not(.is--routeExact), label.avatar.is--routeExact.no--route, label.avatar.is--routeExact.no--routeExact { border-color: transparent; } .avatar.--size-xs { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm { width: 3rem; height: 3rem; } .avatar { width: 4.5rem; height: 4.5rem; } .avatar.--size-md { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg { width: 6rem; height: 6rem; } .avatar.--size-xl { width: 9rem; height: 9rem; } .avatar img { width: 100%; height: 100%; } .back { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; transition: background 0.3s ease-out; position: absolute; } .back.--overlay { z-index: 10; display: none; } .back.--overlay ~ * { transition: all 0.3s ease-out; } .back.--overlay.is--active { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .back.--overlay.is--active ~ * { opacity: 0.3; pointer-events: none; } .back.--header { top: -5rem; height: auto; bottom: 0; background-color: rgba(var(--rgb-secondary), 1); } .back.--header::before { display: block; background: rgba(var(--rgb-dark), 0.3); } .back.--header::after { display: none; background-image: linear-gradient(to right, rgba(var(--rgb-dark), 0.5), transparent); } .back.--header::before, .back.--header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .back img, .back video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; } .cols { overflow: visible; column-gap: var(--gy, var(--g, 2rem)); } .cols > * { break-inside: avoid; } .cols.--count-2 { columns: 27rem 2; } .cols.--count-3 { columns: 18rem 3; } .cols.--count-4 { columns: 13.5rem 4; } .cols.--count-5 { columns: 10.8rem 5; } .cols.--count-6 { columns: 9rem 6; } .cols.--count-7 { columns: 7.7142857143rem 7; } .cols.--count-8 { columns: 6.75rem 8; } .cols.--count-9 { columns: 6rem 9; } .cols.--count-10 { columns: 5.4rem 10; } .cols.--count-11 { columns: 4.9090909091rem 11; } .cols.--count-12 { columns: 4.5rem 12; } .cols.--count, .cols:not([class*="--count"]) { columns: 27rem 2; } .flx { display: flex; } .flx.--flxRow, .flx.--flxRow-wrap, .flx.--flxRow-reverse, .flx.--flxRow-nowrap { flex-direction: row; } .flx.--flxRowReverse, .flx.--flxRowReverse-wrap, .flx.--flxRowReverse-reverse, .flx.--flxRowReverse-nowrap { flex-direction: row-reverse; } .flx.--flxColumn, .flx.--flxColumn-wrap, .flx.--flxColumn-reverse, .flx.--flxColumn-nowrap { flex-direction: column; } .flx.--flxColumnReverse, .flx.--flxColumnReverse-wrap, .flx.--flxColumnReverse-reverse, .flx.--flxColumnReverse-nowrap { flex-direction: column-reverse; } .flx.--flxRow-wrap, .flx.--flxColumn-wrap, .flx.--flxRowReverse-wrap, .flx.--flxColumnReverse-wrap { flex-wrap: wrap; } .flx.--flxRow-reverse, .flx.--flxColumn-reverse, .flx.--flxRowReverse-reverse, .flx.--flxColumnReverse-reverse { flex-wrap: wrap-reverse; } .flx.--flxRow, .flx.--flxRow-nowrap, .flx.--flxColumn, .flx.--flxColumn-nowrap, .flx.--flxRowReverse, .flx.--flxRowReverse-nowrap, .flx.--flxColumnReverse, .flx.--flxColumnReverse-nowrap { flex-wrap: nowrap; } .float { display: block; } .grd { display: grid; width: 100%; overflow: visible; } .grd > * { width: 100%; } .grd.--autoRows { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single { grid-template-rows: 1fr; } .grd.--grdRows-autoFit { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2 { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2 { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3 { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3 { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4 { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4 { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5 { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5 { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6 { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6 { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7 { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7 { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8 { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8 { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9 { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9 { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10 { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10 { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11 { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11 { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12 { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12 { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2 { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2 { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3 { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3 { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4 { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4 { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5 { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5 { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6 { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6 { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7 { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7 { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8 { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8 { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9 { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9 { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10 { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10 { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11 { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11 { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12 { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12 { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft, .grd.--grdVoidLeft-1, .grd.--grdVoidLeft-1-1 { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4 { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3 { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2 { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft > *:last-child, .grd.--grdVoidLeft-1 > *:last-child, .grd.--grdVoidLeft-1-1 > *:last-child, .grd.--grdVoidLeft-1-4 > *:last-child, .grd.--grdVoidLeft-2-3 > *:last-child, .grd.--grdVoidLeft-3-2 > *:last-child { grid-area: a; } .grd.--grdVoidRight, .grd.--grdVoidRight-1, .grd.--grdVoidRight-1-1 { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1 { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2 { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight > *:first-child, .grd.--grdVoidRight-1 > *:first-child, .grd.--grdVoidRight-1-1 > *:first-child, .grd.--grdVoidRight-4-1 > *:first-child, .grd.--grdVoidRight-3-2 > *:first-child, .grd.--grdVoidRight-2-3 > *:first-child { grid-area: a; } .grd-item { height: 100%; } .grd-item.--grdColumnSpan-2 { grid-column: span 2; } .grd-item.--grdRowSpan-2 { grid-row: span 2; } .grd-item.--grdColumnSpan-3 { grid-column: span 3; } .grd-item.--grdRowSpan-3 { grid-row: span 3; } .grd-item.--grdColumnSpan-4 { grid-column: span 4; } .grd-item.--grdRowSpan-4 { grid-row: span 4; } .grd-item.--grdColumnSpan-5 { grid-column: span 5; } .grd-item.--grdRowSpan-5 { grid-row: span 5; } .grd-item.--grdColumnSpan-6 { grid-column: span 6; } .grd-item.--grdRowSpan-6 { grid-row: span 6; } .grd-item.--grdColumnSpan-7 { grid-column: span 7; } .grd-item.--grdRowSpan-7 { grid-row: span 7; } .grd-item.--grdColumnSpan-8 { grid-column: span 8; } .grd-item.--grdRowSpan-8 { grid-row: span 8; } .grd-item.--grdColumnSpan-9 { grid-column: span 9; } .grd-item.--grdRowSpan-9 { grid-row: span 9; } .grd-item.--grdColumnSpan-10 { grid-column: span 10; } .grd-item.--grdRowSpan-10 { grid-row: span 10; } .grd-item.--grdColumnSpan-11 { grid-column: span 11; } .grd-item.--grdRowSpan-11 { grid-row: span 11; } .grd-item.--grdColumnSpan-12 { grid-column: span 12; } .grd-item.--grdRowSpan-12 { grid-row: span 12; } .grd-item.--grdColumnSpan { grid-column: span 2; } .grd-item.--grdRowSpan { grid-row: span 2; } .toggle--dropdown.is--active + .dropdown, .toggle--dropdown:not(.only--active):hover + .dropdown { display: block; } .toggle--dropdown.is--active + .dropdown.flx, .toggle--dropdown:not(.only--active):hover + .dropdown.flx { display: flex; } .toggle--dropdown.is--active + .dropdown.flx.--display-inline, .toggle--dropdown:not(.only--active):hover + .dropdown.flx.--display-inline { display: inline-flex; } .toggle--dropdown.is--active + .dropdown.grd, .toggle--dropdown:not(.only--active):hover + .dropdown.grd { display: grid; } .toggle--dropdown.is--active + .dropdown.grd.--display-inline, .toggle--dropdown:not(.only--active):hover + .dropdown.grd.--display-inline { display: inline-grid; } .dropdown { z-index: 10; position: absolute; } .dropdown::before { content: ""; position: absolute; display: block; width: 100%; height: 100%; } .dropdown, .dropdown.flx, .dropdown.grd { display: none; } .dropdown.flx.--display-inline, .dropdown.grd.--display-inline { display: none; } .dropdown.is--active { display: block; } .dropdown.is--active.flx { display: flex; } .dropdown.is--active.flx.--display-inline { display: inline-flex; } .dropdown.is--active.grd { display: grid; } .dropdown.is--active.grd.--display-inline { display: inline-grid; } .dropdown:not(:has(> .dropdown-item)), .dropdown > .dropdown-item { box-shadow: 3px 3px 9px rgba(var(--rgb-dark), 0.3); } .dropdown.--size-xs:not(:has(> .dropdown-item)), .dropdown.--size-xs > .dropdown-item { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .dropdown.--size-sm:not(:has(> .dropdown-item)), .dropdown.--size-sm > .dropdown-item { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .dropdown:not([class*="--size-"]):not(:has(> .dropdown-item)), .dropdown:not([class*="--size-"]) > .dropdown-item { padding: 0.7rem 1rem; border-radius: 1.333rem; } .dropdown.--size-md:not(:has(> .dropdown-item)), .dropdown.--size-md > .dropdown-item { padding: 0.7rem 1rem; border-radius: 1.333rem; } .dropdown.--size-lg:not(:has(> .dropdown-item)), .dropdown.--size-lg > .dropdown-item { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .dropdown.--size-xl:not(:has(> .dropdown-item)), .dropdown.--size-xl > .dropdown-item { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .dropdown.--size-xx:not(:has(> .dropdown-item)), .dropdown.--size-xx > .dropdown-item { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .dropdown.--size-mx:not(:has(> .dropdown-item)), .dropdown.--size-mx > .dropdown-item { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .dropdown.--position-right, .dropdown.--position-right-top, .dropdown.--position-right-center, .dropdown.--position-right-bottom { left: calc(100% + 0.4rem); } .dropdown.--position-right::before, .dropdown.--position-right-top::before, .dropdown.--position-right-center::before, .dropdown.--position-right-bottom::before { left: -0.4rem; top: 0; } .dropdown.--position-left, .dropdown.--position-left-top, .dropdown.--position-left-center, .dropdown.--position-left-bottom { right: calc(100% + 0.4rem); } .dropdown.--position-left::before, .dropdown.--position-left-top::before, .dropdown.--position-left-center::before, .dropdown.--position-left-bottom::before { right: -0.4rem; top: 0; } .dropdown.--position-right-center, .dropdown.--position-left-center { top: 50%; transform: translateY(-50%); } .dropdown.--position-right-bottom, .dropdown.--position-left-bottom { bottom: -1rem; } .dropdown.--position-right, .dropdown.--position-right-top, .dropdown.--position-left, .dropdown.--position-left-top { top: -1rem; } .dropdown.--position-top, .dropdown.--position-top-left, .dropdown.--position-top-right, .dropdown.--position-top-center { bottom: calc(100% + 0.4rem); } .dropdown.--position-top::before, .dropdown.--position-top-left::before, .dropdown.--position-top-right::before, .dropdown.--position-top-center::before { left: 0; bottom: -0.4rem; } .dropdown.--position-bottom, .dropdown.--position-bottom-left, .dropdown.--position-bottom-right, .dropdown.--position-bottom-center { top: calc(100% + 0.4rem); } .dropdown.--position-bottom::before, .dropdown.--position-bottom-left::before, .dropdown.--position-bottom-right::before, .dropdown.--position-bottom-center::before { right: 0; top: -0.4rem; } .dropdown.--position-top-right, .dropdown.--position-bottom-right { right: -0.7rem; } .dropdown.--position-top-center, .dropdown.--position-bottom-center { left: 50%; transform: translateX(-50%); } .dropdown.--position-top, .dropdown.--position-top-left, .dropdown.--position-bottom, .dropdown.--position-bottom-left { left: -0.7rem; } .dropdown:not([class*="--position"]) { left: -0.7rem; top: calc(100% + 0.4rem); } .dropdown:not([class*="--position"])::before { right: 0; top: -0.4rem; } .modal { height: max-content; overflow: hidden; box-shadow: 3px 3px 9px rgba(var(--rgb-dark), 0.3); } .modal:has(.modal-content) { padding-left: 0; padding-right: 0; } .holder { margin: 0 auto; } .holder:not(.--p-none) { transition: padding 0.3s ease-out; padding: 0 1rem; } .toggle--list { display: block; } .toggle--list { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .toggle--list i.icon, .toggle--list .svg { width: 1.8rem; } nav.list > input[type^=c] { display: none; } nav.list.is--active .toggle--list, nav.list > input[type^=c]:checked ~ .toggle--list { font-weight: 700; margin-bottom: 1rem; } nav.list.is--active .toggle--list i.icon, nav.list.is--active .toggle--list .svg, nav.list > input[type^=c]:checked ~ .toggle--list i.icon, nav.list > input[type^=c]:checked ~ .toggle--list .svg { transform: rotate(180deg); } nav.list.is--active .toggle--list + ul.list-group, nav.list.is--active .toggle--list + ol.list-group, nav.list > input[type^=c]:checked ~ .toggle--list + ul.list-group, nav.list > input[type^=c]:checked ~ .toggle--list + ol.list-group { max-height: none; } nav.list .toggle--list + ul.list-group, nav.list .toggle--list + ol.list-group { max-height: 0; overflow: hidden; } nav.list .toggle--list + ul.list-group > li, nav.list .toggle--list + ol.list-group > li { width: 100%; } span.list-title { display: block; margin-bottom: 1rem; } ul.list-group, ol.list-group { overflow: visible; } ul.list-group.--flow-row, ol.list-group.--flow-row { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } ul.list-group.--flow-row > li:not(:last-child), ol.list-group.--flow-row > li:not(:last-child) { margin-right: 1rem; } ul.list-group:not([class*="--flow"]), ul.list-group.--flow-column, ol.list-group:not([class*="--flow"]), ol.list-group.--flow-column { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; } ul.list-group:not([class*="--flow"]) > *:not(:last-child), ul.list-group.--flow-column > *:not(:last-child), ol.list-group:not([class*="--flow"]) > *:not(:last-child), ol.list-group.--flow-column > *:not(:last-child) { margin-bottom: 0.4rem; } ul.list-group > li, ol.list-group > li { text-align: left; } ul.list-group > li a, ul.list-group > li label, ul.list-group > li button, ol.list-group > li a, ol.list-group > li label, ol.list-group > li button { line-height: 1.44em; } .navigationX { width: 100%; } .navigationX { display: flex; flex-flow: column nowrap; justify-content: center; align-items: stretch; } .navigationX:not(.--sub), .navigationX:not(.--sub) .navigationX-wrapper { height: 5rem; transition: all 0.3s ease-out, padding 0s; } .navigationX:not(.--sub).--tm-primary > .navigationX-wrapper { background: rgba(var(--rgb-primary), 1); } .navigationX:not(.--sub).--tm-primary:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-primary-complement > .navigationX-wrapper { background: rgba(var(--rgb-primary-complement), 1); } .navigationX:not(.--sub).--tm-primary-complement:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-secondary > .navigationX-wrapper { background: rgba(var(--rgb-secondary), 1); } .navigationX:not(.--sub).--tm-secondary:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-secondary-complement > .navigationX-wrapper { background: rgba(var(--rgb-secondary-complement), 1); } .navigationX:not(.--sub).--tm-secondary-complement:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-danger > .navigationX-wrapper { background: rgba(var(--rgb-danger), 1); } .navigationX:not(.--sub).--tm-danger:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-success > .navigationX-wrapper { background: rgba(var(--rgb-success), 1); } .navigationX:not(.--sub).--tm-success:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-warning > .navigationX-wrapper { background: rgba(var(--rgb-warning), 1); } .navigationX:not(.--sub).--tm-warning:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-light > .navigationX-wrapper { background: rgba(var(--rgb-light), 1); } .navigationX:not(.--sub).--tm-light:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX:not(.--sub).--tm-dark > .navigationX-wrapper { background: rgba(var(--rgb-dark), 1); } .navigationX:not(.--sub).--tm-dark:not(.--relative) > .navigationX-wrapper { box-shadow: 0 0.4rem 2.4rem rgba(var(--rgb-dark), 0.05); } .navigationX.--sub { position: absolute; left: 0; top: 100%; height: 2.4rem; border-top: 2px solid transparent; border-bottom: 2px solid transparent; } .navigationX.--sub.--tm-primary { border-bottom-color: rgba(var(--rgb-primary), 0.05); } .navigationX.--sub.--tm-primary-complement { border-bottom-color: rgba(var(--rgb-primary-complement), 0.05); } .navigationX.--sub.--tm-secondary { border-bottom-color: rgba(var(--rgb-secondary), 0.05); } .navigationX.--sub.--tm-secondary-complement { border-bottom-color: rgba(var(--rgb-secondary-complement), 0.05); } .navigationX.--sub.--tm-danger { border-bottom-color: rgba(var(--rgb-danger), 0.05); } .navigationX.--sub.--tm-success { border-bottom-color: rgba(var(--rgb-success), 0.05); } .navigationX.--sub.--tm-warning { border-bottom-color: rgba(var(--rgb-warning), 0.05); } .navigationX.--sub.--tm-light { border-bottom-color: rgba(var(--rgb-light), 0.05); } .navigationX.--sub.--tm-dark { border-bottom-color: rgba(var(--rgb-dark), 0.05); } .navigationX-wrapper, .navigationX-wrapper > .holder { width: 100%; height: 100%; position: static; } .navigationX-wrapper, .navigationX-wrapper > .holder { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } ul.navigationX-list, ol.navigationX-list { position: static; } ul.navigationX-list, ol.navigationX-list { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } li.navigationX-list-item { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; } nav.navigationY { background-color: rgba(var(--rgb-light), 0.9); width: auto; } nav.navigationY { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; } .navigationY-menu { min-height: 100%; height: auto; } .navigationY-menu:not(.--sub) { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; } .navigationY-menu:not(.--sub) ul.navigationY-menu-list, .navigationY-menu:not(.--sub) ol.navigationY-menu-list { align-items: center; } ul.navigationY-menu-list, ol.navigationY-menu-list { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; } .scroll.--vertical { max-width: 100%; max-height: min(100%, 100vh); overflow: hidden auto; } .scroll.--horizontal.--always { max-height: 100%; overflow: auto hidden; box-sizing: content-box; } .scroll.--horizontal.--always > * { min-width: 100%; } .scroll.--horizontal.--always > *:last-child:not(dialog) { margin-bottom: 0.7rem; } .scroll.--horizontal.--always > * tr td, .scroll.--horizontal.--always > * tr th { white-space: nowrap; } table.tbl { table-layout: fixed; border-collapse: collapse; border-spacing: 0; } table.tbl img { display: initial; } table.tbl > thead:first-child > tr:first-child { z-index: 1; } table.tbl > thead:first-child > tr:nth-child(2) { z-index: 0; } table.tbl thead { z-index: 3; } table.tbl thead tr:not(.no--hover) th.is--selected, table.tbl thead tr:not(.no--hover) td.is--selected { font-weight: 700; } table.tbl thead tr:not(.no--hover) th *:not(i.icon), table.tbl thead tr:not(.no--hover) td *:not(i.icon) { font-weight: inherit; } table.tbl thead, table.tbl tbody { width: 100%; } table.tbl thead tr, table.tbl tbody tr { border-bottom: 2px solid transparent; transition: all 0.1s ease-out; } table.tbl thead tr:not(.no--hover) th, table.tbl thead tr:not(.no--hover) td, table.tbl tbody tr:not(.no--hover) th, table.tbl tbody tr:not(.no--hover) td { padding: 0.4rem 1rem; transition: color 0.1s ease-out; font-weight: 400; } table.tbl thead tr:not(.no--hover) td, table.tbl tbody tr:not(.no--hover) td { min-width: 3.6rem; } table.tbl thead tr th, table.tbl thead tr th > *, table.tbl thead tr td, table.tbl thead tr td > *, table.tbl tbody tr th, table.tbl tbody tr th > *, table.tbl tbody tr td, table.tbl tbody tr td > * { vertical-align: middle; } table.tbl thead tr th::before, table.tbl thead tr td::before, table.tbl tbody tr th::before, table.tbl tbody tr td::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; transition: all 0.1s ease-out; border-top: 2px solid transparent; border-bottom: 2px solid transparent; } table.tbl thead tr th:first-child::before, table.tbl thead tr td:first-child::before, table.tbl tbody tr th:first-child::before, table.tbl tbody tr td:first-child::before { border-top-left-radius: 0.7rem; border-bottom-left-radius: 0.7rem; border-left: 2px solid transparent; } table.tbl thead tr th:last-child::before, table.tbl thead tr th:last-child.--sticky::before, table.tbl thead tr td:last-child::before, table.tbl thead tr td:last-child.--sticky::before, table.tbl tbody tr th:last-child::before, table.tbl tbody tr th:last-child.--sticky::before, table.tbl tbody tr td:last-child::before, table.tbl tbody tr td:last-child.--sticky::before { border-top-right-radius: 0.7rem; border-bottom-right-radius: 0.7rem; border-right: 2px solid transparent; } table.tbl thead tr th.--sticky, table.tbl thead tr td.--sticky, table.tbl tbody tr th.--sticky, table.tbl tbody tr td.--sticky { position: sticky; z-index: 2; left: 0; width: 0%; } table.tbl thead tr th.--sticky:empty, table.tbl thead tr td.--sticky:empty, table.tbl tbody tr th.--sticky:empty, table.tbl tbody tr td.--sticky:empty { padding: 0.4rem; pointer-events: none; } table.tbl thead tr th.--sticky:last-child, table.tbl thead tr td.--sticky:last-child, table.tbl tbody tr th.--sticky:last-child, table.tbl tbody tr td.--sticky:last-child { right: 0; z-index: 3; } table.tbl.--tm-primary > thead > tr:not(.no--hover) { color: rgba(var(--rgb-primary), 0.6); } table.tbl.--tm-primary > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-primary > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-primary), 0.05); } table.tbl.--tm-primary > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-primary > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-primary), 1); } table.tbl.--tm-primary > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-primary > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-primary), 0.1); } table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-primary), 0.3); } table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-primary), 0.1); } table.tbl.--tm-primary > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-primary > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-primary > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-primary), 1); background: rgba(var(--rgb-primary), 0.1); } table.tbl.--tm-primary th.--sticky, table.tbl.--tm-primary td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-primary-complement > thead > tr:not(.no--hover) { color: rgba(var(--rgb-primary-complement), 0.6); } table.tbl.--tm-primary-complement > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-primary-complement > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-primary-complement), 0.05); } table.tbl.--tm-primary-complement > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-primary-complement > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-primary-complement), 1); } table.tbl.--tm-primary-complement > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-primary-complement > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-primary-complement), 0.1); } table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-primary-complement), 0.3); } table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-primary-complement), 0.1); } table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-primary-complement > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-primary-complement), 1); background: rgba(var(--rgb-primary-complement), 0.1); } table.tbl.--tm-primary-complement th.--sticky, table.tbl.--tm-primary-complement td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover) { color: rgba(var(--rgb-secondary), 0.6); } table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover):hover > th::before, table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-secondary), 0.05); } table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover) > th.is--selected, table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-secondary), 1); } table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover) > th::before, table.tbl:not([class*="--tm-"]) > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-secondary), 0.1); } table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-secondary), 0.3); } table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-secondary), 0.1); } table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover):hover > th::before, table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover):hover > td::before, table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl:not([class*="--tm-"]) > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-secondary), 1); background: rgba(var(--rgb-secondary), 0.1); } table.tbl:not([class*="--tm-"]) th.--sticky, table.tbl:not([class*="--tm-"]) td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-secondary > thead > tr:not(.no--hover) { color: rgba(var(--rgb-secondary), 0.6); } table.tbl.--tm-secondary > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-secondary > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-secondary), 0.05); } table.tbl.--tm-secondary > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-secondary > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-secondary), 1); } table.tbl.--tm-secondary > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-secondary > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-secondary), 0.1); } table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-secondary), 0.3); } table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-secondary), 0.1); } table.tbl.--tm-secondary > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-secondary > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-secondary > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-secondary), 1); background: rgba(var(--rgb-secondary), 0.1); } table.tbl.--tm-secondary th.--sticky, table.tbl.--tm-secondary td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover) { color: rgba(var(--rgb-secondary-complement), 0.6); } table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-secondary-complement), 0.05); } table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-secondary-complement), 1); } table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-secondary-complement > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-secondary-complement), 0.1); } table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-secondary-complement), 0.3); } table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-secondary-complement), 0.1); } table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-secondary-complement > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-secondary-complement), 1); background: rgba(var(--rgb-secondary-complement), 0.1); } table.tbl.--tm-secondary-complement th.--sticky, table.tbl.--tm-secondary-complement td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-danger > thead > tr:not(.no--hover) { color: rgba(var(--rgb-danger), 0.6); } table.tbl.--tm-danger > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-danger > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-danger), 0.05); } table.tbl.--tm-danger > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-danger > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-danger), 1); } table.tbl.--tm-danger > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-danger > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-danger), 0.1); } table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-danger), 0.3); } table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-danger), 0.1); } table.tbl.--tm-danger > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-danger > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-danger > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-danger), 1); background: rgba(var(--rgb-danger), 0.1); } table.tbl.--tm-danger th.--sticky, table.tbl.--tm-danger td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-success > thead > tr:not(.no--hover) { color: rgba(var(--rgb-success), 0.6); } table.tbl.--tm-success > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-success > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-success), 0.05); } table.tbl.--tm-success > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-success > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-success), 1); } table.tbl.--tm-success > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-success > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-success), 0.1); } table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-success), 0.3); } table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-success), 0.1); } table.tbl.--tm-success > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-success > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-success > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-success), 1); background: rgba(var(--rgb-success), 0.1); } table.tbl.--tm-success th.--sticky, table.tbl.--tm-success td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-warning > thead > tr:not(.no--hover) { color: rgba(var(--rgb-warning), 0.6); } table.tbl.--tm-warning > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-warning > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-warning), 0.05); } table.tbl.--tm-warning > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-warning > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-warning), 1); } table.tbl.--tm-warning > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-warning > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-warning), 0.1); } table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-warning), 0.3); } table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-warning), 0.1); } table.tbl.--tm-warning > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-warning > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-warning > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-warning), 1); background: rgba(var(--rgb-warning), 0.1); } table.tbl.--tm-warning th.--sticky, table.tbl.--tm-warning td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-light > thead > tr:not(.no--hover) { color: rgba(var(--rgb-light), 0.6); } table.tbl.--tm-light > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-light > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-light), 0.05); } table.tbl.--tm-light > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-light > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-light), 1); } table.tbl.--tm-light > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-light > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-light), 0.1); } table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-light), 0.3); } table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-light), 0.1); } table.tbl.--tm-light > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-light > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-light > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-light), 1); background: rgba(var(--rgb-light), 0.1); } table.tbl.--tm-light th.--sticky, table.tbl.--tm-light td.--sticky { background-color: var(--inherit-bg, #2ecc71); } table.tbl.--tm-dark > thead > tr:not(.no--hover) { color: rgba(var(--rgb-dark), 0.6); } table.tbl.--tm-dark > thead > tr:not(.no--hover):hover > th::before, table.tbl.--tm-dark > thead > tr:not(.no--hover):hover > td::before { border-color: rgba(var(--rgb-dark), 0.05); } table.tbl.--tm-dark > thead > tr:not(.no--hover) > th.is--selected, table.tbl.--tm-dark > thead > tr:not(.no--hover) > td.is--selected { color: rgba(var(--rgb-dark), 1); } table.tbl.--tm-dark > thead > tr:not(.no--hover) > th::before, table.tbl.--tm-dark > thead > tr:not(.no--hover) > td::before { background: rgba(var(--rgb-dark), 0.1); } table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected:hover > th::before, table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected:hover > td::before { border-color: rgba(var(--rgb-dark), 0.3); } table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected > td::before { border-color: rgba(var(--rgb-dark), 0.1); } table.tbl.--tm-dark > tbody > tr:not(.no--hover):hover > th::before, table.tbl.--tm-dark > tbody > tr:not(.no--hover):hover > td::before, table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected > th::before, table.tbl.--tm-dark > tbody > tr:not(.no--hover).is--selected > td::before { color: rgba(var(--rgb-dark), 1); background: rgba(var(--rgb-dark), 0.1); } table.tbl.--tm-dark th.--sticky, table.tbl.--tm-dark td.--sticky { background-color: var(--inherit-bg, #2ecc71); } .txt img { max-width: 100%; height: auto; } .txt.--box, .txt.--miniBox { padding: 0.4rem 1rem; } .view { display: flex; flex-flow: column nowrap; justify-content: center; align-items: stretch; } .view-item { overflow: visible; height: auto; } .view-item { display: flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; } .view-item.--minHeight-100 { min-height: calc(100vh - 5rem); min-height: calc(100dvh - 5rem); } .view-item > .holder { display: flex; flex-flow: column nowrap; justify-content: center; align-items: stretch; } } @layer defaults { ::selection { background: rgb(var(--rgb-secondary)); color: rgb(var(--rgb-light)); } * { line-height: 1.2em; color: inherit; text-shadow: inherit; } img, iframe { display: block; overflow: hidden; color: transparent; background-image: linear-gradient(135deg, #d4d4d4 0, #00b6ff 500%); } img::before, iframe::before { content: "\f7a9"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: rgba(var(--rgb-danger), 1); font-size: 3.6rem; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1rem; } img::before, iframe::before { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } a, b, h1, h2, h3, h4, h5, h6, th, button, strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { font-family: "Bellota", system-ui; } h1:not([class*=swal]) { font-size: 2.2rem; } h2:not([class*=swal]) { font-size: 1.4rem; } h3:not([class*=swal]) { font-size: 1rem; } h1:not([class*=swal]) br, h2:not([class*=swal]) br, h3:not([class*=swal]) br { display: none; } h4:not([class*=swal]) { font-size: 1rem; } html { width: 100%; height: 100%; overflow: hidden auto; font-size: 98%; font-weight: 400; color: #2f4858; line-height: 1.2em; } body { --inherit-bg: #2ecc71; min-height: 100%; width: 100%; font-family: "Bellota", system-ui; font-size: 1rem; overflow: hidden; background-color: var(--inherit-bg); } p a:hover { opacity: 0.7; } .txt { text-align: left; max-width: 66ch; gap: 0.8em; } .txt { display: inline-flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; } .txt * { text-align: left; line-height: 1.44em; } } .is--animated.--iterations-infinite { animation-iteration-count: infinite; } .is--animated.--delay-1 { animation-delay: 0.1s; } .is--animated.--iterations-1 { animation-iteration-count: 1; } .is--animated.--delay-2 { animation-delay: 0.2s; } .is--animated.--iterations-2 { animation-iteration-count: 2; } .is--animated.--delay-3 { animation-delay: 0.3s; } .is--animated.--iterations-3 { animation-iteration-count: 3; } .is--animated.--delay-4 { animation-delay: 0.4s; } .is--animated.--iterations-4 { animation-iteration-count: 4; } .is--animated.--delay-5 { animation-delay: 0.5s; } .is--animated.--iterations-5 { animation-iteration-count: 5; } .is--animated.--delay-6 { animation-delay: 0.6s; } .is--animated.--iterations-6 { animation-iteration-count: 6; } .is--animated.--delay-7 { animation-delay: 0.7s; } .is--animated.--iterations-7 { animation-iteration-count: 7; } .is--animated.--delay-8 { animation-delay: 0.8s; } .is--animated.--iterations-8 { animation-iteration-count: 8; } .is--animated.--delay-9 { animation-delay: 0.9s; } .is--animated.--iterations-9 { animation-iteration-count: 9; } .is--animated.--delay-10 { animation-delay: 1s; } .is--animated.--iterations-10 { animation-iteration-count: 10; } .is--animated.--delay-11 { animation-delay: 1.1s; } .is--animated.--iterations-11 { animation-iteration-count: 11; } .is--animated.--delay-12 { animation-delay: 1.2s; } .is--animated.--iterations-12 { animation-iteration-count: 12; } .is--animated.--delay-13 { animation-delay: 1.3s; } .is--animated.--iterations-13 { animation-iteration-count: 13; } .is--animated.--delay-14 { animation-delay: 1.4s; } .is--animated.--iterations-14 { animation-iteration-count: 14; } .is--animated.--delay-15 { animation-delay: 1.5s; } .is--animated.--iterations-15 { animation-iteration-count: 15; } .is--animated.--delay-16 { animation-delay: 1.6s; } .is--animated.--iterations-16 { animation-iteration-count: 16; } .is--animated.--delay-17 { animation-delay: 1.7s; } .is--animated.--iterations-17 { animation-iteration-count: 17; } .is--animated.--delay-18 { animation-delay: 1.8s; } .is--animated.--iterations-18 { animation-iteration-count: 18; } .is--animated.--delay-19 { animation-delay: 1.9s; } .is--animated.--iterations-19 { animation-iteration-count: 19; } .is--animated.--delay-20 { animation-delay: 2s; } .is--animated.--iterations-20 { animation-iteration-count: 20; } .a-growingIn { max-height: 0; } .a-growingIn.is--animated { animation-name: growingIn; animation-duration: 6s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-fadeIn { opacity: 0; } .a-fadeIn.is--animated { animation-name: fadeIn; animation-duration: 1.2s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-topFade { opacity: 0; transform: translateY(-5vh); transform: translateY(-5dvh); } .a-topFade.is--animated { animation-name: topFade; animation-duration: 0.6s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-bottomFade { opacity: 0; transform: translateY(5vh); transform: translateY(5dvh); } .a-bottomFade.is--animated { animation-name: bottomFade; animation-duration: 0.6s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-leftFade { opacity: 0; transform: translateX(-5vh); transform: translateX(-5dvh); } .a-leftFade.is--animated { animation-name: leftFade; animation-duration: 0.6s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-rightFade { opacity: 0; transform: translateX(5vh); transform: translateX(5dvh); } .a-rightFade.is--animated { animation-name: rightFade; animation-duration: 0.6s; animation-fill-mode: forwards; animation-timing-function: ease-out; } .a-pulse.is--animated { animation-name: pulse; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); } @layer resets.defaults{ a, button, label, select, datalist { white-space: nowrap; } } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 45% { transform: scale(0.1); opacity: 0.7; } 80% { transform: scale(1); opacity: 1; } } @keyframes growingIn { 100% { max-height: 1000px; overflow: visible; } } @keyframes fadeIn { 100% { opacity: 1; } } @keyframes topFade { 100% { opacity: 1; transform: translateY(0); } } @keyframes bottomFade { 100% { opacity: 1; transform: translateY(0); } } @keyframes leftFade { 100% { opacity: 1; transform: translateX(0); } } @keyframes rightFade { 100% { opacity: 1; transform: translateX(0); } } @layer modifiers { .--bgColor-primary { --inherit-bg: #1e8549; background-color: var(--inherit-bg); } .--bgColor-primary1 { --inherit-bg: rgba(30, 133, 73, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary2 { --inherit-bg: rgba(30, 133, 73, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary3 { --inherit-bg: rgba(30, 133, 73, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary4 { --inherit-bg: rgba(30, 133, 73, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary5 { --inherit-bg: rgba(30, 133, 73, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary6 { --inherit-bg: rgba(30, 133, 73, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary7 { --inherit-bg: rgba(30, 133, 73, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary8 { --inherit-bg: rgba(30, 133, 73, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary9 { --inherit-bg: rgba(30, 133, 73, 0.9); background-color: var(--inherit-bg); } .--bgColor-primary-complement { --inherit-bg: hsl(120, 100%, -1.568627451%); background-color: var(--inherit-bg); } .--bgColor-primary-complement1 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary-complement2 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary-complement3 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary-complement4 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary-complement5 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary-complement6 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary-complement7 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary-complement8 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary-complement9 { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary { --inherit-bg: #2ecc71; background-color: var(--inherit-bg); } .--bgColor-secondary1 { --inherit-bg: rgba(46, 204, 113, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary2 { --inherit-bg: rgba(46, 204, 113, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary3 { --inherit-bg: rgba(46, 204, 113, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary4 { --inherit-bg: rgba(46, 204, 113, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary5 { --inherit-bg: rgba(46, 204, 113, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary6 { --inherit-bg: rgba(46, 204, 113, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary7 { --inherit-bg: rgba(46, 204, 113, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary8 { --inherit-bg: rgba(46, 204, 113, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary9 { --inherit-bg: rgba(46, 204, 113, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary-complement { --inherit-bg: #1abc9c; background-color: var(--inherit-bg); } .--bgColor-secondary-complement1 { --inherit-bg: rgba(26, 188, 156, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary-complement2 { --inherit-bg: rgba(26, 188, 156, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary-complement3 { --inherit-bg: rgba(26, 188, 156, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary-complement4 { --inherit-bg: rgba(26, 188, 156, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary-complement5 { --inherit-bg: rgba(26, 188, 156, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary-complement6 { --inherit-bg: rgba(26, 188, 156, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary-complement7 { --inherit-bg: rgba(26, 188, 156, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary-complement8 { --inherit-bg: rgba(26, 188, 156, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary-complement9 { --inherit-bg: rgba(26, 188, 156, 0.9); background-color: var(--inherit-bg); } .--bgColor-danger { --inherit-bg: #e74c3c; background-color: var(--inherit-bg); } .--bgColor-danger1 { --inherit-bg: rgba(231, 76, 60, 0.1); background-color: var(--inherit-bg); } .--bgColor-danger2 { --inherit-bg: rgba(231, 76, 60, 0.2); background-color: var(--inherit-bg); } .--bgColor-danger3 { --inherit-bg: rgba(231, 76, 60, 0.3); background-color: var(--inherit-bg); } .--bgColor-danger4 { --inherit-bg: rgba(231, 76, 60, 0.4); background-color: var(--inherit-bg); } .--bgColor-danger5 { --inherit-bg: rgba(231, 76, 60, 0.5); background-color: var(--inherit-bg); } .--bgColor-danger6 { --inherit-bg: rgba(231, 76, 60, 0.6); background-color: var(--inherit-bg); } .--bgColor-danger7 { --inherit-bg: rgba(231, 76, 60, 0.7); background-color: var(--inherit-bg); } .--bgColor-danger8 { --inherit-bg: rgba(231, 76, 60, 0.8); background-color: var(--inherit-bg); } .--bgColor-danger9 { --inherit-bg: rgba(231, 76, 60, 0.9); background-color: var(--inherit-bg); } .--bgColor-success { --inherit-bg: #259c21; background-color: var(--inherit-bg); } .--bgColor-success1 { --inherit-bg: rgba(37, 156, 33, 0.1); background-color: var(--inherit-bg); } .--bgColor-success2 { --inherit-bg: rgba(37, 156, 33, 0.2); background-color: var(--inherit-bg); } .--bgColor-success3 { --inherit-bg: rgba(37, 156, 33, 0.3); background-color: var(--inherit-bg); } .--bgColor-success4 { --inherit-bg: rgba(37, 156, 33, 0.4); background-color: var(--inherit-bg); } .--bgColor-success5 { --inherit-bg: rgba(37, 156, 33, 0.5); background-color: var(--inherit-bg); } .--bgColor-success6 { --inherit-bg: rgba(37, 156, 33, 0.6); background-color: var(--inherit-bg); } .--bgColor-success7 { --inherit-bg: rgba(37, 156, 33, 0.7); background-color: var(--inherit-bg); } .--bgColor-success8 { --inherit-bg: rgba(37, 156, 33, 0.8); background-color: var(--inherit-bg); } .--bgColor-success9 { --inherit-bg: rgba(37, 156, 33, 0.9); background-color: var(--inherit-bg); } .--bgColor-warning { --inherit-bg: #f39c12; background-color: var(--inherit-bg); } .--bgColor-warning1 { --inherit-bg: rgba(243, 156, 18, 0.1); background-color: var(--inherit-bg); } .--bgColor-warning2 { --inherit-bg: rgba(243, 156, 18, 0.2); background-color: var(--inherit-bg); } .--bgColor-warning3 { --inherit-bg: rgba(243, 156, 18, 0.3); background-color: var(--inherit-bg); } .--bgColor-warning4 { --inherit-bg: rgba(243, 156, 18, 0.4); background-color: var(--inherit-bg); } .--bgColor-warning5 { --inherit-bg: rgba(243, 156, 18, 0.5); background-color: var(--inherit-bg); } .--bgColor-warning6 { --inherit-bg: rgba(243, 156, 18, 0.6); background-color: var(--inherit-bg); } .--bgColor-warning7 { --inherit-bg: rgba(243, 156, 18, 0.7); background-color: var(--inherit-bg); } .--bgColor-warning8 { --inherit-bg: rgba(243, 156, 18, 0.8); background-color: var(--inherit-bg); } .--bgColor-warning9 { --inherit-bg: rgba(243, 156, 18, 0.9); background-color: var(--inherit-bg); } .--bgColor { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light1 { --inherit-bg: rgba(255, 255, 255, 0.1); background-color: var(--inherit-bg); } .--bgColor-light2 { --inherit-bg: rgba(255, 255, 255, 0.2); background-color: var(--inherit-bg); } .--bgColor-light3 { --inherit-bg: rgba(255, 255, 255, 0.3); background-color: var(--inherit-bg); } .--bgColor-light4 { --inherit-bg: rgba(255, 255, 255, 0.4); background-color: var(--inherit-bg); } .--bgColor-light5 { --inherit-bg: rgba(255, 255, 255, 0.5); background-color: var(--inherit-bg); } .--bgColor-light6 { --inherit-bg: rgba(255, 255, 255, 0.6); background-color: var(--inherit-bg); } .--bgColor-light7 { --inherit-bg: rgba(255, 255, 255, 0.7); background-color: var(--inherit-bg); } .--bgColor-light8 { --inherit-bg: rgba(255, 255, 255, 0.8); background-color: var(--inherit-bg); } .--bgColor-light9 { --inherit-bg: rgba(255, 255, 255, 0.9); background-color: var(--inherit-bg); } .--bgColor-dark { --inherit-bg: #000; background-color: var(--inherit-bg); } .--bgColor-dark1 { --inherit-bg: rgba(0, 0, 0, 0.1); background-color: var(--inherit-bg); } .--bgColor-dark2 { --inherit-bg: rgba(0, 0, 0, 0.2); background-color: var(--inherit-bg); } .--bgColor-dark3 { --inherit-bg: rgba(0, 0, 0, 0.3); background-color: var(--inherit-bg); } .--bgColor-dark4 { --inherit-bg: rgba(0, 0, 0, 0.4); background-color: var(--inherit-bg); } .--bgColor-dark5 { --inherit-bg: rgba(0, 0, 0, 0.5); background-color: var(--inherit-bg); } .--bgColor-dark6 { --inherit-bg: rgba(0, 0, 0, 0.6); background-color: var(--inherit-bg); } .--bgColor-dark7 { --inherit-bg: rgba(0, 0, 0, 0.7); background-color: var(--inherit-bg); } .--bgColor-dark8 { --inherit-bg: rgba(0, 0, 0, 0.8); background-color: var(--inherit-bg); } .--bgColor-dark9 { --inherit-bg: rgba(0, 0, 0, 0.9); background-color: var(--inherit-bg); } .--bgColor-none { background-color: transparent; background-image: unset; } .--bdrColor { border-color: rgba(var(--rgb-secondary), 0.1); } .--bdrColor-primary { border-color: #1e8549; } .--bdrColor-primary1 { border-color: rgba(30, 133, 73, 0.1); } .--bdrColor-primary2 { border-color: rgba(30, 133, 73, 0.2); } .--bdrColor-primary3 { border-color: rgba(30, 133, 73, 0.3); } .--bdrColor-primary4 { border-color: rgba(30, 133, 73, 0.4); } .--bdrColor-primary5 { border-color: rgba(30, 133, 73, 0.5); } .--bdrColor-primary6 { border-color: rgba(30, 133, 73, 0.6); } .--bdrColor-primary7 { border-color: rgba(30, 133, 73, 0.7); } .--bdrColor-primary8 { border-color: rgba(30, 133, 73, 0.8); } .--bdrColor-primary9 { border-color: rgba(30, 133, 73, 0.9); } .--bdrColor-primary-complement { border-color: hsl(120, 100%, -1.568627451%); } .--bdrColor-primary-complement1 { border-color: hsla(120, 100%, -1.568627451%, 0.1); } .--bdrColor-primary-complement2 { border-color: hsla(120, 100%, -1.568627451%, 0.2); } .--bdrColor-primary-complement3 { border-color: hsla(120, 100%, -1.568627451%, 0.3); } .--bdrColor-primary-complement4 { border-color: hsla(120, 100%, -1.568627451%, 0.4); } .--bdrColor-primary-complement5 { border-color: hsla(120, 100%, -1.568627451%, 0.5); } .--bdrColor-primary-complement6 { border-color: hsla(120, 100%, -1.568627451%, 0.6); } .--bdrColor-primary-complement7 { border-color: hsla(120, 100%, -1.568627451%, 0.7); } .--bdrColor-primary-complement8 { border-color: hsla(120, 100%, -1.568627451%, 0.8); } .--bdrColor-primary-complement9 { border-color: hsla(120, 100%, -1.568627451%, 0.9); } .--bdrColor-secondary { border-color: #2ecc71; } .--bdrColor-secondary1 { border-color: rgba(46, 204, 113, 0.1); } .--bdrColor-secondary2 { border-color: rgba(46, 204, 113, 0.2); } .--bdrColor-secondary3 { border-color: rgba(46, 204, 113, 0.3); } .--bdrColor-secondary4 { border-color: rgba(46, 204, 113, 0.4); } .--bdrColor-secondary5 { border-color: rgba(46, 204, 113, 0.5); } .--bdrColor-secondary6 { border-color: rgba(46, 204, 113, 0.6); } .--bdrColor-secondary7 { border-color: rgba(46, 204, 113, 0.7); } .--bdrColor-secondary8 { border-color: rgba(46, 204, 113, 0.8); } .--bdrColor-secondary9 { border-color: rgba(46, 204, 113, 0.9); } .--bdrColor-secondary-complement { border-color: #1abc9c; } .--bdrColor-secondary-complement1 { border-color: rgba(26, 188, 156, 0.1); } .--bdrColor-secondary-complement2 { border-color: rgba(26, 188, 156, 0.2); } .--bdrColor-secondary-complement3 { border-color: rgba(26, 188, 156, 0.3); } .--bdrColor-secondary-complement4 { border-color: rgba(26, 188, 156, 0.4); } .--bdrColor-secondary-complement5 { border-color: rgba(26, 188, 156, 0.5); } .--bdrColor-secondary-complement6 { border-color: rgba(26, 188, 156, 0.6); } .--bdrColor-secondary-complement7 { border-color: rgba(26, 188, 156, 0.7); } .--bdrColor-secondary-complement8 { border-color: rgba(26, 188, 156, 0.8); } .--bdrColor-secondary-complement9 { border-color: rgba(26, 188, 156, 0.9); } .--bdrColor-danger { border-color: #e74c3c; } .--bdrColor-danger1 { border-color: rgba(231, 76, 60, 0.1); } .--bdrColor-danger2 { border-color: rgba(231, 76, 60, 0.2); } .--bdrColor-danger3 { border-color: rgba(231, 76, 60, 0.3); } .--bdrColor-danger4 { border-color: rgba(231, 76, 60, 0.4); } .--bdrColor-danger5 { border-color: rgba(231, 76, 60, 0.5); } .--bdrColor-danger6 { border-color: rgba(231, 76, 60, 0.6); } .--bdrColor-danger7 { border-color: rgba(231, 76, 60, 0.7); } .--bdrColor-danger8 { border-color: rgba(231, 76, 60, 0.8); } .--bdrColor-danger9 { border-color: rgba(231, 76, 60, 0.9); } .--bdrColor-success { border-color: #259c21; } .--bdrColor-success1 { border-color: rgba(37, 156, 33, 0.1); } .--bdrColor-success2 { border-color: rgba(37, 156, 33, 0.2); } .--bdrColor-success3 { border-color: rgba(37, 156, 33, 0.3); } .--bdrColor-success4 { border-color: rgba(37, 156, 33, 0.4); } .--bdrColor-success5 { border-color: rgba(37, 156, 33, 0.5); } .--bdrColor-success6 { border-color: rgba(37, 156, 33, 0.6); } .--bdrColor-success7 { border-color: rgba(37, 156, 33, 0.7); } .--bdrColor-success8 { border-color: rgba(37, 156, 33, 0.8); } .--bdrColor-success9 { border-color: rgba(37, 156, 33, 0.9); } .--bdrColor-warning { border-color: #f39c12; } .--bdrColor-warning1 { border-color: rgba(243, 156, 18, 0.1); } .--bdrColor-warning2 { border-color: rgba(243, 156, 18, 0.2); } .--bdrColor-warning3 { border-color: rgba(243, 156, 18, 0.3); } .--bdrColor-warning4 { border-color: rgba(243, 156, 18, 0.4); } .--bdrColor-warning5 { border-color: rgba(243, 156, 18, 0.5); } .--bdrColor-warning6 { border-color: rgba(243, 156, 18, 0.6); } .--bdrColor-warning7 { border-color: rgba(243, 156, 18, 0.7); } .--bdrColor-warning8 { border-color: rgba(243, 156, 18, 0.8); } .--bdrColor-warning9 { border-color: rgba(243, 156, 18, 0.9); } .--bdrColor-light { border-color: #fff; } .--bdrColor-light1 { border-color: rgba(255, 255, 255, 0.1); } .--bdrColor-light2 { border-color: rgba(255, 255, 255, 0.2); } .--bdrColor-light3 { border-color: rgba(255, 255, 255, 0.3); } .--bdrColor-light4 { border-color: rgba(255, 255, 255, 0.4); } .--bdrColor-light5 { border-color: rgba(255, 255, 255, 0.5); } .--bdrColor-light6 { border-color: rgba(255, 255, 255, 0.6); } .--bdrColor-light7 { border-color: rgba(255, 255, 255, 0.7); } .--bdrColor-light8 { border-color: rgba(255, 255, 255, 0.8); } .--bdrColor-light9 { border-color: rgba(255, 255, 255, 0.9); } .--bdrColor-dark { border-color: #000; } .--bdrColor-dark1 { border-color: rgba(0, 0, 0, 0.1); } .--bdrColor-dark2 { border-color: rgba(0, 0, 0, 0.2); } .--bdrColor-dark3 { border-color: rgba(0, 0, 0, 0.3); } .--bdrColor-dark4 { border-color: rgba(0, 0, 0, 0.4); } .--bdrColor-dark5 { border-color: rgba(0, 0, 0, 0.5); } .--bdrColor-dark6 { border-color: rgba(0, 0, 0, 0.6); } .--bdrColor-dark7 { border-color: rgba(0, 0, 0, 0.7); } .--bdrColor-dark8 { border-color: rgba(0, 0, 0, 0.8); } .--bdrColor-dark9 { border-color: rgba(0, 0, 0, 0.9); } .--bdrColor-none { border-color: transparent; } .--striped-primary:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary-complement:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped-primary-complement.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary-complement:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-secondary-complement.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-danger:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-danger.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-success:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-success), 0.1); } .--striped-success.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-success), 0.1); } .--striped-warning:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-warning.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-light:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-light), 0.1); } .--striped-light.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-light), 0.1); } .--striped-dark:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-dark), 0.1); } .--striped-dark.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-dark), 0.1); } .--flxAlign-end { align-items: flex-end; } .--flxAlign-start { align-items: flex-start; } .--flxAlign-stretch { align-items: stretch; } .--flxAlign-baseline { align-items: baseline; } .--flxAlign, .--flxAlign-center { align-items: center; } .--flxAlignSelf-end { align-self: flex-end; } .--flxAlignSelf-start { align-self: flex-start; } .--flxAlignSelf-stretch { align-self: stretch; } .--flxAlignSelf-baseline { align-self: baseline; } .--flxAlignSelf, .--flxAlignSelf-center { align-self: center; } .--flx-fill { flex: 1 1 100%; } .--flx-fit { flex: 1 0 auto; } .--flx, .--flx-auto { flex: 1 1 auto; } .--flxJustify-end { justify-content: flex-end; } .--flxJustify-end.grd { justify-items: flex-end; } .--flxJustify-start { justify-content: flex-start; } .--flxJustify-start.grd { justify-items: flex-start; } .--flxJustify-around { justify-content: space-around; } .--flxJustify-around.grd { justify-items: space-around; } .--flxJustify-evenly { justify-content: space-around; justify-content: space-evenly; } .--flxJustify-evenly.grd { justify-items: space-around; justify-items: space-evenly; } .--flxJustify-between { justify-content: space-between; } .--flxJustify-between.grd { justify-items: space-between; } .--flxJustify-stretch { justify-content: stretch; } .--flxJustify-stretch.grd { justify-items: stretch; } .--flxJustify, .--flxJustify-center { justify-content: center; } .--flxJustify.grd, .--flxJustify-center.grd { justify-items: center; } .--flxJustifySelf-end { justify-self: flex-end; } .--flxJustifySelf-start { justify-self: flex-start; } .--flxJustifySelf-around { justify-self: space-around; } .--flxJustifySelf-evenly { justify-self: space-around; } .--flxJustifySelf-between { justify-self: space-between; } .--flxJustifySelf-stretch { justify-self: stretch; } .--flxJustifySelf, .--flxJustifySelf-center { justify-self: center; } .--flx-between { align-items: center; } .--flx-between, .--flx-between-stretch, .--flx-between-baseline, .--flx-between-start, .--flx-between-center, .--flx-between-end { justify-content: space-between; } .--flx-between.grd, .--flx-between-stretch.grd, .--flx-between-baseline.grd, .--flx-between-start.grd, .--flx-between-center.grd, .--flx-between-end.grd { justify-items: space-between; } .--flx-around { align-items: center; } .--flx-around, .--flx-around-stretch, .--flx-around-baseline, .--flx-around-start, .--flx-around-center, .--flx-around-end { justify-content: space-around; } .--flx-around.grd, .--flx-around-stretch.grd, .--flx-around-baseline.grd, .--flx-around-start.grd, .--flx-around-center.grd, .--flx-around-end.grd { justify-items: space-around; } .--flx-stretch { align-items: center; } .--flx-stretch, .--flx-stretch-stretch, .--flx-stretch-baseline, .--flx-stretch-start, .--flx-stretch-center, .--flx-stretch-end { justify-content: stretch; } .--flx-stretch.grd, .--flx-stretch-stretch.grd, .--flx-stretch-baseline.grd, .--flx-stretch-start.grd, .--flx-stretch-center.grd, .--flx-stretch-end.grd { justify-items: stretch; } .--flx-evenly { align-items: center; } .--flx-evenly, .--flx-evenly-stretch, .--flx-evenly-baseline, .--flx-evenly-start, .--flx-evenly-center, .--flx-evenly-end { justify-content: space-around; justify-content: space-evenly; } .--flx-evenly.grd, .--flx-evenly-stretch.grd, .--flx-evenly-baseline.grd, .--flx-evenly-start.grd, .--flx-evenly-center.grd, .--flx-evenly-end.grd { justify-items: space-around; justify-items: space-evenly; } .--flx-center { align-items: center; } .--flx-center, .--flx-center-stretch, .--flx-center-baseline, .--flx-center-start, .--flx-center-center, .--flx-center-end { justify-content: center; } .--flx-center.grd, .--flx-center-stretch.grd, .--flx-center-baseline.grd, .--flx-center-start.grd, .--flx-center-center.grd, .--flx-center-end.grd { justify-items: center; } .--flx-start { align-items: flex-start; } .--flx-start, .--flx-start-stretch, .--flx-start-baseline, .--flx-start-start, .--flx-start-center, .--flx-start-end { justify-content: flex-start; } .--flx-start.grd, .--flx-start-stretch.grd, .--flx-start-baseline.grd, .--flx-start-start.grd, .--flx-start-center.grd, .--flx-start-end.grd { justify-items: flex-start; } .--flx-end { align-items: flex-end; } .--flx-end, .--flx-end-stretch, .--flx-end-baseline, .--flx-end-start, .--flx-end-center, .--flx-end-end { justify-content: flex-end; } .--flx-end.grd, .--flx-end-stretch.grd, .--flx-end-baseline.grd, .--flx-end-start.grd, .--flx-end-center.grd, .--flx-end-end.grd { justify-items: flex-end; } .--flx-start-start, .--flx-center-start, .--flx-end-start, .--flx-stretch-start, .--flx-between-start, .--flx-around-start, .--flx-evenly-start { align-items: flex-start; } .--flx-start-center, .--flx-center-center, .--flx-end-center, .--flx-stretch-center, .--flx-between-center, .--flx-around-center, .--flx-evenly-center { align-items: center; } .--flx-start-end, .--flx-center-end, .--flx-end-end, .--flx-stretch-end, .--flx-between-end, .--flx-around-end, .--flx-evenly-end { align-items: flex-end; } .--flx-start-stretch, .--flx-center-stretch, .--flx-end-stretch, .--flx-stretch-stretch, .--flx-between-stretch, .--flx-around-stretch, .--flx-evenly-stretch { align-items: stretch; } .--flx-start-baseline, .--flx-center-baseline, .--flx-end-baseline, .--flx-stretch-baseline, .--flx-between-baseline, .--flx-around-baseline, .--flx-evenly-baseline { align-items: baseline; } .--flxSelf-between { align-self: center; } .--flxSelf-between, .--flxSelf-between-stretch, .--flxSelf-between-baseline, .--flxSelf-between-start, .--flxSelf-between-center, .--flxSelf-between-end { justify-self: space-between; } .--flxSelf-around { align-self: center; } .--flxSelf-around, .--flxSelf-around-stretch, .--flxSelf-around-baseline, .--flxSelf-around-start, .--flxSelf-around-center, .--flxSelf-around-end { justify-self: space-around; } .--flxSelf-stretch { align-self: center; } .--flxSelf-stretch, .--flxSelf-stretch-stretch, .--flxSelf-stretch-baseline, .--flxSelf-stretch-start, .--flxSelf-stretch-center, .--flxSelf-stretch-end { justify-self: stretch; } .--flxSelf-evenly { align-self: center; } .--flxSelf-evenly, .--flxSelf-evenly-stretch, .--flxSelf-evenly-baseline, .--flxSelf-evenly-start, .--flxSelf-evenly-center, .--flxSelf-evenly-end { justify-self: space-around; justify-self: space-evenly; } .--flxSelf-center { align-self: center; } .--flxSelf-center, .--flxSelf-center-stretch, .--flxSelf-center-baseline, .--flxSelf-center-start, .--flxSelf-center-center, .--flxSelf-center-end { justify-self: center; } .--flxSelf-start { align-self: flex-start; } .--flxSelf-start, .--flxSelf-start-stretch, .--flxSelf-start-baseline, .--flxSelf-start-start, .--flxSelf-start-center, .--flxSelf-start-end { justify-self: flex-start; } .--flxSelf-end { align-self: flex-end; } .--flxSelf-end, .--flxSelf-end-stretch, .--flxSelf-end-baseline, .--flxSelf-end-start, .--flxSelf-end-center, .--flxSelf-end-end { justify-self: flex-end; } .--flxSelf-start-start, .--flxSelf-center-start, .--flxSelf-end-start, .--flxSelf-stretch-start, .--flxSelf-between-start, .--flxSelf-around-start, .--flxSelf-evenly-start { align-self: flex-start; } .--flxSelf-start-center, .--flxSelf-center-center, .--flxSelf-end-center, .--flxSelf-stretch-center, .--flxSelf-between-center, .--flxSelf-around-center, .--flxSelf-evenly-center { align-self: center; } .--flxSelf-start-end, .--flxSelf-center-end, .--flxSelf-end-end, .--flxSelf-stretch-end, .--flxSelf-between-end, .--flxSelf-around-end, .--flxSelf-evenly-end { align-self: flex-end; } .--flxSelf-start-stretch, .--flxSelf-center-stretch, .--flxSelf-end-stretch, .--flxSelf-stretch-stretch, .--flxSelf-between-stretch, .--flxSelf-around-stretch, .--flxSelf-evenly-stretch { align-self: stretch; } .--flxSelf-start-baseline, .--flxSelf-center-baseline, .--flxSelf-end-baseline, .--flxSelf-stretch-baseline, .--flxSelf-between-baseline, .--flxSelf-around-baseline, .--flxSelf-evenly-baseline { align-self: baseline; } .--gap { gap: 1rem; } .--gap-0, .--gap-none { gap: 0; } .--gapX { column-gap: 1rem; } .--gapX-0, .--gapX-none { column-gap: 0; } .--gapY { row-gap: 1rem; } .--gapY-0, .--gapY-none { row-gap: 0; } .--gap-5 { gap: 0.3333333333rem; } .--gapX-5 { column-gap: 0.3333333333rem; } .--gapY-5 { row-gap: 0.3333333333rem; } .--gap-10 { gap: 0.6666666667rem; } .--gapX-10 { column-gap: 0.6666666667rem; } .--gapY-10 { row-gap: 0.6666666667rem; } .--gap-15 { gap: 1rem; } .--gapX-15 { column-gap: 1rem; } .--gapY-15 { row-gap: 1rem; } .--gap-20 { gap: 1.3333333333rem; } .--gapX-20 { column-gap: 1.3333333333rem; } .--gapY-20 { row-gap: 1.3333333333rem; } .--gap-25 { gap: 1.6666666667rem; } .--gapX-25 { column-gap: 1.6666666667rem; } .--gapY-25 { row-gap: 1.6666666667rem; } .--gap-30 { gap: 2rem; } .--gapX-30 { column-gap: 2rem; } .--gapY-30 { row-gap: 2rem; } .--gap-35 { gap: 2.3333333333rem; } .--gapX-35 { column-gap: 2.3333333333rem; } .--gapY-35 { row-gap: 2.3333333333rem; } .--gap-40 { gap: 2.6666666667rem; } .--gapX-40 { column-gap: 2.6666666667rem; } .--gapY-40 { row-gap: 2.6666666667rem; } .--gap-45 { gap: 3rem; } .--gapX-45 { column-gap: 3rem; } .--gapY-45 { row-gap: 3rem; } .--gap-50 { gap: 3.3333333333rem; } .--gapX-50 { column-gap: 3.3333333333rem; } .--gapY-50 { row-gap: 3.3333333333rem; } .--height-quarter, .--height-25 { height: 25%; } .--height-third, .--height-33 { height: 33%; } .--height-half, .--height-50 { height: 50%; } .--height-0 { height: 0; } .--height-none { height: unset; height: none; } .--height-100, .--height-full { height: 100%; } .--height-1920 { height: 128rem; } .--height-1080 { height: 72rem; } .--height-480 { height: 32rem; } .--height-440 { height: 29rem; } .--height-220 { height: 15rem; } .--height-180 { height: 12rem; } .--height-90 { height: 6rem; } .--heightVw { height: 25vw; height: 25dvw; } .--heightVw-30 { height: 30vw; height: 30dvw; } .--heightVw-40 { height: 40vw; height: 40dvw; } .--heightVw-50 { height: 50vw; height: 50dvw; } .--heightVw-60 { height: 60vw; height: 60dvw; } .--heightVw-70 { height: 70vw; height: 70dvw; } .--heightVw-80 { height: 80vw; height: 80dvw; } .--heightVw-90 { height: 90vw; height: 90dvw; } .--heightVw-100 { height: 100vw; height: 100dvw; } .--heightVh { height: 25vh; height: 25dvh; } .--heightVh-30 { height: 30vh; height: 30dvh; } .--heightVh-40 { height: 40vh; height: 40dvh; } .--heightVh-50 { height: 50vh; height: 50dvh; } .--heightVh-60 { height: 60vh; height: 60dvh; } .--heightVh-70 { height: 70vh; height: 70dvh; } .--heightVh-80 { height: 80vh; height: 80dvh; } .--heightVh-90 { height: 90vh; height: 90dvh; } .--heightVh-100 { height: 100vh; height: 100dvh; } .--height, .--height-auto { height: auto; } .--height-fit { height: fit-content; } .--height-max { height: max-content; } .--height-min { height: min-content; } .--minHeight-quarter, .--minHeight-25 { min-height: 25%; } .--minHeight-third, .--minHeight-33 { min-height: 33%; } .--minHeight-half, .--minHeight-50 { min-height: 50%; } .--minHeight-0 { min-height: 0; } .--minHeight-none { min-height: unset; min-height: none; } .--minHeight-100, .--minHeight-full { min-height: 100%; } .--minHeight-1920 { min-height: 128rem; } .--minHeight-1080 { min-height: 72rem; } .--minHeight-480 { min-height: 32rem; } .--minHeight-440 { min-height: 29rem; } .--minHeight-220 { min-height: 15rem; } .--minHeight-180 { min-height: 12rem; } .--minHeight-90 { min-height: 6rem; } .--minHeightVw { min-height: 25vw; min-height: 25dvw; } .--minHeightVw-30 { min-height: 30vw; min-height: 30dvw; } .--minHeightVw-40 { min-height: 40vw; min-height: 40dvw; } .--minHeightVw-50 { min-height: 50vw; min-height: 50dvw; } .--minHeightVw-60 { min-height: 60vw; min-height: 60dvw; } .--minHeightVw-70 { min-height: 70vw; min-height: 70dvw; } .--minHeightVw-80 { min-height: 80vw; min-height: 80dvw; } .--minHeightVw-90 { min-height: 90vw; min-height: 90dvw; } .--minHeightVw-100 { min-height: 100vw; min-height: 100dvw; } .--minHeightVh { min-height: 25vh; min-height: 25dvh; } .--minHeightVh-30 { min-height: 30vh; min-height: 30dvh; } .--minHeightVh-40 { min-height: 40vh; min-height: 40dvh; } .--minHeightVh-50 { min-height: 50vh; min-height: 50dvh; } .--minHeightVh-60 { min-height: 60vh; min-height: 60dvh; } .--minHeightVh-70 { min-height: 70vh; min-height: 70dvh; } .--minHeightVh-80 { min-height: 80vh; min-height: 80dvh; } .--minHeightVh-90 { min-height: 90vh; min-height: 90dvh; } .--minHeightVh-100 { min-height: 100vh; min-height: 100dvh; } .--minHeight, .--minHeight-1200 { min-height: 75rem; } .--minHeight-fit { min-height: fit-content; } .--minHeight-max { min-height: max-content; } .--minHeight-min { min-height: min-content; } .--maxHeight-quarter, .--maxHeight-25 { max-height: 25%; } .--maxHeight-third, .--maxHeight-33 { max-height: 33%; } .--maxHeight-half, .--maxHeight-50 { max-height: 50%; } .--maxHeight-0 { max-height: 0; } .--maxHeight-none { max-height: unset; max-height: none; } .--maxHeight-100, .--maxHeight-full { max-height: 100%; } .--maxHeight-1920 { max-height: 128rem; } .--maxHeight-1080 { max-height: 72rem; } .--maxHeight-480 { max-height: 32rem; } .--maxHeight-440 { max-height: 29rem; } .--maxHeight-220 { max-height: 15rem; } .--maxHeight-180 { max-height: 12rem; } .--maxHeight-90 { max-height: 6rem; } .--maxHeightVw { max-height: 25vw; max-height: 25dvw; } .--maxHeightVw-30 { max-height: 30vw; max-height: 30dvw; } .--maxHeightVw-40 { max-height: 40vw; max-height: 40dvw; } .--maxHeightVw-50 { max-height: 50vw; max-height: 50dvw; } .--maxHeightVw-60 { max-height: 60vw; max-height: 60dvw; } .--maxHeightVw-70 { max-height: 70vw; max-height: 70dvw; } .--maxHeightVw-80 { max-height: 80vw; max-height: 80dvw; } .--maxHeightVw-90 { max-height: 90vw; max-height: 90dvw; } .--maxHeightVw-100 { max-height: 100vw; max-height: 100dvw; } .--maxHeightVh { max-height: 25vh; max-height: 25dvh; } .--maxHeightVh-30 { max-height: 30vh; max-height: 30dvh; } .--maxHeightVh-40 { max-height: 40vh; max-height: 40dvh; } .--maxHeightVh-50 { max-height: 50vh; max-height: 50dvh; } .--maxHeightVh-60 { max-height: 60vh; max-height: 60dvh; } .--maxHeightVh-70 { max-height: 70vh; max-height: 70dvh; } .--maxHeightVh-80 { max-height: 80vh; max-height: 80dvh; } .--maxHeightVh-90 { max-height: 90vh; max-height: 90dvh; } .--maxHeightVh-100 { max-height: 100vh; max-height: 100dvh; } .--maxHeight, .--maxHeight-1200 { max-height: 75rem; } .--maxHeight-fit { max-height: fit-content; } .--maxHeight-max { max-height: max-content; } .--maxHeight-min { max-height: min-content; } .--m { margin: 1rem; } .--m-0, .--m-none { margin: unset; margin: none; margin: 0; } .--mX { margin-left: 1rem; margin-right: 1rem; } .--mX-0, .--mX-none { margin-left: unset; margin-left: none; margin-left: 0; margin-right: unset; margin-right: none; margin-right: 0; } .--mY { margin-top: 1rem; margin-bottom: 1rem; } .--mY-0, .--mY-none { margin-top: unset; margin-top: none; margin-top: 0; margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--m-5 { margin: 0.3333333333rem; } .--mX-5 { margin-left: 0.3333333333rem; margin-right: 0.3333333333rem; } .--mY-5 { margin-top: 0.3333333333rem; margin-bottom: 0.3333333333rem; } .--m-10 { margin: 0.6666666667rem; } .--mX-10 { margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; } .--mY-10 { margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; } .--m-15 { margin: 1rem; } .--mX-15 { margin-left: 1rem; margin-right: 1rem; } .--mY-15 { margin-top: 1rem; margin-bottom: 1rem; } .--m-20 { margin: 1.3333333333rem; } .--mX-20 { margin-left: 1.3333333333rem; margin-right: 1.3333333333rem; } .--mY-20 { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } .--m-25 { margin: 1.6666666667rem; } .--mX-25 { margin-left: 1.6666666667rem; margin-right: 1.6666666667rem; } .--mY-25 { margin-top: 1.6666666667rem; margin-bottom: 1.6666666667rem; } .--m-30 { margin: 2rem; } .--mX-30 { margin-left: 2rem; margin-right: 2rem; } .--mY-30 { margin-top: 2rem; margin-bottom: 2rem; } .--m-35 { margin: 2.3333333333rem; } .--mX-35 { margin-left: 2.3333333333rem; margin-right: 2.3333333333rem; } .--mY-35 { margin-top: 2.3333333333rem; margin-bottom: 2.3333333333rem; } .--m-40 { margin: 2.6666666667rem; } .--mX-40 { margin-left: 2.6666666667rem; margin-right: 2.6666666667rem; } .--mY-40 { margin-top: 2.6666666667rem; margin-bottom: 2.6666666667rem; } .--m-45 { margin: 3rem; } .--mX-45 { margin-left: 3rem; margin-right: 3rem; } .--mY-45 { margin-top: 3rem; margin-bottom: 3rem; } .--m-50 { margin: 3.3333333333rem; } .--mX-50 { margin-left: 3.3333333333rem; margin-right: 3.3333333333rem; } .--mY-50 { margin-top: 3.3333333333rem; margin-bottom: 3.3333333333rem; } .--mTop { margin-top: 1rem; } .--mTop-0, .--mTop-none { margin-top: unset; margin-top: none; margin-top: 0; } .--mTop-5 { margin-top: 0.3333333333rem; } .--mTop-10 { margin-top: 0.6666666667rem; } .--mTop-15 { margin-top: 1rem; } .--mTop-20 { margin-top: 1.3333333333rem; } .--mTop-25 { margin-top: 1.6666666667rem; } .--mTop-30 { margin-top: 2rem; } .--mTop-35 { margin-top: 2.3333333333rem; } .--mTop-40 { margin-top: 2.6666666667rem; } .--mTop-45 { margin-top: 3rem; } .--mTop-50 { margin-top: 3.3333333333rem; } .--mRight { margin-right: 1rem; } .--mRight-0, .--mRight-none { margin-right: unset; margin-right: none; margin-right: 0; } .--mRight-5 { margin-right: 0.3333333333rem; } .--mRight-10 { margin-right: 0.6666666667rem; } .--mRight-15 { margin-right: 1rem; } .--mRight-20 { margin-right: 1.3333333333rem; } .--mRight-25 { margin-right: 1.6666666667rem; } .--mRight-30 { margin-right: 2rem; } .--mRight-35 { margin-right: 2.3333333333rem; } .--mRight-40 { margin-right: 2.6666666667rem; } .--mRight-45 { margin-right: 3rem; } .--mRight-50 { margin-right: 3.3333333333rem; } .--mBottom { margin-bottom: 1rem; } .--mBottom-0, .--mBottom-none { margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--mBottom-5 { margin-bottom: 0.3333333333rem; } .--mBottom-10 { margin-bottom: 0.6666666667rem; } .--mBottom-15 { margin-bottom: 1rem; } .--mBottom-20 { margin-bottom: 1.3333333333rem; } .--mBottom-25 { margin-bottom: 1.6666666667rem; } .--mBottom-30 { margin-bottom: 2rem; } .--mBottom-35 { margin-bottom: 2.3333333333rem; } .--mBottom-40 { margin-bottom: 2.6666666667rem; } .--mBottom-45 { margin-bottom: 3rem; } .--mBottom-50 { margin-bottom: 3.3333333333rem; } .--mLeft { margin-left: 1rem; } .--mLeft-0, .--mLeft-none { margin-left: unset; margin-left: none; margin-left: 0; } .--mLeft-5 { margin-left: 0.3333333333rem; } .--mLeft-10 { margin-left: 0.6666666667rem; } .--mLeft-15 { margin-left: 1rem; } .--mLeft-20 { margin-left: 1.3333333333rem; } .--mLeft-25 { margin-left: 1.6666666667rem; } .--mLeft-30 { margin-left: 2rem; } .--mLeft-35 { margin-left: 2.3333333333rem; } .--mLeft-40 { margin-left: 2.6666666667rem; } .--mLeft-45 { margin-left: 3rem; } .--mLeft-50 { margin-left: 3.3333333333rem; } .--m-center { margin: 0 auto; } .--mX-left { margin-left: 0; margin-right: auto; } .--mX-right { margin-left: auto; margin-right: 0; } .--mX, .--mX-center { margin-left: auto; margin-right: auto; } .--mY-top { margin-top: 0; margin-bottom: auto; } .--mY-bottom { margin-top: auto; margin-bottom: 0; } .--mY, .--mY-center { margin-top: auto; margin-bottom: auto; } .--p { padding: 1rem; } .--p-0, .--p-none { padding: unset; padding: none; padding: 0; } .--pX { padding-left: 1rem; padding-right: 1rem; } .--pX-0, .--pX-none { padding-left: unset; padding-left: none; padding-left: 0; padding-right: unset; padding-right: none; padding-right: 0; } .--pY { padding-top: 1rem; padding-bottom: 1rem; } .--pY-0, .--pY-none { padding-top: unset; padding-top: none; padding-top: 0; padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--p-5 { padding: 0.3333333333rem; } .--pX-5 { padding-left: 0.3333333333rem; padding-right: 0.3333333333rem; } .--pY-5 { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; } .--p-10 { padding: 0.6666666667rem; } .--pX-10 { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } .--pY-10 { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; } .--p-15 { padding: 1rem; } .--pX-15 { padding-left: 1rem; padding-right: 1rem; } .--pY-15 { padding-top: 1rem; padding-bottom: 1rem; } .--p-20 { padding: 1.3333333333rem; } .--pX-20 { padding-left: 1.3333333333rem; padding-right: 1.3333333333rem; } .--pY-20 { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } .--p-25 { padding: 1.6666666667rem; } .--pX-25 { padding-left: 1.6666666667rem; padding-right: 1.6666666667rem; } .--pY-25 { padding-top: 1.6666666667rem; padding-bottom: 1.6666666667rem; } .--p-30 { padding: 2rem; } .--pX-30 { padding-left: 2rem; padding-right: 2rem; } .--pY-30 { padding-top: 2rem; padding-bottom: 2rem; } .--p-35 { padding: 2.3333333333rem; } .--pX-35 { padding-left: 2.3333333333rem; padding-right: 2.3333333333rem; } .--pY-35 { padding-top: 2.3333333333rem; padding-bottom: 2.3333333333rem; } .--p-40 { padding: 2.6666666667rem; } .--pX-40 { padding-left: 2.6666666667rem; padding-right: 2.6666666667rem; } .--pY-40 { padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; } .--p-45 { padding: 3rem; } .--pX-45 { padding-left: 3rem; padding-right: 3rem; } .--pY-45 { padding-top: 3rem; padding-bottom: 3rem; } .--p-50 { padding: 3.3333333333rem; } .--pX-50 { padding-left: 3.3333333333rem; padding-right: 3.3333333333rem; } .--pY-50 { padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; } .--pTop { padding-top: 1rem; } .--pTop-0, .--pTop-none { padding-top: unset; padding-top: none; padding-top: 0; } .--pTop-5 { padding-top: 0.3333333333rem; } .--pTop-10 { padding-top: 0.6666666667rem; } .--pTop-15 { padding-top: 1rem; } .--pTop-20 { padding-top: 1.3333333333rem; } .--pTop-25 { padding-top: 1.6666666667rem; } .--pTop-30 { padding-top: 2rem; } .--pTop-35 { padding-top: 2.3333333333rem; } .--pTop-40 { padding-top: 2.6666666667rem; } .--pTop-45 { padding-top: 3rem; } .--pTop-50 { padding-top: 3.3333333333rem; } .--pRight { padding-right: 1rem; } .--pRight-0, .--pRight-none { padding-right: unset; padding-right: none; padding-right: 0; } .--pRight-5 { padding-right: 0.3333333333rem; } .--pRight-10 { padding-right: 0.6666666667rem; } .--pRight-15 { padding-right: 1rem; } .--pRight-20 { padding-right: 1.3333333333rem; } .--pRight-25 { padding-right: 1.6666666667rem; } .--pRight-30 { padding-right: 2rem; } .--pRight-35 { padding-right: 2.3333333333rem; } .--pRight-40 { padding-right: 2.6666666667rem; } .--pRight-45 { padding-right: 3rem; } .--pRight-50 { padding-right: 3.3333333333rem; } .--pBottom { padding-bottom: 1rem; } .--pBottom-0, .--pBottom-none { padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--pBottom-5 { padding-bottom: 0.3333333333rem; } .--pBottom-10 { padding-bottom: 0.6666666667rem; } .--pBottom-15 { padding-bottom: 1rem; } .--pBottom-20 { padding-bottom: 1.3333333333rem; } .--pBottom-25 { padding-bottom: 1.6666666667rem; } .--pBottom-30 { padding-bottom: 2rem; } .--pBottom-35 { padding-bottom: 2.3333333333rem; } .--pBottom-40 { padding-bottom: 2.6666666667rem; } .--pBottom-45 { padding-bottom: 3rem; } .--pBottom-50 { padding-bottom: 3.3333333333rem; } .--pLeft { padding-left: 1rem; } .--pLeft-0, .--pLeft-none { padding-left: unset; padding-left: none; padding-left: 0; } .--pLeft-5 { padding-left: 0.3333333333rem; } .--pLeft-10 { padding-left: 0.6666666667rem; } .--pLeft-15 { padding-left: 1rem; } .--pLeft-20 { padding-left: 1.3333333333rem; } .--pLeft-25 { padding-left: 1.6666666667rem; } .--pLeft-30 { padding-left: 2rem; } .--pLeft-35 { padding-left: 2.3333333333rem; } .--pLeft-40 { padding-left: 2.6666666667rem; } .--pLeft-45 { padding-left: 3rem; } .--pLeft-50 { padding-left: 3.3333333333rem; } .--width-quarter, .--width-25 { width: 25%; } .--width-third, .--width-33 { width: 33%; } .--width-half, .--width-50 { width: 50%; } .--width-0 { width: 0; } .--width-none { width: unset; width: none; } .--width-100, .--width-full { width: 100%; } .--width-1920 { width: 128rem; } .--width-1080 { width: 72rem; } .--width-480 { width: 32rem; } .--width-440 { width: 29rem; } .--width-220 { width: 15rem; } .--width-180 { width: 12rem; } .--width-90 { width: 6rem; } .--widthVw { width: 25vw; width: 25dvw; } .--widthVw-30 { width: 30vw; width: 30dvw; } .--widthVw-40 { width: 40vw; width: 40dvw; } .--widthVw-50 { width: 50vw; width: 50dvw; } .--widthVw-60 { width: 60vw; width: 60dvw; } .--widthVw-70 { width: 70vw; width: 70dvw; } .--widthVw-80 { width: 80vw; width: 80dvw; } .--widthVw-90 { width: 90vw; width: 90dvw; } .--widthVw-100 { width: 100vw; width: 100dvw; } .--widthVh { width: 25vh; width: 25dvh; } .--widthVh-30 { width: 30vh; width: 30dvh; } .--widthVh-40 { width: 40vh; width: 40dvh; } .--widthVh-50 { width: 50vh; width: 50dvh; } .--widthVh-60 { width: 60vh; width: 60dvh; } .--widthVh-70 { width: 70vh; width: 70dvh; } .--widthVh-80 { width: 80vh; width: 80dvh; } .--widthVh-90 { width: 90vh; width: 90dvh; } .--widthVh-100 { width: 100vh; width: 100dvh; } .--width, .--width-auto { width: auto; } .--width-fit { width: fit-content; } .--width-max { width: max-content; } .--width-min { width: min-content; } .--minWidth-quarter, .--minWidth-25 { min-width: 25%; } .--minWidth-third, .--minWidth-33 { min-width: 33%; } .--minWidth-half, .--minWidth-50 { min-width: 50%; } .--minWidth-0 { min-width: 0; } .--minWidth-none { min-width: unset; min-width: none; } .--minWidth-100, .--minWidth-full { min-width: 100%; } .--minWidth-1920 { min-width: 128rem; } .--minWidth-1080 { min-width: 72rem; } .--minWidth-480 { min-width: 32rem; } .--minWidth-440 { min-width: 29rem; } .--minWidth-220 { min-width: 15rem; } .--minWidth-180 { min-width: 12rem; } .--minWidth-90 { min-width: 6rem; } .--minWidthVw { min-width: 25vw; min-width: 25dvw; } .--minWidthVw-30 { min-width: 30vw; min-width: 30dvw; } .--minWidthVw-40 { min-width: 40vw; min-width: 40dvw; } .--minWidthVw-50 { min-width: 50vw; min-width: 50dvw; } .--minWidthVw-60 { min-width: 60vw; min-width: 60dvw; } .--minWidthVw-70 { min-width: 70vw; min-width: 70dvw; } .--minWidthVw-80 { min-width: 80vw; min-width: 80dvw; } .--minWidthVw-90 { min-width: 90vw; min-width: 90dvw; } .--minWidthVw-100 { min-width: 100vw; min-width: 100dvw; } .--minWidthVh { min-width: 25vh; min-width: 25dvh; } .--minWidthVh-30 { min-width: 30vh; min-width: 30dvh; } .--minWidthVh-40 { min-width: 40vh; min-width: 40dvh; } .--minWidthVh-50 { min-width: 50vh; min-width: 50dvh; } .--minWidthVh-60 { min-width: 60vh; min-width: 60dvh; } .--minWidthVh-70 { min-width: 70vh; min-width: 70dvh; } .--minWidthVh-80 { min-width: 80vh; min-width: 80dvh; } .--minWidthVh-90 { min-width: 90vh; min-width: 90dvh; } .--minWidthVh-100 { min-width: 100vh; min-width: 100dvh; } .--minWidth, .--minWidth-1200 { min-width: 75rem; } .--minWidth-fit { min-width: fit-content; } .--minWidth-max { min-width: max-content; } .--minWidth-min { min-width: min-content; } .--maxWidth-quarter, .--maxWidth-25 { max-width: 25%; } .--maxWidth-third, .--maxWidth-33 { max-width: 33%; } .--maxWidth-half, .--maxWidth-50 { max-width: 50%; } .--maxWidth-0 { max-width: 0; } .--maxWidth-none { max-width: unset; max-width: none; } .--maxWidth-100, .--maxWidth-full { max-width: 100%; } .--maxWidth-1920 { max-width: 128rem; } .--maxWidth-1080 { max-width: 72rem; } .--maxWidth-480 { max-width: 32rem; } .--maxWidth-440 { max-width: 29rem; } .--maxWidth-220 { max-width: 15rem; } .--maxWidth-180 { max-width: 12rem; } .--maxWidth-90 { max-width: 6rem; } .--maxWidthVw { max-width: 25vw; max-width: 25dvw; } .--maxWidthVw-30 { max-width: 30vw; max-width: 30dvw; } .--maxWidthVw-40 { max-width: 40vw; max-width: 40dvw; } .--maxWidthVw-50 { max-width: 50vw; max-width: 50dvw; } .--maxWidthVw-60 { max-width: 60vw; max-width: 60dvw; } .--maxWidthVw-70 { max-width: 70vw; max-width: 70dvw; } .--maxWidthVw-80 { max-width: 80vw; max-width: 80dvw; } .--maxWidthVw-90 { max-width: 90vw; max-width: 90dvw; } .--maxWidthVw-100 { max-width: 100vw; max-width: 100dvw; } .--maxWidthVh { max-width: 25vh; max-width: 25dvh; } .--maxWidthVh-30 { max-width: 30vh; max-width: 30dvh; } .--maxWidthVh-40 { max-width: 40vh; max-width: 40dvh; } .--maxWidthVh-50 { max-width: 50vh; max-width: 50dvh; } .--maxWidthVh-60 { max-width: 60vh; max-width: 60dvh; } .--maxWidthVh-70 { max-width: 70vh; max-width: 70dvh; } .--maxWidthVh-80 { max-width: 80vh; max-width: 80dvh; } .--maxWidthVh-90 { max-width: 90vh; max-width: 90dvh; } .--maxWidthVh-100 { max-width: 100vh; max-width: 100dvh; } .--maxWidth, .--maxWidth-1200 { max-width: 75rem; } .--maxWidth-fit { max-width: fit-content; } .--maxWidth-max { max-width: max-content; } .--maxWidth-min { max-width: min-content; } .--txtAlign-right { text-align: right; } .--txtAlign-right:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center { text-align: center; } .--txtAlign-center:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify { text-align: justify; } .--txtAlign-justify:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign, .--txtAlign-left { text-align: left; } .--txtAlign:not(table, thead, tbody, tr, td, th), .--txtAlign-left:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtColor { color: #2f4858; } .--txtColor-primary { color: #1e8549; } .--txtColor-primary1 { color: rgba(30, 133, 73, 0.1); } .--txtColor-primary2 { color: rgba(30, 133, 73, 0.2); } .--txtColor-primary3 { color: rgba(30, 133, 73, 0.3); } .--txtColor-primary4 { color: rgba(30, 133, 73, 0.4); } .--txtColor-primary5 { color: rgba(30, 133, 73, 0.5); } .--txtColor-primary6 { color: rgba(30, 133, 73, 0.6); } .--txtColor-primary7 { color: rgba(30, 133, 73, 0.7); } .--txtColor-primary8 { color: rgba(30, 133, 73, 0.8); } .--txtColor-primary9 { color: rgba(30, 133, 73, 0.9); } .--txtColor-primary-complement { color: hsl(120, 100%, -1.568627451%); } .--txtColor-primary-complement1 { color: hsla(120, 100%, -1.568627451%, 0.1); } .--txtColor-primary-complement2 { color: hsla(120, 100%, -1.568627451%, 0.2); } .--txtColor-primary-complement3 { color: hsla(120, 100%, -1.568627451%, 0.3); } .--txtColor-primary-complement4 { color: hsla(120, 100%, -1.568627451%, 0.4); } .--txtColor-primary-complement5 { color: hsla(120, 100%, -1.568627451%, 0.5); } .--txtColor-primary-complement6 { color: hsla(120, 100%, -1.568627451%, 0.6); } .--txtColor-primary-complement7 { color: hsla(120, 100%, -1.568627451%, 0.7); } .--txtColor-primary-complement8 { color: hsla(120, 100%, -1.568627451%, 0.8); } .--txtColor-primary-complement9 { color: hsla(120, 100%, -1.568627451%, 0.9); } .--txtColor-secondary { color: #2ecc71; } .--txtColor-secondary1 { color: rgba(46, 204, 113, 0.1); } .--txtColor-secondary2 { color: rgba(46, 204, 113, 0.2); } .--txtColor-secondary3 { color: rgba(46, 204, 113, 0.3); } .--txtColor-secondary4 { color: rgba(46, 204, 113, 0.4); } .--txtColor-secondary5 { color: rgba(46, 204, 113, 0.5); } .--txtColor-secondary6 { color: rgba(46, 204, 113, 0.6); } .--txtColor-secondary7 { color: rgba(46, 204, 113, 0.7); } .--txtColor-secondary8 { color: rgba(46, 204, 113, 0.8); } .--txtColor-secondary9 { color: rgba(46, 204, 113, 0.9); } .--txtColor-secondary-complement { color: #1abc9c; } .--txtColor-secondary-complement1 { color: rgba(26, 188, 156, 0.1); } .--txtColor-secondary-complement2 { color: rgba(26, 188, 156, 0.2); } .--txtColor-secondary-complement3 { color: rgba(26, 188, 156, 0.3); } .--txtColor-secondary-complement4 { color: rgba(26, 188, 156, 0.4); } .--txtColor-secondary-complement5 { color: rgba(26, 188, 156, 0.5); } .--txtColor-secondary-complement6 { color: rgba(26, 188, 156, 0.6); } .--txtColor-secondary-complement7 { color: rgba(26, 188, 156, 0.7); } .--txtColor-secondary-complement8 { color: rgba(26, 188, 156, 0.8); } .--txtColor-secondary-complement9 { color: rgba(26, 188, 156, 0.9); } .--txtColor-danger { color: #e74c3c; } .--txtColor-danger1 { color: rgba(231, 76, 60, 0.1); } .--txtColor-danger2 { color: rgba(231, 76, 60, 0.2); } .--txtColor-danger3 { color: rgba(231, 76, 60, 0.3); } .--txtColor-danger4 { color: rgba(231, 76, 60, 0.4); } .--txtColor-danger5 { color: rgba(231, 76, 60, 0.5); } .--txtColor-danger6 { color: rgba(231, 76, 60, 0.6); } .--txtColor-danger7 { color: rgba(231, 76, 60, 0.7); } .--txtColor-danger8 { color: rgba(231, 76, 60, 0.8); } .--txtColor-danger9 { color: rgba(231, 76, 60, 0.9); } .--txtColor-success { color: #259c21; } .--txtColor-success1 { color: rgba(37, 156, 33, 0.1); } .--txtColor-success2 { color: rgba(37, 156, 33, 0.2); } .--txtColor-success3 { color: rgba(37, 156, 33, 0.3); } .--txtColor-success4 { color: rgba(37, 156, 33, 0.4); } .--txtColor-success5 { color: rgba(37, 156, 33, 0.5); } .--txtColor-success6 { color: rgba(37, 156, 33, 0.6); } .--txtColor-success7 { color: rgba(37, 156, 33, 0.7); } .--txtColor-success8 { color: rgba(37, 156, 33, 0.8); } .--txtColor-success9 { color: rgba(37, 156, 33, 0.9); } .--txtColor-warning { color: #f39c12; } .--txtColor-warning1 { color: rgba(243, 156, 18, 0.1); } .--txtColor-warning2 { color: rgba(243, 156, 18, 0.2); } .--txtColor-warning3 { color: rgba(243, 156, 18, 0.3); } .--txtColor-warning4 { color: rgba(243, 156, 18, 0.4); } .--txtColor-warning5 { color: rgba(243, 156, 18, 0.5); } .--txtColor-warning6 { color: rgba(243, 156, 18, 0.6); } .--txtColor-warning7 { color: rgba(243, 156, 18, 0.7); } .--txtColor-warning8 { color: rgba(243, 156, 18, 0.8); } .--txtColor-warning9 { color: rgba(243, 156, 18, 0.9); } .--txtColor-light { color: #fff; } .--txtColor-light1 { color: rgba(255, 255, 255, 0.1); } .--txtColor-light2 { color: rgba(255, 255, 255, 0.2); } .--txtColor-light3 { color: rgba(255, 255, 255, 0.3); } .--txtColor-light4 { color: rgba(255, 255, 255, 0.4); } .--txtColor-light5 { color: rgba(255, 255, 255, 0.5); } .--txtColor-light6 { color: rgba(255, 255, 255, 0.6); } .--txtColor-light7 { color: rgba(255, 255, 255, 0.7); } .--txtColor-light8 { color: rgba(255, 255, 255, 0.8); } .--txtColor-light9 { color: rgba(255, 255, 255, 0.9); } .--txtColor-dark { color: #000; } .--txtColor-dark1 { color: rgba(0, 0, 0, 0.1); } .--txtColor-dark2 { color: rgba(0, 0, 0, 0.2); } .--txtColor-dark3 { color: rgba(0, 0, 0, 0.3); } .--txtColor-dark4 { color: rgba(0, 0, 0, 0.4); } .--txtColor-dark5 { color: rgba(0, 0, 0, 0.5); } .--txtColor-dark6 { color: rgba(0, 0, 0, 0.6); } .--txtColor-dark7 { color: rgba(0, 0, 0, 0.7); } .--txtColor-dark8 { color: rgba(0, 0, 0, 0.8); } .--txtColor-dark9 { color: rgba(0, 0, 0, 0.9); } .--txtColor-none { color: transparent; } .--txtColor-inherit { color: inherit; } .--txtShadow { text-shadow: 1px 1px 1px rgba(var(--rgb-dark), 0.3); } .--txtShadow-primary { text-shadow: 1px 1px 1px #1e8549; } .--txtShadow-primary1 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.1); } .--txtShadow-primary2 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.2); } .--txtShadow-primary3 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.3); } .--txtShadow-primary4 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.4); } .--txtShadow-primary5 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.5); } .--txtShadow-primary6 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.6); } .--txtShadow-primary7 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.7); } .--txtShadow-primary8 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.8); } .--txtShadow-primary9 { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.9); } .--txtShadow-primary-complement { text-shadow: 1px 1px 1px hsl(120, 100%, -1.568627451%); } .--txtShadow-primary-complement1 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.1); } .--txtShadow-primary-complement2 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.2); } .--txtShadow-primary-complement3 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.3); } .--txtShadow-primary-complement4 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.4); } .--txtShadow-primary-complement5 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.5); } .--txtShadow-primary-complement6 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.6); } .--txtShadow-primary-complement7 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.7); } .--txtShadow-primary-complement8 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.8); } .--txtShadow-primary-complement9 { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.9); } .--txtShadow-secondary { text-shadow: 1px 1px 1px #2ecc71; } .--txtShadow-secondary1 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.1); } .--txtShadow-secondary2 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.2); } .--txtShadow-secondary3 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.3); } .--txtShadow-secondary4 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.4); } .--txtShadow-secondary5 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.5); } .--txtShadow-secondary6 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.6); } .--txtShadow-secondary7 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.7); } .--txtShadow-secondary8 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.8); } .--txtShadow-secondary9 { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.9); } .--txtShadow-secondary-complement { text-shadow: 1px 1px 1px #1abc9c; } .--txtShadow-secondary-complement1 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.1); } .--txtShadow-secondary-complement2 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.2); } .--txtShadow-secondary-complement3 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.3); } .--txtShadow-secondary-complement4 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.4); } .--txtShadow-secondary-complement5 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.5); } .--txtShadow-secondary-complement6 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.6); } .--txtShadow-secondary-complement7 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.7); } .--txtShadow-secondary-complement8 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.8); } .--txtShadow-secondary-complement9 { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.9); } .--txtShadow-danger { text-shadow: 1px 1px 1px #e74c3c; } .--txtShadow-danger1 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.1); } .--txtShadow-danger2 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.2); } .--txtShadow-danger3 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.3); } .--txtShadow-danger4 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.4); } .--txtShadow-danger5 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.5); } .--txtShadow-danger6 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.6); } .--txtShadow-danger7 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.7); } .--txtShadow-danger8 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.8); } .--txtShadow-danger9 { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.9); } .--txtShadow-success { text-shadow: 1px 1px 1px #259c21; } .--txtShadow-success1 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.1); } .--txtShadow-success2 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.2); } .--txtShadow-success3 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.3); } .--txtShadow-success4 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.4); } .--txtShadow-success5 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.5); } .--txtShadow-success6 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.6); } .--txtShadow-success7 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.7); } .--txtShadow-success8 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.8); } .--txtShadow-success9 { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.9); } .--txtShadow-warning { text-shadow: 1px 1px 1px #f39c12; } .--txtShadow-warning1 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.1); } .--txtShadow-warning2 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.2); } .--txtShadow-warning3 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.3); } .--txtShadow-warning4 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.4); } .--txtShadow-warning5 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.5); } .--txtShadow-warning6 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.6); } .--txtShadow-warning7 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.7); } .--txtShadow-warning8 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.8); } .--txtShadow-warning9 { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.9); } .--txtShadow-light { text-shadow: 1px 1px 1px #fff; } .--txtShadow-light1 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); } .--txtShadow-light2 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .--txtShadow-light3 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .--txtShadow-light4 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); } .--txtShadow-light5 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } .--txtShadow-light6 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); } .--txtShadow-light7 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); } .--txtShadow-light8 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } .--txtShadow-light9 { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); } .--txtShadow-dark { text-shadow: 1px 1px 1px #000; } .--txtShadow-dark1 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .--txtShadow-dark2 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .--txtShadow-dark3 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .--txtShadow-dark4 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .--txtShadow-dark5 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .--txtShadow-dark6 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } .--txtShadow-dark7 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .--txtShadow-dark8 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } .--txtShadow-dark9 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .--txtShadow-none { text-shadow: none; } .--txtSize, .--txtSize-normal { font-size: 1rem; } .--txtSize-xs { font-size: 0.7rem; } .--txtSize-sm { font-size: 0.85rem; } .--txtSize-md { font-size: 1rem; } .--txtSize-lg { font-size: 1.4rem; } .--txtSize-xl { font-size: 2.2rem; } .--txtSize-xx { font-size: 3.6rem; } .--txtSize-mx { font-size: 4.8rem; } .--txtSpacing, .--txtSpacing-normal { letter-spacing: normal; } .--txtSpacing-0 { letter-spacing: 0em; } .--txtSpacing-5 { letter-spacing: 0.3333333333em; } .--txtSpacing-10 { letter-spacing: 0.6666666667em; } .--txtSpacing-15 { letter-spacing: 1em; } .--txtSpacing-20 { letter-spacing: 1.3333333333em; } .--txtSpacing-25 { letter-spacing: 1.6666666667em; } .--txtSpacing-30 { letter-spacing: 2em; } .--txtStyle-normal { font-style: normal; } .--txtStyle-oblique { font-style: oblique; } .--txtStyle, .--txtStyle-italic { font-style: italic; } .--txtTransform-lower, .--txtTransform-lower::first-letter, .--txtTransform-lowercase, .--txtTransform-lowercase::first-letter { text-transform: lowercase; } .--txtTransform-upper, .--txtTransform-upper::first-letter, .--txtTransform-uppercase, .--txtTransform-uppercase::first-letter { text-transform: uppercase; } .--txtTransform-capitalize, .--txtTransform-capitalize::first-letter { text-transform: capitalize; } .--txtTransform, .--txtTransform::first-letter, .--txtTransform-none, .--txtTransform-none::first-letter { text-transform: none; } .--txtDecoration-none { text-decoration: none; } .--txtDecoration-under, .--txtDecoration-underline { text-decoration: underline; } .--txtDecoration-through, .--txtDecoration-lineThrough { text-decoration: line-through; } .--txtWeight { font-weight: 400; } .--txtWeight-thin { font-weight: 100; } .--txtWeight-lighter { font-weight: 200; } .--txtWeight-light { font-weight: 300; } .--txtWeight-regular { font-weight: 400; } .--txtWeight-medium { font-weight: 500; } .--txtWeight-semibold { font-weight: 600; } .--txtWeight-bold { font-weight: 700; } .--txtWeight-bolder { font-weight: 800; } .--txtWeight-black { font-weight: 900; } .--txtWrap-nowrap { white-space: nowrap; } .--txtWrap, .--txtWrap-wrap { white-space: normal; } .--txtLineHeight { line-height: 1.2em; } .--txtLineHeight-xs { line-height: 0.8333333333em; } .--txtLineHeight-sm { line-height: 1em; } .--txtLineHeight-md { line-height: 1.2em; } .--txtLineHeight-lg { line-height: 1.44em; } .--txtLineHeight-xl { line-height: 1.728em; } .--txtLineHeight-xx { line-height: 2.0736em; } .--txtLineHeight-mx { line-height: 2.48832em; } .--vAlign-middle { vertical-align: middle; } .--vAlign-bottom { vertical-align: bottom; } .--vAlign, .--vAlign-top, .--vAlign-sub, .--vAlign-baseline, .--vAlign-text-top, .--vAlign-text-bottom { vertical-align: baseline; } .--boxSizing-box { box-sizing: border-box; } .--boxSizing, .--boxSizing-content { box-sizing: content-box; } .--bdr-xs, .--bdr.--size-xs { border-width: 2px; } .--bdr-sm, .--bdr.--size-sm { border-width: 2px; } .--bdr, .--bdr.--size { border-width: 2px; } .--bdr-md, .--bdr.--size-md { border-width: 2px; } .--bdr-lg, .--bdr.--size-lg { border-width: 3px; } .--bdr-xl, .--bdr.--size-xl { border-width: 4px; } .--bdr-xx, .--bdr.--size-xx { border-width: 5px; } .--bdr-mx, .--bdr.--size-mx { border-width: 6px; } .--bdr-dashed { border-style: dashed; } .--bdr-solid { border-style: solid; } .--clear { clear: both; } .--float-right { float: left; } .--float, .--float-left { float: left; } .--display, .--display-block { display: block; } .--display-inline { display: inline; } .--display-inline.flx { display: inline-flex; position: static; } .--display-inline.grd { display: inline-grid; width: max-content; max-width: 100%; } .--overflow, .--overflow-visible { overflow: visible; } .--overflow-hidden { overflow: hidden; } .--hidden { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full { display: none !important; } .--order { order: 1; } .--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; } .--position-fixed { position: fixed; } .--position-sticky { position: sticky; left: 0; top: 0; } .--position-relative { position: relative; } .--position-absolute { position: absolute; } .--position, .--position-static { position: static; } .--index { z-index: 999; } .--index-1 { z-index: 1; } .--index-2 { z-index: 2; } .--index-3 { z-index: 3; } .--index-4 { z-index: 4; } .--index-5 { z-index: 5; } .--index-6 { z-index: 6; } .--index-7 { z-index: 7; } .--index-8 { z-index: 8; } .--index-9 { z-index: 9; } .--index-10 { z-index: 10; } .--opacity-0, .--opacity-none { opacity: 0; } .--opacity, .--opacity-10 { opacity: 1; } .--opacity-01 { opacity: 0.1; } .--opacity-02 { opacity: 0.2; } .--opacity-03 { opacity: 0.3; } .--opacity-04 { opacity: 0.4; } .--opacity-05 { opacity: 0.5; } .--opacity-06 { opacity: 0.6; } .--opacity-07 { opacity: 0.7; } .--opacity-08 { opacity: 0.8; } .--opacity-09 { opacity: 0.9; } } @layer modifiers.defaults{ .--txtAlign-right * { text-align: right; } .--txtAlign-center * { text-align: center; } .--txtAlign-justify * { text-align: justify; } .--txtAlign *, .--txtAlign-left * { text-align: left; } .--bdr-xs, .--bdr.--size-xs { border-style: solid; border-color: transparent; } .--bdr-sm, .--bdr.--size-sm { border-style: solid; border-color: transparent; } .--bdr, .--bdr.--size { border-style: solid; border-color: transparent; } .--bdr-md, .--bdr.--size-md { border-style: solid; border-color: transparent; } .--bdr-lg, .--bdr.--size-lg { border-style: solid; border-color: transparent; } .--bdr-xl, .--bdr.--size-xl { border-style: solid; border-color: transparent; } .--bdr-xx, .--bdr.--size-xx { border-style: solid; border-color: transparent; } .--bdr-mx, .--bdr.--size-mx { border-style: solid; border-color: transparent; } } @layer definitions.defaults{ hr { height: 2px; width: auto; margin: 0 -0.4rem; } hr.--vertical { width: 2px; height: auto; margin: -0.4rem 0; } .svg.--tm-primary { --cls: var(--cl, #1e8549); } .svg.--tm-primary-complement { --cls: var(--cl, hsl(120, 100%, -1.568627451%)); } .svg:not([class*="--tm-"]) { --cls: var(--cl, #2ecc71); } .svg.--tm-secondary { --cls: var(--cl, #2ecc71); } .svg.--tm-secondary-complement { --cls: var(--cl, #1abc9c); } .svg.--tm-danger { --cls: var(--cl, #e74c3c); } .svg.--tm-success { --cls: var(--cl, #259c21); } .svg.--tm-warning { --cls: var(--cl, #f39c12); } .svg.--tm-light { --cls: var(--cl, #fff); } .svg.--tm-dark { --cls: var(--cl, #000); } .box { gap: 1rem; } .box { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; } .box:not(.--button, .--bttn) { padding: 1rem; } .box.--tm-primary { background: rgba(var(--rgb-primary), 0.1); } .box.--tm-primary.--opaque { --inherit-bg: rgba(var(--rgb-primary), 1); background: var(--inherit-bg); } .box.--tm-primary.--button, .box.--tm-primary.--bttn { color: rgba(var(--rgb-primary), 1); } .box.--tm-primary-complement { background: rgba(var(--rgb-primary-complement), 0.1); } .box.--tm-primary-complement.--opaque { --inherit-bg: rgba(var(--rgb-primary-complement), 1); background: var(--inherit-bg); } .box.--tm-primary-complement.--button, .box.--tm-primary-complement.--bttn { color: rgba(var(--rgb-primary-complement), 1); } .box:not([class*="--tm-"]) { background: rgba(var(--rgb-secondary), 0.1); } .box:not([class*="--tm-"]).--opaque { --inherit-bg: rgba(var(--rgb-secondary), 1); background: var(--inherit-bg); } .box:not([class*="--tm-"]).--button, .box:not([class*="--tm-"]).--bttn { color: rgba(var(--rgb-secondary), 1); } .box.--tm-secondary { background: rgba(var(--rgb-secondary), 0.1); } .box.--tm-secondary.--opaque { --inherit-bg: rgba(var(--rgb-secondary), 1); background: var(--inherit-bg); } .box.--tm-secondary.--button, .box.--tm-secondary.--bttn { color: rgba(var(--rgb-secondary), 1); } .box.--tm-secondary-complement { background: rgba(var(--rgb-secondary-complement), 0.1); } .box.--tm-secondary-complement.--opaque { --inherit-bg: rgba(var(--rgb-secondary-complement), 1); background: var(--inherit-bg); } .box.--tm-secondary-complement.--button, .box.--tm-secondary-complement.--bttn { color: rgba(var(--rgb-secondary-complement), 1); } .box.--tm-danger { background: rgba(var(--rgb-danger), 0.1); } .box.--tm-danger.--opaque { --inherit-bg: rgba(var(--rgb-danger), 1); background: var(--inherit-bg); } .box.--tm-danger.--button, .box.--tm-danger.--bttn { color: rgba(var(--rgb-danger), 1); } .box.--tm-success { background: rgba(var(--rgb-success), 0.1); } .box.--tm-success.--opaque { --inherit-bg: rgba(var(--rgb-success), 1); background: var(--inherit-bg); } .box.--tm-success.--button, .box.--tm-success.--bttn { color: rgba(var(--rgb-success), 1); } .box.--tm-warning { background: rgba(var(--rgb-warning), 0.1); } .box.--tm-warning.--opaque { --inherit-bg: rgba(var(--rgb-warning), 1); background: var(--inherit-bg); } .box.--tm-warning.--button, .box.--tm-warning.--bttn { color: rgba(var(--rgb-warning), 1); } .box.--tm-light { background: rgba(var(--rgb-light), 0.1); } .box.--tm-light.--opaque { --inherit-bg: rgba(var(--rgb-light), 1); background: var(--inherit-bg); } .box.--tm-light.--button, .box.--tm-light.--bttn { color: rgba(var(--rgb-light), 1); } .box.--tm-dark { background: rgba(var(--rgb-dark), 0.1); } .box.--tm-dark.--opaque { --inherit-bg: rgba(var(--rgb-dark), 1); background: var(--inherit-bg); } .box.--tm-dark.--button, .box.--tm-dark.--bttn { color: rgba(var(--rgb-dark), 1); } .bttnToggle:not([href^=mailto], [href^=tel]) ::first-letter, .bttnToggle:not([href^=mailto], [href^=tel]) > :not(.icon) ::first-letter { text-transform: capitalize; } .bttnY.--tm-primary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-primary-light:hover.is--active, .bttnY.--tm-primary-light:hover.is--route:not(.no--route), .bttnY.--tm-primary-light:focus.is--active, .bttnY.--tm-primary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-light:disabled, .bttnY.--tm-primary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-primary-dark:hover.is--active, .bttnY.--tm-primary-dark:hover.is--route:not(.no--route), .bttnY.--tm-primary-dark:focus.is--active, .bttnY.--tm-primary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-dark:disabled, .bttnY.--tm-primary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-primary-complement-light:hover.is--active, .bttnY.--tm-primary-complement-light:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-light:focus.is--active, .bttnY.--tm-primary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-light:disabled, .bttnY.--tm-primary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-primary-complement-dark:hover.is--active, .bttnY.--tm-primary-complement-dark:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-dark:focus.is--active, .bttnY.--tm-primary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-dark:disabled, .bttnY.--tm-primary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY:not([class*="--tm-"]) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY:not([class*="--tm-"]):hover:not(.is--active):not(.is--route), .bttnY:not([class*="--tm-"]):hover:not(.is--active).is--route.no--route, .bttnY:not([class*="--tm-"]):focus:not(.is--active):not(.is--route), .bttnY:not([class*="--tm-"]):focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY:not([class*="--tm-"]):hover.is--active, .bttnY:not([class*="--tm-"]):hover.is--route:not(.no--route), .bttnY:not([class*="--tm-"]):focus.is--active, .bttnY:not([class*="--tm-"]):focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY:not([class*="--tm-"]):disabled, .bttnY:not([class*="--tm-"])[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-secondary-light:hover.is--active, .bttnY.--tm-secondary-light:hover.is--route:not(.no--route), .bttnY.--tm-secondary-light:focus.is--active, .bttnY.--tm-secondary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-light:disabled, .bttnY.--tm-secondary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-secondary-dark:hover.is--active, .bttnY.--tm-secondary-dark:hover.is--route:not(.no--route), .bttnY.--tm-secondary-dark:focus.is--active, .bttnY.--tm-secondary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-dark:disabled, .bttnY.--tm-secondary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-secondary-complement-light:hover.is--active, .bttnY.--tm-secondary-complement-light:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-light:focus.is--active, .bttnY.--tm-secondary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-light:disabled, .bttnY.--tm-secondary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-secondary-complement-dark:hover.is--active, .bttnY.--tm-secondary-complement-dark:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-dark:focus.is--active, .bttnY.--tm-secondary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-dark:disabled, .bttnY.--tm-secondary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-danger-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-danger-light:hover.is--active, .bttnY.--tm-danger-light:hover.is--route:not(.no--route), .bttnY.--tm-danger-light:focus.is--active, .bttnY.--tm-danger-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-light:disabled, .bttnY.--tm-danger-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-danger-dark:hover.is--active, .bttnY.--tm-danger-dark:hover.is--route:not(.no--route), .bttnY.--tm-danger-dark:focus.is--active, .bttnY.--tm-danger-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-dark:disabled, .bttnY.--tm-danger-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-success-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-success-light:hover.is--active, .bttnY.--tm-success-light:hover.is--route:not(.no--route), .bttnY.--tm-success-light:focus.is--active, .bttnY.--tm-success-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-light:disabled, .bttnY.--tm-success-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-success-dark:hover.is--active, .bttnY.--tm-success-dark:hover.is--route:not(.no--route), .bttnY.--tm-success-dark:focus.is--active, .bttnY.--tm-success-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-dark:disabled, .bttnY.--tm-success-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-warning-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-warning-light:hover.is--active, .bttnY.--tm-warning-light:hover.is--route:not(.no--route), .bttnY.--tm-warning-light:focus.is--active, .bttnY.--tm-warning-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-light:disabled, .bttnY.--tm-warning-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-warning-dark:hover.is--active, .bttnY.--tm-warning-dark:hover.is--route:not(.no--route), .bttnY.--tm-warning-dark:focus.is--active, .bttnY.--tm-warning-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-dark:disabled, .bttnY.--tm-warning-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-light-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-light-primary:hover.is--active, .bttnY.--tm-light-primary:hover.is--route:not(.no--route), .bttnY.--tm-light-primary:focus.is--active, .bttnY.--tm-light-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-primary:disabled, .bttnY.--tm-light-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-light-primary-complement:hover.is--active, .bttnY.--tm-light-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-light-primary-complement:focus.is--active, .bttnY.--tm-light-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-primary-complement:disabled, .bttnY.--tm-light-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-light-secondary:hover.is--active, .bttnY.--tm-light-secondary:hover.is--route:not(.no--route), .bttnY.--tm-light-secondary:focus.is--active, .bttnY.--tm-light-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-secondary:disabled, .bttnY.--tm-light-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-light-secondary-complement:hover.is--active, .bttnY.--tm-light-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-light-secondary-complement:focus.is--active, .bttnY.--tm-light-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-secondary-complement:disabled, .bttnY.--tm-light-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-light-danger:hover.is--active, .bttnY.--tm-light-danger:hover.is--route:not(.no--route), .bttnY.--tm-light-danger:focus.is--active, .bttnY.--tm-light-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-danger:disabled, .bttnY.--tm-light-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-light-success:hover.is--active, .bttnY.--tm-light-success:hover.is--route:not(.no--route), .bttnY.--tm-light-success:focus.is--active, .bttnY.--tm-light-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-success:disabled, .bttnY.--tm-light-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-light-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-light-warning:hover.is--active, .bttnY.--tm-light-warning:hover.is--route:not(.no--route), .bttnY.--tm-light-warning:focus.is--active, .bttnY.--tm-light-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-warning:disabled, .bttnY.--tm-light-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-dark-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-dark-primary:hover.is--active, .bttnY.--tm-dark-primary:hover.is--route:not(.no--route), .bttnY.--tm-dark-primary:focus.is--active, .bttnY.--tm-dark-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-primary:disabled, .bttnY.--tm-dark-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-dark-primary-complement:hover.is--active, .bttnY.--tm-dark-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-dark-primary-complement:focus.is--active, .bttnY.--tm-dark-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-primary-complement:disabled, .bttnY.--tm-dark-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-dark-secondary:hover.is--active, .bttnY.--tm-dark-secondary:hover.is--route:not(.no--route), .bttnY.--tm-dark-secondary:focus.is--active, .bttnY.--tm-dark-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-secondary:disabled, .bttnY.--tm-dark-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-dark-secondary-complement:hover.is--active, .bttnY.--tm-dark-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-dark-secondary-complement:focus.is--active, .bttnY.--tm-dark-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-secondary-complement:disabled, .bttnY.--tm-dark-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-dark-danger:hover.is--active, .bttnY.--tm-dark-danger:hover.is--route:not(.no--route), .bttnY.--tm-dark-danger:focus.is--active, .bttnY.--tm-dark-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-danger:disabled, .bttnY.--tm-dark-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-dark-success:hover.is--active, .bttnY.--tm-dark-success:hover.is--route:not(.no--route), .bttnY.--tm-dark-success:focus.is--active, .bttnY.--tm-dark-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-success:disabled, .bttnY.--tm-dark-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-dark-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-dark-warning:hover.is--active, .bttnY.--tm-dark-warning:hover.is--route:not(.no--route), .bttnY.--tm-dark-warning:focus.is--active, .bttnY.--tm-dark-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-warning:disabled, .bttnY.--tm-dark-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-primary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-primary-complement:hover.is--active, .bttnY.--tm-primary-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-primary-primary-complement:focus.is--active, .bttnY.--tm-primary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-primary-complement:disabled, .bttnY.--tm-primary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-primary-secondary:hover.is--active, .bttnY.--tm-primary-secondary:hover.is--route:not(.no--route), .bttnY.--tm-primary-secondary:focus.is--active, .bttnY.--tm-primary-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-secondary:disabled, .bttnY.--tm-primary-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-primary-secondary-complement:hover.is--active, .bttnY.--tm-primary-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-primary-secondary-complement:focus.is--active, .bttnY.--tm-primary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-secondary-complement:disabled, .bttnY.--tm-primary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-primary-danger:hover.is--active, .bttnY.--tm-primary-danger:hover.is--route:not(.no--route), .bttnY.--tm-primary-danger:focus.is--active, .bttnY.--tm-primary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-danger:disabled, .bttnY.--tm-primary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-primary-success:hover.is--active, .bttnY.--tm-primary-success:hover.is--route:not(.no--route), .bttnY.--tm-primary-success:focus.is--active, .bttnY.--tm-primary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-success:disabled, .bttnY.--tm-primary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary), 1); } .bttnY.--tm-primary-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-primary-warning:hover.is--active, .bttnY.--tm-primary-warning:hover.is--route:not(.no--route), .bttnY.--tm-primary-warning:focus.is--active, .bttnY.--tm-primary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttnY.--tm-primary-warning:disabled, .bttnY.--tm-primary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-primary-complement-primary:hover.is--active, .bttnY.--tm-primary-complement-primary:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-primary:focus.is--active, .bttnY.--tm-primary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-primary:disabled, .bttnY.--tm-primary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-primary-complement-secondary:hover.is--active, .bttnY.--tm-primary-complement-secondary:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-secondary:focus.is--active, .bttnY.--tm-primary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-secondary:disabled, .bttnY.--tm-primary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-primary-complement-secondary-complement:hover.is--active, .bttnY.--tm-primary-complement-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-secondary-complement:focus.is--active, .bttnY.--tm-primary-complement-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-secondary-complement:disabled, .bttnY.--tm-primary-complement-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-primary-complement-danger:hover.is--active, .bttnY.--tm-primary-complement-danger:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-danger:focus.is--active, .bttnY.--tm-primary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-danger:disabled, .bttnY.--tm-primary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-primary-complement-success:hover.is--active, .bttnY.--tm-primary-complement-success:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-success:focus.is--active, .bttnY.--tm-primary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-success:disabled, .bttnY.--tm-primary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-primary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttnY.--tm-primary-complement-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-primary-complement-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-primary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-primary-complement-warning:hover.is--active, .bttnY.--tm-primary-complement-warning:hover.is--route:not(.no--route), .bttnY.--tm-primary-complement-warning:focus.is--active, .bttnY.--tm-primary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttnY.--tm-primary-complement-warning:disabled, .bttnY.--tm-primary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-secondary-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-secondary-primary:hover.is--active, .bttnY.--tm-secondary-primary:hover.is--route:not(.no--route), .bttnY.--tm-secondary-primary:focus.is--active, .bttnY.--tm-secondary-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-primary:disabled, .bttnY.--tm-secondary-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-secondary-primary-complement:hover.is--active, .bttnY.--tm-secondary-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-secondary-primary-complement:focus.is--active, .bttnY.--tm-secondary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-primary-complement:disabled, .bttnY.--tm-secondary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-secondary-complement:hover.is--active, .bttnY.--tm-secondary-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-secondary-secondary-complement:focus.is--active, .bttnY.--tm-secondary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-secondary-complement:disabled, .bttnY.--tm-secondary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-secondary-danger:hover.is--active, .bttnY.--tm-secondary-danger:hover.is--route:not(.no--route), .bttnY.--tm-secondary-danger:focus.is--active, .bttnY.--tm-secondary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-danger:disabled, .bttnY.--tm-secondary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-secondary-success:hover.is--active, .bttnY.--tm-secondary-success:hover.is--route:not(.no--route), .bttnY.--tm-secondary-success:focus.is--active, .bttnY.--tm-secondary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-success:disabled, .bttnY.--tm-secondary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttnY.--tm-secondary-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-secondary-warning:hover.is--active, .bttnY.--tm-secondary-warning:hover.is--route:not(.no--route), .bttnY.--tm-secondary-warning:focus.is--active, .bttnY.--tm-secondary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttnY.--tm-secondary-warning:disabled, .bttnY.--tm-secondary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-secondary-complement-primary:hover.is--active, .bttnY.--tm-secondary-complement-primary:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-primary:focus.is--active, .bttnY.--tm-secondary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-primary:disabled, .bttnY.--tm-secondary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-secondary-complement-primary-complement:hover.is--active, .bttnY.--tm-secondary-complement-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-primary-complement:focus.is--active, .bttnY.--tm-secondary-complement-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-primary-complement:disabled, .bttnY.--tm-secondary-complement-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-secondary-complement-secondary:hover.is--active, .bttnY.--tm-secondary-complement-secondary:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-secondary:focus.is--active, .bttnY.--tm-secondary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-secondary:disabled, .bttnY.--tm-secondary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-secondary-complement-danger:hover.is--active, .bttnY.--tm-secondary-complement-danger:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-danger:focus.is--active, .bttnY.--tm-secondary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-danger:disabled, .bttnY.--tm-secondary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-secondary-complement-success:hover.is--active, .bttnY.--tm-secondary-complement-success:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-success:focus.is--active, .bttnY.--tm-secondary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-success:disabled, .bttnY.--tm-secondary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-secondary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttnY.--tm-secondary-complement-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-secondary-complement-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-secondary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-secondary-complement-warning:hover.is--active, .bttnY.--tm-secondary-complement-warning:hover.is--route:not(.no--route), .bttnY.--tm-secondary-complement-warning:focus.is--active, .bttnY.--tm-secondary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttnY.--tm-secondary-complement-warning:disabled, .bttnY.--tm-secondary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-danger-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-danger-primary:hover.is--active, .bttnY.--tm-danger-primary:hover.is--route:not(.no--route), .bttnY.--tm-danger-primary:focus.is--active, .bttnY.--tm-danger-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-primary:disabled, .bttnY.--tm-danger-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-danger-primary-complement:hover.is--active, .bttnY.--tm-danger-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-danger-primary-complement:focus.is--active, .bttnY.--tm-danger-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-primary-complement:disabled, .bttnY.--tm-danger-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-danger-secondary:hover.is--active, .bttnY.--tm-danger-secondary:hover.is--route:not(.no--route), .bttnY.--tm-danger-secondary:focus.is--active, .bttnY.--tm-danger-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-secondary:disabled, .bttnY.--tm-danger-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-danger-secondary-complement:hover.is--active, .bttnY.--tm-danger-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-danger-secondary-complement:focus.is--active, .bttnY.--tm-danger-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-secondary-complement:disabled, .bttnY.--tm-danger-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-danger-success:hover.is--active, .bttnY.--tm-danger-success:hover.is--route:not(.no--route), .bttnY.--tm-danger-success:focus.is--active, .bttnY.--tm-danger-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-success:disabled, .bttnY.--tm-danger-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-danger-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-danger), 1); } .bttnY.--tm-danger-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-danger-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-danger-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-danger-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-danger-warning:hover.is--active, .bttnY.--tm-danger-warning:hover.is--route:not(.no--route), .bttnY.--tm-danger-warning:focus.is--active, .bttnY.--tm-danger-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttnY.--tm-danger-warning:disabled, .bttnY.--tm-danger-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-success-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-success-primary:hover.is--active, .bttnY.--tm-success-primary:hover.is--route:not(.no--route), .bttnY.--tm-success-primary:focus.is--active, .bttnY.--tm-success-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-primary:disabled, .bttnY.--tm-success-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-success-primary-complement:hover.is--active, .bttnY.--tm-success-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-success-primary-complement:focus.is--active, .bttnY.--tm-success-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-primary-complement:disabled, .bttnY.--tm-success-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-success-secondary:hover.is--active, .bttnY.--tm-success-secondary:hover.is--route:not(.no--route), .bttnY.--tm-success-secondary:focus.is--active, .bttnY.--tm-success-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-secondary:disabled, .bttnY.--tm-success-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-success-secondary-complement:hover.is--active, .bttnY.--tm-success-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-success-secondary-complement:focus.is--active, .bttnY.--tm-success-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-secondary-complement:disabled, .bttnY.--tm-success-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-success-danger:hover.is--active, .bttnY.--tm-success-danger:hover.is--route:not(.no--route), .bttnY.--tm-success-danger:focus.is--active, .bttnY.--tm-success-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-danger:disabled, .bttnY.--tm-success-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-success-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-success), 1); } .bttnY.--tm-success-warning:hover:not(.is--active):not(.is--route), .bttnY.--tm-success-warning:hover:not(.is--active).is--route.no--route, .bttnY.--tm-success-warning:focus:not(.is--active):not(.is--route), .bttnY.--tm-success-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-success-warning:hover.is--active, .bttnY.--tm-success-warning:hover.is--route:not(.no--route), .bttnY.--tm-success-warning:focus.is--active, .bttnY.--tm-success-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttnY.--tm-success-warning:disabled, .bttnY.--tm-success-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-warning-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-primary:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-primary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-primary:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttnY.--tm-warning-primary:hover.is--active, .bttnY.--tm-warning-primary:hover.is--route:not(.no--route), .bttnY.--tm-warning-primary:focus.is--active, .bttnY.--tm-warning-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-primary:disabled, .bttnY.--tm-warning-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-primary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-primary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-primary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttnY.--tm-warning-primary-complement:hover.is--active, .bttnY.--tm-warning-primary-complement:hover.is--route:not(.no--route), .bttnY.--tm-warning-primary-complement:focus.is--active, .bttnY.--tm-warning-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-primary-complement:disabled, .bttnY.--tm-warning-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-secondary:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-secondary:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-secondary:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttnY.--tm-warning-secondary:hover.is--active, .bttnY.--tm-warning-secondary:hover.is--route:not(.no--route), .bttnY.--tm-warning-secondary:focus.is--active, .bttnY.--tm-warning-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-secondary:disabled, .bttnY.--tm-warning-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-secondary-complement:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-secondary-complement:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-secondary-complement:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttnY.--tm-warning-secondary-complement:hover.is--active, .bttnY.--tm-warning-secondary-complement:hover.is--route:not(.no--route), .bttnY.--tm-warning-secondary-complement:focus.is--active, .bttnY.--tm-warning-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-secondary-complement:disabled, .bttnY.--tm-warning-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-danger:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-danger:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-danger:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttnY.--tm-warning-danger:hover.is--active, .bttnY.--tm-warning-danger:hover.is--route:not(.no--route), .bttnY.--tm-warning-danger:focus.is--active, .bttnY.--tm-warning-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-danger:disabled, .bttnY.--tm-warning-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-warning-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-warning), 1); } .bttnY.--tm-warning-success:hover:not(.is--active):not(.is--route), .bttnY.--tm-warning-success:hover:not(.is--active).is--route.no--route, .bttnY.--tm-warning-success:focus:not(.is--active):not(.is--route), .bttnY.--tm-warning-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttnY.--tm-warning-success:hover.is--active, .bttnY.--tm-warning-success:hover.is--route:not(.no--route), .bttnY.--tm-warning-success:focus.is--active, .bttnY.--tm-warning-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttnY.--tm-warning-success:disabled, .bttnY.--tm-warning-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttnY.--tm-light-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-light), 1); } .bttnY.--tm-light-dark:hover:not(.is--active):not(.is--route), .bttnY.--tm-light-dark:hover:not(.is--active).is--route.no--route, .bttnY.--tm-light-dark:focus:not(.is--active):not(.is--route), .bttnY.--tm-light-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttnY.--tm-light-dark:hover.is--active, .bttnY.--tm-light-dark:hover.is--route:not(.no--route), .bttnY.--tm-light-dark:focus.is--active, .bttnY.--tm-light-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttnY.--tm-light-dark:disabled, .bttnY.--tm-light-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-dark-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-dark), 1); } .bttnY.--tm-dark-light:hover:not(.is--active):not(.is--route), .bttnY.--tm-dark-light:hover:not(.is--active).is--route.no--route, .bttnY.--tm-dark-light:focus:not(.is--active):not(.is--route), .bttnY.--tm-dark-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttnY.--tm-dark-light:hover.is--active, .bttnY.--tm-dark-light:hover.is--route:not(.no--route), .bttnY.--tm-dark-light:focus.is--active, .bttnY.--tm-dark-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttnY.--tm-dark-light:disabled, .bttnY.--tm-dark-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-primary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-light:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-light:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-primary-light:hover.is--active, .bttn.--tm-primary-light:hover.is--route:not(.no--route), .bttn.--tm-primary-light:focus.is--active, .bttn.--tm-primary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-light:disabled, .bttn.--tm-primary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-primary-dark:hover.is--active, .bttn.--tm-primary-dark:hover.is--route:not(.no--route), .bttn.--tm-primary-dark:focus.is--active, .bttn.--tm-primary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-dark:disabled, .bttn.--tm-primary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-light:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-light:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-primary-complement-light:hover.is--active, .bttn.--tm-primary-complement-light:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-light:focus.is--active, .bttn.--tm-primary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-light:disabled, .bttn.--tm-primary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-primary-complement-dark:hover.is--active, .bttn.--tm-primary-complement-dark:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-dark:focus.is--active, .bttn.--tm-primary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-dark:disabled, .bttn.--tm-primary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn:not([class*="--tm-"]) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn:not([class*="--tm-"]):hover:not(.is--active):not(.is--route), .bttn:not([class*="--tm-"]):hover:not(.is--active).is--route.no--route, .bttn:not([class*="--tm-"]):focus:not(.is--active):not(.is--route), .bttn:not([class*="--tm-"]):focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn:not([class*="--tm-"]):hover.is--active, .bttn:not([class*="--tm-"]):hover.is--route:not(.no--route), .bttn:not([class*="--tm-"]):focus.is--active, .bttn:not([class*="--tm-"]):focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn:not([class*="--tm-"]):disabled, .bttn:not([class*="--tm-"])[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-light:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-light:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-secondary-light:hover.is--active, .bttn.--tm-secondary-light:hover.is--route:not(.no--route), .bttn.--tm-secondary-light:focus.is--active, .bttn.--tm-secondary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-light:disabled, .bttn.--tm-secondary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-secondary-dark:hover.is--active, .bttn.--tm-secondary-dark:hover.is--route:not(.no--route), .bttn.--tm-secondary-dark:focus.is--active, .bttn.--tm-secondary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-dark:disabled, .bttn.--tm-secondary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-light:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-light:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-secondary-complement-light:hover.is--active, .bttn.--tm-secondary-complement-light:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-light:focus.is--active, .bttn.--tm-secondary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-light:disabled, .bttn.--tm-secondary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-secondary-complement-dark:hover.is--active, .bttn.--tm-secondary-complement-dark:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-dark:focus.is--active, .bttn.--tm-secondary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-dark:disabled, .bttn.--tm-secondary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-danger-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-light:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-light:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-danger-light:hover.is--active, .bttn.--tm-danger-light:hover.is--route:not(.no--route), .bttn.--tm-danger-light:focus.is--active, .bttn.--tm-danger-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-light:disabled, .bttn.--tm-danger-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-danger-dark:hover.is--active, .bttn.--tm-danger-dark:hover.is--route:not(.no--route), .bttn.--tm-danger-dark:focus.is--active, .bttn.--tm-danger-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-dark:disabled, .bttn.--tm-danger-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-success-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-light:hover:not(.is--active):not(.is--route), .bttn.--tm-success-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-light:focus:not(.is--active):not(.is--route), .bttn.--tm-success-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-success-light:hover.is--active, .bttn.--tm-success-light:hover.is--route:not(.no--route), .bttn.--tm-success-light:focus.is--active, .bttn.--tm-success-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-light:disabled, .bttn.--tm-success-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-success-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-success-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-success-dark:hover.is--active, .bttn.--tm-success-dark:hover.is--route:not(.no--route), .bttn.--tm-success-dark:focus.is--active, .bttn.--tm-success-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-dark:disabled, .bttn.--tm-success-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-warning-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-light:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-light:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-warning-light:hover.is--active, .bttn.--tm-warning-light:hover.is--route:not(.no--route), .bttn.--tm-warning-light:focus.is--active, .bttn.--tm-warning-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-light:disabled, .bttn.--tm-warning-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-warning-dark:hover.is--active, .bttn.--tm-warning-dark:hover.is--route:not(.no--route), .bttn.--tm-warning-dark:focus.is--active, .bttn.--tm-warning-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-dark:disabled, .bttn.--tm-warning-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-light-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-light-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-light-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-light-primary:hover.is--active, .bttn.--tm-light-primary:hover.is--route:not(.no--route), .bttn.--tm-light-primary:focus.is--active, .bttn.--tm-light-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-primary:disabled, .bttn.--tm-light-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-light-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-light-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-light-primary-complement:hover.is--active, .bttn.--tm-light-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-light-primary-complement:focus.is--active, .bttn.--tm-light-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-primary-complement:disabled, .bttn.--tm-light-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-light-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-light-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-light-secondary:hover.is--active, .bttn.--tm-light-secondary:hover.is--route:not(.no--route), .bttn.--tm-light-secondary:focus.is--active, .bttn.--tm-light-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-secondary:disabled, .bttn.--tm-light-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-light-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-light-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-light-secondary-complement:hover.is--active, .bttn.--tm-light-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-light-secondary-complement:focus.is--active, .bttn.--tm-light-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-secondary-complement:disabled, .bttn.--tm-light-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-light-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-light-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-light-danger:hover.is--active, .bttn.--tm-light-danger:hover.is--route:not(.no--route), .bttn.--tm-light-danger:focus.is--active, .bttn.--tm-light-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-danger:disabled, .bttn.--tm-light-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-success:hover:not(.is--active):not(.is--route), .bttn.--tm-light-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-success:focus:not(.is--active):not(.is--route), .bttn.--tm-light-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-light-success:hover.is--active, .bttn.--tm-light-success:hover.is--route:not(.no--route), .bttn.--tm-light-success:focus.is--active, .bttn.--tm-light-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-success:disabled, .bttn.--tm-light-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-light-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-light-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-light-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-light-warning:hover.is--active, .bttn.--tm-light-warning:hover.is--route:not(.no--route), .bttn.--tm-light-warning:focus.is--active, .bttn.--tm-light-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-warning:disabled, .bttn.--tm-light-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-dark-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-dark-primary:hover.is--active, .bttn.--tm-dark-primary:hover.is--route:not(.no--route), .bttn.--tm-dark-primary:focus.is--active, .bttn.--tm-dark-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-primary:disabled, .bttn.--tm-dark-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-dark-primary-complement:hover.is--active, .bttn.--tm-dark-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-dark-primary-complement:focus.is--active, .bttn.--tm-dark-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-primary-complement:disabled, .bttn.--tm-dark-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-dark-secondary:hover.is--active, .bttn.--tm-dark-secondary:hover.is--route:not(.no--route), .bttn.--tm-dark-secondary:focus.is--active, .bttn.--tm-dark-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-secondary:disabled, .bttn.--tm-dark-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-dark-secondary-complement:hover.is--active, .bttn.--tm-dark-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-dark-secondary-complement:focus.is--active, .bttn.--tm-dark-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-secondary-complement:disabled, .bttn.--tm-dark-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-dark-danger:hover.is--active, .bttn.--tm-dark-danger:hover.is--route:not(.no--route), .bttn.--tm-dark-danger:focus.is--active, .bttn.--tm-dark-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-danger:disabled, .bttn.--tm-dark-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-success:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-success:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-dark-success:hover.is--active, .bttn.--tm-dark-success:hover.is--route:not(.no--route), .bttn.--tm-dark-success:focus.is--active, .bttn.--tm-dark-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-success:disabled, .bttn.--tm-dark-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-dark-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-dark-warning:hover.is--active, .bttn.--tm-dark-warning:hover.is--route:not(.no--route), .bttn.--tm-dark-warning:focus.is--active, .bttn.--tm-dark-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-warning:disabled, .bttn.--tm-dark-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-primary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-primary-complement:hover.is--active, .bttn.--tm-primary-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-primary-primary-complement:focus.is--active, .bttn.--tm-primary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-primary-complement:disabled, .bttn.--tm-primary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-primary-secondary:hover.is--active, .bttn.--tm-primary-secondary:hover.is--route:not(.no--route), .bttn.--tm-primary-secondary:focus.is--active, .bttn.--tm-primary-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-secondary:disabled, .bttn.--tm-primary-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-primary-secondary-complement:hover.is--active, .bttn.--tm-primary-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-primary-secondary-complement:focus.is--active, .bttn.--tm-primary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-secondary-complement:disabled, .bttn.--tm-primary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-primary-danger:hover.is--active, .bttn.--tm-primary-danger:hover.is--route:not(.no--route), .bttn.--tm-primary-danger:focus.is--active, .bttn.--tm-primary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-danger:disabled, .bttn.--tm-primary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-success:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-success:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-primary-success:hover.is--active, .bttn.--tm-primary-success:hover.is--route:not(.no--route), .bttn.--tm-primary-success:focus.is--active, .bttn.--tm-primary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-success:disabled, .bttn.--tm-primary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary), 1); } .bttn.--tm-primary-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-primary-warning:hover.is--active, .bttn.--tm-primary-warning:hover.is--route:not(.no--route), .bttn.--tm-primary-warning:focus.is--active, .bttn.--tm-primary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .bttn.--tm-primary-warning:disabled, .bttn.--tm-primary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-primary-complement-primary:hover.is--active, .bttn.--tm-primary-complement-primary:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-primary:focus.is--active, .bttn.--tm-primary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-primary:disabled, .bttn.--tm-primary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-primary-complement-secondary:hover.is--active, .bttn.--tm-primary-complement-secondary:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-secondary:focus.is--active, .bttn.--tm-primary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-secondary:disabled, .bttn.--tm-primary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-primary-complement-secondary-complement:hover.is--active, .bttn.--tm-primary-complement-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-secondary-complement:focus.is--active, .bttn.--tm-primary-complement-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-secondary-complement:disabled, .bttn.--tm-primary-complement-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-primary-complement-danger:hover.is--active, .bttn.--tm-primary-complement-danger:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-danger:focus.is--active, .bttn.--tm-primary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-danger:disabled, .bttn.--tm-primary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-success:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-success:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-primary-complement-success:hover.is--active, .bttn.--tm-primary-complement-success:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-success:focus.is--active, .bttn.--tm-primary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-success:disabled, .bttn.--tm-primary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-primary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .bttn.--tm-primary-complement-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-primary-complement-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-primary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-primary-complement-warning:hover.is--active, .bttn.--tm-primary-complement-warning:hover.is--route:not(.no--route), .bttn.--tm-primary-complement-warning:focus.is--active, .bttn.--tm-primary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .bttn.--tm-primary-complement-warning:disabled, .bttn.--tm-primary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-secondary-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-secondary-primary:hover.is--active, .bttn.--tm-secondary-primary:hover.is--route:not(.no--route), .bttn.--tm-secondary-primary:focus.is--active, .bttn.--tm-secondary-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-primary:disabled, .bttn.--tm-secondary-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-secondary-primary-complement:hover.is--active, .bttn.--tm-secondary-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-secondary-primary-complement:focus.is--active, .bttn.--tm-secondary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-primary-complement:disabled, .bttn.--tm-secondary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-secondary-complement:hover.is--active, .bttn.--tm-secondary-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-secondary-secondary-complement:focus.is--active, .bttn.--tm-secondary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-secondary-complement:disabled, .bttn.--tm-secondary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-secondary-danger:hover.is--active, .bttn.--tm-secondary-danger:hover.is--route:not(.no--route), .bttn.--tm-secondary-danger:focus.is--active, .bttn.--tm-secondary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-danger:disabled, .bttn.--tm-secondary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-success:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-success:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-secondary-success:hover.is--active, .bttn.--tm-secondary-success:hover.is--route:not(.no--route), .bttn.--tm-secondary-success:focus.is--active, .bttn.--tm-secondary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-success:disabled, .bttn.--tm-secondary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary), 1); } .bttn.--tm-secondary-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-secondary-warning:hover.is--active, .bttn.--tm-secondary-warning:hover.is--route:not(.no--route), .bttn.--tm-secondary-warning:focus.is--active, .bttn.--tm-secondary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .bttn.--tm-secondary-warning:disabled, .bttn.--tm-secondary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-secondary-complement-primary:hover.is--active, .bttn.--tm-secondary-complement-primary:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-primary:focus.is--active, .bttn.--tm-secondary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-primary:disabled, .bttn.--tm-secondary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-secondary-complement-primary-complement:hover.is--active, .bttn.--tm-secondary-complement-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-primary-complement:focus.is--active, .bttn.--tm-secondary-complement-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-primary-complement:disabled, .bttn.--tm-secondary-complement-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-secondary-complement-secondary:hover.is--active, .bttn.--tm-secondary-complement-secondary:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-secondary:focus.is--active, .bttn.--tm-secondary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-secondary:disabled, .bttn.--tm-secondary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-secondary-complement-danger:hover.is--active, .bttn.--tm-secondary-complement-danger:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-danger:focus.is--active, .bttn.--tm-secondary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-danger:disabled, .bttn.--tm-secondary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-success:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-success:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-secondary-complement-success:hover.is--active, .bttn.--tm-secondary-complement-success:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-success:focus.is--active, .bttn.--tm-secondary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-success:disabled, .bttn.--tm-secondary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-secondary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .bttn.--tm-secondary-complement-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-secondary-complement-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-secondary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-secondary-complement-warning:hover.is--active, .bttn.--tm-secondary-complement-warning:hover.is--route:not(.no--route), .bttn.--tm-secondary-complement-warning:focus.is--active, .bttn.--tm-secondary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .bttn.--tm-secondary-complement-warning:disabled, .bttn.--tm-secondary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-danger-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-danger-primary:hover.is--active, .bttn.--tm-danger-primary:hover.is--route:not(.no--route), .bttn.--tm-danger-primary:focus.is--active, .bttn.--tm-danger-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-primary:disabled, .bttn.--tm-danger-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-danger-primary-complement:hover.is--active, .bttn.--tm-danger-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-danger-primary-complement:focus.is--active, .bttn.--tm-danger-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-primary-complement:disabled, .bttn.--tm-danger-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-danger-secondary:hover.is--active, .bttn.--tm-danger-secondary:hover.is--route:not(.no--route), .bttn.--tm-danger-secondary:focus.is--active, .bttn.--tm-danger-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-secondary:disabled, .bttn.--tm-danger-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-danger-secondary-complement:hover.is--active, .bttn.--tm-danger-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-danger-secondary-complement:focus.is--active, .bttn.--tm-danger-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-secondary-complement:disabled, .bttn.--tm-danger-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-success:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-success:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-danger-success:hover.is--active, .bttn.--tm-danger-success:hover.is--route:not(.no--route), .bttn.--tm-danger-success:focus.is--active, .bttn.--tm-danger-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-success:disabled, .bttn.--tm-danger-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-danger-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-danger), 1); } .bttn.--tm-danger-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-danger-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-danger-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-danger-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-danger-warning:hover.is--active, .bttn.--tm-danger-warning:hover.is--route:not(.no--route), .bttn.--tm-danger-warning:focus.is--active, .bttn.--tm-danger-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .bttn.--tm-danger-warning:disabled, .bttn.--tm-danger-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-success-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-success-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-success-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-success-primary:hover.is--active, .bttn.--tm-success-primary:hover.is--route:not(.no--route), .bttn.--tm-success-primary:focus.is--active, .bttn.--tm-success-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-primary:disabled, .bttn.--tm-success-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-success-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-success-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-success-primary-complement:hover.is--active, .bttn.--tm-success-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-success-primary-complement:focus.is--active, .bttn.--tm-success-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-primary-complement:disabled, .bttn.--tm-success-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-success-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-success-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-success-secondary:hover.is--active, .bttn.--tm-success-secondary:hover.is--route:not(.no--route), .bttn.--tm-success-secondary:focus.is--active, .bttn.--tm-success-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-secondary:disabled, .bttn.--tm-success-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-success-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-success-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-success-secondary-complement:hover.is--active, .bttn.--tm-success-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-success-secondary-complement:focus.is--active, .bttn.--tm-success-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-secondary-complement:disabled, .bttn.--tm-success-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-success-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-success-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-success-danger:hover.is--active, .bttn.--tm-success-danger:hover.is--route:not(.no--route), .bttn.--tm-success-danger:focus.is--active, .bttn.--tm-success-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-danger:disabled, .bttn.--tm-success-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-success-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-success), 1); } .bttn.--tm-success-warning:hover:not(.is--active):not(.is--route), .bttn.--tm-success-warning:hover:not(.is--active).is--route.no--route, .bttn.--tm-success-warning:focus:not(.is--active):not(.is--route), .bttn.--tm-success-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-success-warning:hover.is--active, .bttn.--tm-success-warning:hover.is--route:not(.no--route), .bttn.--tm-success-warning:focus.is--active, .bttn.--tm-success-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .bttn.--tm-success-warning:disabled, .bttn.--tm-success-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .bttn.--tm-warning-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-primary:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-primary:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-primary:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .bttn.--tm-warning-primary:hover.is--active, .bttn.--tm-warning-primary:hover.is--route:not(.no--route), .bttn.--tm-warning-primary:focus.is--active, .bttn.--tm-warning-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-primary:disabled, .bttn.--tm-warning-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-primary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-primary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-primary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .bttn.--tm-warning-primary-complement:hover.is--active, .bttn.--tm-warning-primary-complement:hover.is--route:not(.no--route), .bttn.--tm-warning-primary-complement:focus.is--active, .bttn.--tm-warning-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-primary-complement:disabled, .bttn.--tm-warning-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-secondary:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-secondary:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-secondary:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .bttn.--tm-warning-secondary:hover.is--active, .bttn.--tm-warning-secondary:hover.is--route:not(.no--route), .bttn.--tm-warning-secondary:focus.is--active, .bttn.--tm-warning-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-secondary:disabled, .bttn.--tm-warning-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-secondary-complement:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-secondary-complement:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-secondary-complement:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .bttn.--tm-warning-secondary-complement:hover.is--active, .bttn.--tm-warning-secondary-complement:hover.is--route:not(.no--route), .bttn.--tm-warning-secondary-complement:focus.is--active, .bttn.--tm-warning-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-secondary-complement:disabled, .bttn.--tm-warning-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-danger:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-danger:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-danger:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .bttn.--tm-warning-danger:hover.is--active, .bttn.--tm-warning-danger:hover.is--route:not(.no--route), .bttn.--tm-warning-danger:focus.is--active, .bttn.--tm-warning-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-danger:disabled, .bttn.--tm-warning-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-warning-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-warning), 1); } .bttn.--tm-warning-success:hover:not(.is--active):not(.is--route), .bttn.--tm-warning-success:hover:not(.is--active).is--route.no--route, .bttn.--tm-warning-success:focus:not(.is--active):not(.is--route), .bttn.--tm-warning-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .bttn.--tm-warning-success:hover.is--active, .bttn.--tm-warning-success:hover.is--route:not(.no--route), .bttn.--tm-warning-success:focus.is--active, .bttn.--tm-warning-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .bttn.--tm-warning-success:disabled, .bttn.--tm-warning-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .bttn.--tm-light-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-light), 1); } .bttn.--tm-light-dark:hover:not(.is--active):not(.is--route), .bttn.--tm-light-dark:hover:not(.is--active).is--route.no--route, .bttn.--tm-light-dark:focus:not(.is--active):not(.is--route), .bttn.--tm-light-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .bttn.--tm-light-dark:hover.is--active, .bttn.--tm-light-dark:hover.is--route:not(.no--route), .bttn.--tm-light-dark:focus.is--active, .bttn.--tm-light-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .bttn.--tm-light-dark:disabled, .bttn.--tm-light-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .bttn.--tm-dark-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-dark), 1); } .bttn.--tm-dark-light:hover:not(.is--active):not(.is--route), .bttn.--tm-dark-light:hover:not(.is--active).is--route.no--route, .bttn.--tm-dark-light:focus:not(.is--active):not(.is--route), .bttn.--tm-dark-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .bttn.--tm-dark-light:hover.is--active, .bttn.--tm-dark-light:hover.is--route:not(.no--route), .bttn.--tm-dark-light:focus.is--active, .bttn.--tm-dark-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .bttn.--tm-dark-light:disabled, .bttn.--tm-dark-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .bttn:not([href^=mailto], [href^=tel]) ::first-letter, .bttn:not([href^=mailto], [href^=tel]) > :not(.icon) ::first-letter { text-transform: capitalize; } input[type^=c].iCheckbox.--tm-primary + label { --cl: #1e8549; --bg: rgba(var(--rgb-primary), 0.1); --bc: rgba(var(--rgb-primary), 0.1); } input[type^=c].iCheckbox.--tm-primary + label:hover { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } input[type^=c].iCheckbox.--tm-primary:checked + label { --bg: rgba(var(--rgb-primary), 0.5); } input[type^=c].iCheckbox.--tm-primary-complement + label { --cl: hsl(120, 100%, -1.568627451%); --bg: rgba(var(--rgb-primary-complement), 0.1); --bc: rgba(var(--rgb-primary-complement), 0.1); } input[type^=c].iCheckbox.--tm-primary-complement + label:hover { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } input[type^=c].iCheckbox.--tm-primary-complement:checked + label { --bg: rgba(var(--rgb-primary-complement), 0.5); } input[type^=c].iCheckbox:not([class*="--tm-"]) + label { --cl: #2ecc71; --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.1); } input[type^=c].iCheckbox:not([class*="--tm-"]) + label:hover { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } input[type^=c].iCheckbox:not([class*="--tm-"]):checked + label { --bg: rgba(var(--rgb-secondary), 0.5); } input[type^=c].iCheckbox.--tm-secondary + label { --cl: #2ecc71; --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.1); } input[type^=c].iCheckbox.--tm-secondary + label:hover { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } input[type^=c].iCheckbox.--tm-secondary:checked + label { --bg: rgba(var(--rgb-secondary), 0.5); } input[type^=c].iCheckbox.--tm-secondary-complement + label { --cl: #1abc9c; --bg: rgba(var(--rgb-secondary-complement), 0.1); --bc: rgba(var(--rgb-secondary-complement), 0.1); } input[type^=c].iCheckbox.--tm-secondary-complement + label:hover { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } input[type^=c].iCheckbox.--tm-secondary-complement:checked + label { --bg: rgba(var(--rgb-secondary-complement), 0.5); } input[type^=c].iCheckbox.--tm-danger + label { --cl: #e74c3c; --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.1); } input[type^=c].iCheckbox.--tm-danger + label:hover { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } input[type^=c].iCheckbox.--tm-danger:checked + label { --bg: rgba(var(--rgb-danger), 0.5); } input[type^=c].iCheckbox.--tm-success + label { --cl: #259c21; --bg: rgba(var(--rgb-success), 0.1); --bc: rgba(var(--rgb-success), 0.1); } input[type^=c].iCheckbox.--tm-success + label:hover { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } input[type^=c].iCheckbox.--tm-success:checked + label { --bg: rgba(var(--rgb-success), 0.5); } input[type^=c].iCheckbox.--tm-warning + label { --cl: #f39c12; --bg: rgba(var(--rgb-warning), 0.1); --bc: rgba(var(--rgb-warning), 0.1); } input[type^=c].iCheckbox.--tm-warning + label:hover { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } input[type^=c].iCheckbox.--tm-warning:checked + label { --bg: rgba(var(--rgb-warning), 0.5); } input[type^=c].iCheckbox.--tm-light + label { --cl: #fff; --bg: rgba(var(--rgb-light), 0.1); --bc: rgba(var(--rgb-light), 0.1); } input[type^=c].iCheckbox.--tm-light + label:hover { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } input[type^=c].iCheckbox.--tm-light:checked + label { --bg: rgba(var(--rgb-light), 0.5); } input[type^=c].iCheckbox.--tm-dark + label { --cl: #000; --bg: rgba(var(--rgb-dark), 0.1); --bc: rgba(var(--rgb-dark), 0.1); } input[type^=c].iCheckbox.--tm-dark + label:hover { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } input[type^=c].iCheckbox.--tm-dark:checked + label { --bg: rgba(var(--rgb-dark), 0.5); } input[type^=r].iRadio.--tm-primary + label { --cl: #1e8549; --bg: rgba(var(--rgb-primary), 0.1); --bc: rgba(var(--rgb-primary), 0.1); } input[type^=r].iRadio.--tm-primary + label:hover { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } input[type^=r].iRadio.--tm-primary:checked + label { --bg: rgba(var(--rgb-primary), 0.5); } input[type^=r].iRadio.--tm-primary-complement + label { --cl: hsl(120, 100%, -1.568627451%); --bg: rgba(var(--rgb-primary-complement), 0.1); --bc: rgba(var(--rgb-primary-complement), 0.1); } input[type^=r].iRadio.--tm-primary-complement + label:hover { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } input[type^=r].iRadio.--tm-primary-complement:checked + label { --bg: rgba(var(--rgb-primary-complement), 0.5); } input[type^=r].iRadio:not([class*="--tm-"]) + label { --cl: #2ecc71; --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.1); } input[type^=r].iRadio:not([class*="--tm-"]) + label:hover { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } input[type^=r].iRadio:not([class*="--tm-"]):checked + label { --bg: rgba(var(--rgb-secondary), 0.5); } input[type^=r].iRadio.--tm-secondary + label { --cl: #2ecc71; --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.1); } input[type^=r].iRadio.--tm-secondary + label:hover { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } input[type^=r].iRadio.--tm-secondary:checked + label { --bg: rgba(var(--rgb-secondary), 0.5); } input[type^=r].iRadio.--tm-secondary-complement + label { --cl: #1abc9c; --bg: rgba(var(--rgb-secondary-complement), 0.1); --bc: rgba(var(--rgb-secondary-complement), 0.1); } input[type^=r].iRadio.--tm-secondary-complement + label:hover { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } input[type^=r].iRadio.--tm-secondary-complement:checked + label { --bg: rgba(var(--rgb-secondary-complement), 0.5); } input[type^=r].iRadio.--tm-danger + label { --cl: #e74c3c; --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.1); } input[type^=r].iRadio.--tm-danger + label:hover { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } input[type^=r].iRadio.--tm-danger:checked + label { --bg: rgba(var(--rgb-danger), 0.5); } input[type^=r].iRadio.--tm-success + label { --cl: #259c21; --bg: rgba(var(--rgb-success), 0.1); --bc: rgba(var(--rgb-success), 0.1); } input[type^=r].iRadio.--tm-success + label:hover { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } input[type^=r].iRadio.--tm-success:checked + label { --bg: rgba(var(--rgb-success), 0.5); } input[type^=r].iRadio.--tm-warning + label { --cl: #f39c12; --bg: rgba(var(--rgb-warning), 0.1); --bc: rgba(var(--rgb-warning), 0.1); } input[type^=r].iRadio.--tm-warning + label:hover { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } input[type^=r].iRadio.--tm-warning:checked + label { --bg: rgba(var(--rgb-warning), 0.5); } input[type^=r].iRadio.--tm-light + label { --cl: #fff; --bg: rgba(var(--rgb-light), 0.1); --bc: rgba(var(--rgb-light), 0.1); } input[type^=r].iRadio.--tm-light + label:hover { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } input[type^=r].iRadio.--tm-light:checked + label { --bg: rgba(var(--rgb-light), 0.5); } input[type^=r].iRadio.--tm-dark + label { --cl: #000; --bg: rgba(var(--rgb-dark), 0.1); --bc: rgba(var(--rgb-dark), 0.1); } input[type^=r].iRadio.--tm-dark + label:hover { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } input[type^=r].iRadio.--tm-dark:checked + label { --bg: rgba(var(--rgb-dark), 0.5); } .iSelect.--tm-primary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-primary-light:hover.is--active, .iSelect.--tm-primary-light:hover.is--route:not(.no--route), .iSelect.--tm-primary-light:focus.is--active, .iSelect.--tm-primary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-light:disabled, .iSelect.--tm-primary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-primary-dark:hover.is--active, .iSelect.--tm-primary-dark:hover.is--route:not(.no--route), .iSelect.--tm-primary-dark:focus.is--active, .iSelect.--tm-primary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-dark:disabled, .iSelect.--tm-primary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-primary-complement-light:hover.is--active, .iSelect.--tm-primary-complement-light:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-light:focus.is--active, .iSelect.--tm-primary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-light:disabled, .iSelect.--tm-primary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-primary-complement-dark:hover.is--active, .iSelect.--tm-primary-complement-dark:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-dark:focus.is--active, .iSelect.--tm-primary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-dark:disabled, .iSelect.--tm-primary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect:not([class*="--tm-"]) { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect:not([class*="--tm-"]):hover:not(.is--active):not(.is--route), .iSelect:not([class*="--tm-"]):hover:not(.is--active).is--route.no--route, .iSelect:not([class*="--tm-"]):focus:not(.is--active):not(.is--route), .iSelect:not([class*="--tm-"]):focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect:not([class*="--tm-"]):hover.is--active, .iSelect:not([class*="--tm-"]):hover.is--route:not(.no--route), .iSelect:not([class*="--tm-"]):focus.is--active, .iSelect:not([class*="--tm-"]):focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect:not([class*="--tm-"]):disabled, .iSelect:not([class*="--tm-"])[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-secondary-light:hover.is--active, .iSelect.--tm-secondary-light:hover.is--route:not(.no--route), .iSelect.--tm-secondary-light:focus.is--active, .iSelect.--tm-secondary-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-light:disabled, .iSelect.--tm-secondary-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-secondary-dark:hover.is--active, .iSelect.--tm-secondary-dark:hover.is--route:not(.no--route), .iSelect.--tm-secondary-dark:focus.is--active, .iSelect.--tm-secondary-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-dark:disabled, .iSelect.--tm-secondary-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-complement-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-secondary-complement-light:hover.is--active, .iSelect.--tm-secondary-complement-light:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-light:focus.is--active, .iSelect.--tm-secondary-complement-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-light:disabled, .iSelect.--tm-secondary-complement-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-secondary-complement-dark:hover.is--active, .iSelect.--tm-secondary-complement-dark:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-dark:focus.is--active, .iSelect.--tm-secondary-complement-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-dark:disabled, .iSelect.--tm-secondary-complement-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-danger-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-danger-light:hover.is--active, .iSelect.--tm-danger-light:hover.is--route:not(.no--route), .iSelect.--tm-danger-light:focus.is--active, .iSelect.--tm-danger-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-light:disabled, .iSelect.--tm-danger-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-danger-dark:hover.is--active, .iSelect.--tm-danger-dark:hover.is--route:not(.no--route), .iSelect.--tm-danger-dark:focus.is--active, .iSelect.--tm-danger-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-dark:disabled, .iSelect.--tm-danger-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-success-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-success-light:hover.is--active, .iSelect.--tm-success-light:hover.is--route:not(.no--route), .iSelect.--tm-success-light:focus.is--active, .iSelect.--tm-success-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-light:disabled, .iSelect.--tm-success-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-success-dark:hover.is--active, .iSelect.--tm-success-dark:hover.is--route:not(.no--route), .iSelect.--tm-success-dark:focus.is--active, .iSelect.--tm-success-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-dark:disabled, .iSelect.--tm-success-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-warning-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-warning-light:hover.is--active, .iSelect.--tm-warning-light:hover.is--route:not(.no--route), .iSelect.--tm-warning-light:focus.is--active, .iSelect.--tm-warning-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-light:disabled, .iSelect.--tm-warning-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-warning-dark:hover.is--active, .iSelect.--tm-warning-dark:hover.is--route:not(.no--route), .iSelect.--tm-warning-dark:focus.is--active, .iSelect.--tm-warning-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-dark:disabled, .iSelect.--tm-warning-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-light-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-light-primary:hover.is--active, .iSelect.--tm-light-primary:hover.is--route:not(.no--route), .iSelect.--tm-light-primary:focus.is--active, .iSelect.--tm-light-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-primary:disabled, .iSelect.--tm-light-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-light-primary-complement:hover.is--active, .iSelect.--tm-light-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-light-primary-complement:focus.is--active, .iSelect.--tm-light-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-primary-complement:disabled, .iSelect.--tm-light-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-light-secondary:hover.is--active, .iSelect.--tm-light-secondary:hover.is--route:not(.no--route), .iSelect.--tm-light-secondary:focus.is--active, .iSelect.--tm-light-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-secondary:disabled, .iSelect.--tm-light-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-light-secondary-complement:hover.is--active, .iSelect.--tm-light-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-light-secondary-complement:focus.is--active, .iSelect.--tm-light-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-secondary-complement:disabled, .iSelect.--tm-light-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-light-danger:hover.is--active, .iSelect.--tm-light-danger:hover.is--route:not(.no--route), .iSelect.--tm-light-danger:focus.is--active, .iSelect.--tm-light-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-danger:disabled, .iSelect.--tm-light-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-light-success:hover.is--active, .iSelect.--tm-light-success:hover.is--route:not(.no--route), .iSelect.--tm-light-success:focus.is--active, .iSelect.--tm-light-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-success:disabled, .iSelect.--tm-light-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-light-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-light-warning:hover.is--active, .iSelect.--tm-light-warning:hover.is--route:not(.no--route), .iSelect.--tm-light-warning:focus.is--active, .iSelect.--tm-light-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-warning:disabled, .iSelect.--tm-light-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-dark-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-dark-primary:hover.is--active, .iSelect.--tm-dark-primary:hover.is--route:not(.no--route), .iSelect.--tm-dark-primary:focus.is--active, .iSelect.--tm-dark-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-primary:disabled, .iSelect.--tm-dark-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-dark-primary-complement:hover.is--active, .iSelect.--tm-dark-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-dark-primary-complement:focus.is--active, .iSelect.--tm-dark-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-primary-complement:disabled, .iSelect.--tm-dark-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-dark-secondary:hover.is--active, .iSelect.--tm-dark-secondary:hover.is--route:not(.no--route), .iSelect.--tm-dark-secondary:focus.is--active, .iSelect.--tm-dark-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-secondary:disabled, .iSelect.--tm-dark-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-dark-secondary-complement:hover.is--active, .iSelect.--tm-dark-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-dark-secondary-complement:focus.is--active, .iSelect.--tm-dark-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-secondary-complement:disabled, .iSelect.--tm-dark-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-dark-danger:hover.is--active, .iSelect.--tm-dark-danger:hover.is--route:not(.no--route), .iSelect.--tm-dark-danger:focus.is--active, .iSelect.--tm-dark-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-danger:disabled, .iSelect.--tm-dark-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-dark-success:hover.is--active, .iSelect.--tm-dark-success:hover.is--route:not(.no--route), .iSelect.--tm-dark-success:focus.is--active, .iSelect.--tm-dark-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-success:disabled, .iSelect.--tm-dark-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-dark-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-dark-warning:hover.is--active, .iSelect.--tm-dark-warning:hover.is--route:not(.no--route), .iSelect.--tm-dark-warning:focus.is--active, .iSelect.--tm-dark-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-warning:disabled, .iSelect.--tm-dark-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-primary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-primary-complement:hover.is--active, .iSelect.--tm-primary-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-primary-primary-complement:focus.is--active, .iSelect.--tm-primary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-primary-complement:disabled, .iSelect.--tm-primary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-primary-secondary:hover.is--active, .iSelect.--tm-primary-secondary:hover.is--route:not(.no--route), .iSelect.--tm-primary-secondary:focus.is--active, .iSelect.--tm-primary-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-secondary:disabled, .iSelect.--tm-primary-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-primary-secondary-complement:hover.is--active, .iSelect.--tm-primary-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-primary-secondary-complement:focus.is--active, .iSelect.--tm-primary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-secondary-complement:disabled, .iSelect.--tm-primary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-primary-danger:hover.is--active, .iSelect.--tm-primary-danger:hover.is--route:not(.no--route), .iSelect.--tm-primary-danger:focus.is--active, .iSelect.--tm-primary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-danger:disabled, .iSelect.--tm-primary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-primary-success:hover.is--active, .iSelect.--tm-primary-success:hover.is--route:not(.no--route), .iSelect.--tm-primary-success:focus.is--active, .iSelect.--tm-primary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-success:disabled, .iSelect.--tm-primary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary), 1); } .iSelect.--tm-primary-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-primary-warning:hover.is--active, .iSelect.--tm-primary-warning:hover.is--route:not(.no--route), .iSelect.--tm-primary-warning:focus.is--active, .iSelect.--tm-primary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary), 0.7); } .iSelect.--tm-primary-warning:disabled, .iSelect.--tm-primary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-primary-complement-primary:hover.is--active, .iSelect.--tm-primary-complement-primary:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-primary:focus.is--active, .iSelect.--tm-primary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-primary:disabled, .iSelect.--tm-primary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-primary-complement-secondary:hover.is--active, .iSelect.--tm-primary-complement-secondary:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-secondary:focus.is--active, .iSelect.--tm-primary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-secondary:disabled, .iSelect.--tm-primary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-primary-complement-secondary-complement:hover.is--active, .iSelect.--tm-primary-complement-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-secondary-complement:focus.is--active, .iSelect.--tm-primary-complement-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-secondary-complement:disabled, .iSelect.--tm-primary-complement-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-primary-complement-danger:hover.is--active, .iSelect.--tm-primary-complement-danger:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-danger:focus.is--active, .iSelect.--tm-primary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-danger:disabled, .iSelect.--tm-primary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-primary-complement-success:hover.is--active, .iSelect.--tm-primary-complement-success:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-success:focus.is--active, .iSelect.--tm-primary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-success:disabled, .iSelect.--tm-primary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-primary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-primary-complement), 1); } .iSelect.--tm-primary-complement-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-primary-complement-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-primary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-primary-complement-warning:hover.is--active, .iSelect.--tm-primary-complement-warning:hover.is--route:not(.no--route), .iSelect.--tm-primary-complement-warning:focus.is--active, .iSelect.--tm-primary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-primary-complement), 0.7); } .iSelect.--tm-primary-complement-warning:disabled, .iSelect.--tm-primary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-secondary-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-secondary-primary:hover.is--active, .iSelect.--tm-secondary-primary:hover.is--route:not(.no--route), .iSelect.--tm-secondary-primary:focus.is--active, .iSelect.--tm-secondary-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-primary:disabled, .iSelect.--tm-secondary-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-secondary-primary-complement:hover.is--active, .iSelect.--tm-secondary-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-secondary-primary-complement:focus.is--active, .iSelect.--tm-secondary-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-primary-complement:disabled, .iSelect.--tm-secondary-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-secondary-complement:hover.is--active, .iSelect.--tm-secondary-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-secondary-secondary-complement:focus.is--active, .iSelect.--tm-secondary-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-secondary-complement:disabled, .iSelect.--tm-secondary-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-secondary-danger:hover.is--active, .iSelect.--tm-secondary-danger:hover.is--route:not(.no--route), .iSelect.--tm-secondary-danger:focus.is--active, .iSelect.--tm-secondary-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-danger:disabled, .iSelect.--tm-secondary-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-secondary-success:hover.is--active, .iSelect.--tm-secondary-success:hover.is--route:not(.no--route), .iSelect.--tm-secondary-success:focus.is--active, .iSelect.--tm-secondary-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-success:disabled, .iSelect.--tm-secondary-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary), 1); } .iSelect.--tm-secondary-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-secondary-warning:hover.is--active, .iSelect.--tm-secondary-warning:hover.is--route:not(.no--route), .iSelect.--tm-secondary-warning:focus.is--active, .iSelect.--tm-secondary-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary), 0.7); } .iSelect.--tm-secondary-warning:disabled, .iSelect.--tm-secondary-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-complement-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-secondary-complement-primary:hover.is--active, .iSelect.--tm-secondary-complement-primary:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-primary:focus.is--active, .iSelect.--tm-secondary-complement-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-primary:disabled, .iSelect.--tm-secondary-complement-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-secondary-complement-primary-complement:hover.is--active, .iSelect.--tm-secondary-complement-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-primary-complement:focus.is--active, .iSelect.--tm-secondary-complement-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-primary-complement:disabled, .iSelect.--tm-secondary-complement-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-secondary-complement-secondary:hover.is--active, .iSelect.--tm-secondary-complement-secondary:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-secondary:focus.is--active, .iSelect.--tm-secondary-complement-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-secondary:disabled, .iSelect.--tm-secondary-complement-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-secondary-complement-danger:hover.is--active, .iSelect.--tm-secondary-complement-danger:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-danger:focus.is--active, .iSelect.--tm-secondary-complement-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-danger:disabled, .iSelect.--tm-secondary-complement-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-secondary-complement-success:hover.is--active, .iSelect.--tm-secondary-complement-success:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-success:focus.is--active, .iSelect.--tm-secondary-complement-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-success:disabled, .iSelect.--tm-secondary-complement-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-secondary-complement-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-secondary-complement), 1); } .iSelect.--tm-secondary-complement-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-secondary-complement-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-secondary-complement-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-secondary-complement-warning:hover.is--active, .iSelect.--tm-secondary-complement-warning:hover.is--route:not(.no--route), .iSelect.--tm-secondary-complement-warning:focus.is--active, .iSelect.--tm-secondary-complement-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-secondary-complement), 0.7); } .iSelect.--tm-secondary-complement-warning:disabled, .iSelect.--tm-secondary-complement-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-danger-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-danger-primary:hover.is--active, .iSelect.--tm-danger-primary:hover.is--route:not(.no--route), .iSelect.--tm-danger-primary:focus.is--active, .iSelect.--tm-danger-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-primary:disabled, .iSelect.--tm-danger-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-danger-primary-complement:hover.is--active, .iSelect.--tm-danger-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-danger-primary-complement:focus.is--active, .iSelect.--tm-danger-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-primary-complement:disabled, .iSelect.--tm-danger-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-danger-secondary:hover.is--active, .iSelect.--tm-danger-secondary:hover.is--route:not(.no--route), .iSelect.--tm-danger-secondary:focus.is--active, .iSelect.--tm-danger-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-secondary:disabled, .iSelect.--tm-danger-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-danger-secondary-complement:hover.is--active, .iSelect.--tm-danger-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-danger-secondary-complement:focus.is--active, .iSelect.--tm-danger-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-secondary-complement:disabled, .iSelect.--tm-danger-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-danger-success:hover.is--active, .iSelect.--tm-danger-success:hover.is--route:not(.no--route), .iSelect.--tm-danger-success:focus.is--active, .iSelect.--tm-danger-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-success:disabled, .iSelect.--tm-danger-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-danger-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-danger), 1); } .iSelect.--tm-danger-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-danger-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-danger-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-danger-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-danger-warning:hover.is--active, .iSelect.--tm-danger-warning:hover.is--route:not(.no--route), .iSelect.--tm-danger-warning:focus.is--active, .iSelect.--tm-danger-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-danger), 0.7); } .iSelect.--tm-danger-warning:disabled, .iSelect.--tm-danger-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-success-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-success-primary:hover.is--active, .iSelect.--tm-success-primary:hover.is--route:not(.no--route), .iSelect.--tm-success-primary:focus.is--active, .iSelect.--tm-success-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-primary:disabled, .iSelect.--tm-success-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-success-primary-complement:hover.is--active, .iSelect.--tm-success-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-success-primary-complement:focus.is--active, .iSelect.--tm-success-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-primary-complement:disabled, .iSelect.--tm-success-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-success-secondary:hover.is--active, .iSelect.--tm-success-secondary:hover.is--route:not(.no--route), .iSelect.--tm-success-secondary:focus.is--active, .iSelect.--tm-success-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-secondary:disabled, .iSelect.--tm-success-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-success-secondary-complement:hover.is--active, .iSelect.--tm-success-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-success-secondary-complement:focus.is--active, .iSelect.--tm-success-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-secondary-complement:disabled, .iSelect.--tm-success-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-success-danger:hover.is--active, .iSelect.--tm-success-danger:hover.is--route:not(.no--route), .iSelect.--tm-success-danger:focus.is--active, .iSelect.--tm-success-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-danger:disabled, .iSelect.--tm-success-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-success-warning { --cl: rgba(var(--rgb-warning), 1); --bg: rgba(var(--rgb-success), 1); } .iSelect.--tm-success-warning:hover:not(.is--active):not(.is--route), .iSelect.--tm-success-warning:hover:not(.is--active).is--route.no--route, .iSelect.--tm-success-warning:focus:not(.is--active):not(.is--route), .iSelect.--tm-success-warning:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-warning), 0.7); --bc: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-success-warning:hover.is--active, .iSelect.--tm-success-warning:hover.is--route:not(.no--route), .iSelect.--tm-success-warning:focus.is--active, .iSelect.--tm-success-warning:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-success), 0.7); } .iSelect.--tm-success-warning:disabled, .iSelect.--tm-success-warning[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-warning-primary { --cl: rgba(var(--rgb-primary), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-primary:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-primary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-primary:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-primary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary), 0.7); --bc: rgba(var(--rgb-primary), 0.3); } .iSelect.--tm-warning-primary:hover.is--active, .iSelect.--tm-warning-primary:hover.is--route:not(.no--route), .iSelect.--tm-warning-primary:focus.is--active, .iSelect.--tm-warning-primary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-primary:disabled, .iSelect.--tm-warning-primary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-primary-complement { --cl: rgba(var(--rgb-primary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-primary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-primary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-primary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-primary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-primary-complement), 0.7); --bc: rgba(var(--rgb-primary-complement), 0.3); } .iSelect.--tm-warning-primary-complement:hover.is--active, .iSelect.--tm-warning-primary-complement:hover.is--route:not(.no--route), .iSelect.--tm-warning-primary-complement:focus.is--active, .iSelect.--tm-warning-primary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-primary-complement:disabled, .iSelect.--tm-warning-primary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-secondary { --cl: rgba(var(--rgb-secondary), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-secondary:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-secondary:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-secondary:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-secondary:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary), 0.7); --bc: rgba(var(--rgb-secondary), 0.3); } .iSelect.--tm-warning-secondary:hover.is--active, .iSelect.--tm-warning-secondary:hover.is--route:not(.no--route), .iSelect.--tm-warning-secondary:focus.is--active, .iSelect.--tm-warning-secondary:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-secondary:disabled, .iSelect.--tm-warning-secondary[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-secondary-complement { --cl: rgba(var(--rgb-secondary-complement), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-secondary-complement:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-secondary-complement:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-secondary-complement:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-secondary-complement:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-secondary-complement), 0.7); --bc: rgba(var(--rgb-secondary-complement), 0.3); } .iSelect.--tm-warning-secondary-complement:hover.is--active, .iSelect.--tm-warning-secondary-complement:hover.is--route:not(.no--route), .iSelect.--tm-warning-secondary-complement:focus.is--active, .iSelect.--tm-warning-secondary-complement:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-secondary-complement:disabled, .iSelect.--tm-warning-secondary-complement[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-danger { --cl: rgba(var(--rgb-danger), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-danger:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-danger:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-danger:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-danger:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-danger), 0.7); --bc: rgba(var(--rgb-danger), 0.3); } .iSelect.--tm-warning-danger:hover.is--active, .iSelect.--tm-warning-danger:hover.is--route:not(.no--route), .iSelect.--tm-warning-danger:focus.is--active, .iSelect.--tm-warning-danger:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-danger:disabled, .iSelect.--tm-warning-danger[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-warning-success { --cl: rgba(var(--rgb-success), 1); --bg: rgba(var(--rgb-warning), 1); } .iSelect.--tm-warning-success:hover:not(.is--active):not(.is--route), .iSelect.--tm-warning-success:hover:not(.is--active).is--route.no--route, .iSelect.--tm-warning-success:focus:not(.is--active):not(.is--route), .iSelect.--tm-warning-success:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-success), 0.7); --bc: rgba(var(--rgb-success), 0.3); } .iSelect.--tm-warning-success:hover.is--active, .iSelect.--tm-warning-success:hover.is--route:not(.no--route), .iSelect.--tm-warning-success:focus.is--active, .iSelect.--tm-warning-success:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-warning), 0.7); } .iSelect.--tm-warning-success:disabled, .iSelect.--tm-warning-success[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-warning), 0.3); } .iSelect.--tm-light-dark { --cl: rgba(var(--rgb-dark), 1); --bg: rgba(var(--rgb-light), 1); } .iSelect.--tm-light-dark:hover:not(.is--active):not(.is--route), .iSelect.--tm-light-dark:hover:not(.is--active).is--route.no--route, .iSelect.--tm-light-dark:focus:not(.is--active):not(.is--route), .iSelect.--tm-light-dark:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-dark), 0.7); --bc: rgba(var(--rgb-dark), 0.3); } .iSelect.--tm-light-dark:hover.is--active, .iSelect.--tm-light-dark:hover.is--route:not(.no--route), .iSelect.--tm-light-dark:focus.is--active, .iSelect.--tm-light-dark:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-light), 0.7); } .iSelect.--tm-light-dark:disabled, .iSelect.--tm-light-dark[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-dark-light { --cl: rgba(var(--rgb-light), 1); --bg: rgba(var(--rgb-dark), 1); } .iSelect.--tm-dark-light:hover:not(.is--active):not(.is--route), .iSelect.--tm-dark-light:hover:not(.is--active).is--route.no--route, .iSelect.--tm-dark-light:focus:not(.is--active):not(.is--route), .iSelect.--tm-dark-light:focus:not(.is--active).is--route.no--route { --cl: rgba(var(--rgb-light), 0.7); --bc: rgba(var(--rgb-light), 0.3); } .iSelect.--tm-dark-light:hover.is--active, .iSelect.--tm-dark-light:hover.is--route:not(.no--route), .iSelect.--tm-dark-light:focus.is--active, .iSelect.--tm-dark-light:focus.is--route:not(.no--route) { --cl: rgba(var(--rgb-dark), 0.7); } .iSelect.--tm-dark-light:disabled, .iSelect.--tm-dark-light[disabled]:not([disabled=false]) { --cl: rgba(var(--rgb-dark), 0.3); } .iSelect:not([href^=mailto], [href^=tel]) ::first-letter, .iSelect:not([href^=mailto], [href^=tel]) > :not(.icon) ::first-letter { text-transform: capitalize; } .iSelect.--tm-primary-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-light:focus:hover, .iSelect.--tm-primary-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-light:disabled, .iSelect.--tm-primary-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-dark:focus:hover, .iSelect.--tm-primary-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-dark:disabled, .iSelect.--tm-primary-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-light:focus:hover, .iSelect.--tm-primary-complement-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-light:disabled, .iSelect.--tm-primary-complement-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-dark:focus:hover, .iSelect.--tm-primary-complement-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-dark:disabled, .iSelect.--tm-primary-complement-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect:not([class*="--tm-"]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect:not([class*="--tm-"]):hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect:not([class*="--tm-"]):focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect:not([class*="--tm-"]):focus:hover, .iSelect:not([class*="--tm-"]):focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect:not([class*="--tm-"]):disabled, .iSelect:not([class*="--tm-"])[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-light:focus:hover, .iSelect.--tm-secondary-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-light:disabled, .iSelect.--tm-secondary-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-dark:focus:hover, .iSelect.--tm-secondary-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-dark:disabled, .iSelect.--tm-secondary-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-light:focus:hover, .iSelect.--tm-secondary-complement-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-light:disabled, .iSelect.--tm-secondary-complement-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-dark:focus:hover, .iSelect.--tm-secondary-complement-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-dark:disabled, .iSelect.--tm-secondary-complement-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-light:focus:hover, .iSelect.--tm-danger-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-light:disabled, .iSelect.--tm-danger-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-dark:focus:hover, .iSelect.--tm-danger-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-dark:disabled, .iSelect.--tm-danger-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-success-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-success-light:focus:hover, .iSelect.--tm-success-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-light:disabled, .iSelect.--tm-success-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-success-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-success-dark:focus:hover, .iSelect.--tm-success-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-dark:disabled, .iSelect.--tm-success-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-light:focus:hover, .iSelect.--tm-warning-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-light:disabled, .iSelect.--tm-warning-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-dark:focus:hover, .iSelect.--tm-warning-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-dark:disabled, .iSelect.--tm-warning-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary:focus:hover, .iSelect.--tm-light-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary:disabled, .iSelect.--tm-light-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary-complement:focus:hover, .iSelect.--tm-light-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-primary-complement:disabled, .iSelect.--tm-light-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary:focus:hover, .iSelect.--tm-light-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary:disabled, .iSelect.--tm-light-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary-complement:focus:hover, .iSelect.--tm-light-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-secondary-complement:disabled, .iSelect.--tm-light-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-light-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-light-danger:focus:hover, .iSelect.--tm-light-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-danger:disabled, .iSelect.--tm-light-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-light-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-light-success:focus:hover, .iSelect.--tm-light-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-success:disabled, .iSelect.--tm-light-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-light-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-light-warning:focus:hover, .iSelect.--tm-light-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-warning:disabled, .iSelect.--tm-light-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary:focus:hover, .iSelect.--tm-dark-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary:disabled, .iSelect.--tm-dark-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary-complement:focus:hover, .iSelect.--tm-dark-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-primary-complement:disabled, .iSelect.--tm-dark-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary:focus:hover, .iSelect.--tm-dark-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary:disabled, .iSelect.--tm-dark-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary-complement:focus:hover, .iSelect.--tm-dark-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-secondary-complement:disabled, .iSelect.--tm-dark-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-danger:focus:hover, .iSelect.--tm-dark-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-danger:disabled, .iSelect.--tm-dark-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-success:focus:hover, .iSelect.--tm-dark-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-success:disabled, .iSelect.--tm-dark-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-warning:focus:hover, .iSelect.--tm-dark-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-warning:disabled, .iSelect.--tm-dark-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-primary-complement:focus:hover, .iSelect.--tm-primary-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-primary-complement:disabled, .iSelect.--tm-primary-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary:focus:hover, .iSelect.--tm-primary-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary:disabled, .iSelect.--tm-primary-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary-complement:focus:hover, .iSelect.--tm-primary-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-secondary-complement:disabled, .iSelect.--tm-primary-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-danger:focus:hover, .iSelect.--tm-primary-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-danger:disabled, .iSelect.--tm-primary-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-success:focus:hover, .iSelect.--tm-primary-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-success:disabled, .iSelect.--tm-primary-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-warning:focus:hover, .iSelect.--tm-primary-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-warning:disabled, .iSelect.--tm-primary-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-primary:focus:hover, .iSelect.--tm-primary-complement-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-primary:disabled, .iSelect.--tm-primary-complement-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary:focus:hover, .iSelect.--tm-primary-complement-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary:disabled, .iSelect.--tm-primary-complement-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary-complement:focus:hover, .iSelect.--tm-primary-complement-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-secondary-complement:disabled, .iSelect.--tm-primary-complement-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-danger:focus:hover, .iSelect.--tm-primary-complement-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-danger:disabled, .iSelect.--tm-primary-complement-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-success:focus:hover, .iSelect.--tm-primary-complement-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-success:disabled, .iSelect.--tm-primary-complement-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-warning:focus:hover, .iSelect.--tm-primary-complement-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-primary-complement-warning:disabled, .iSelect.--tm-primary-complement-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary:focus:hover, .iSelect.--tm-secondary-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary:disabled, .iSelect.--tm-secondary-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary-complement:focus:hover, .iSelect.--tm-secondary-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-primary-complement:disabled, .iSelect.--tm-secondary-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-secondary-complement:focus:hover, .iSelect.--tm-secondary-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-secondary-complement:disabled, .iSelect.--tm-secondary-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-danger:focus:hover, .iSelect.--tm-secondary-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-danger:disabled, .iSelect.--tm-secondary-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-success:focus:hover, .iSelect.--tm-secondary-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-success:disabled, .iSelect.--tm-secondary-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-warning:focus:hover, .iSelect.--tm-secondary-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-warning:disabled, .iSelect.--tm-secondary-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary:focus:hover, .iSelect.--tm-secondary-complement-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary:disabled, .iSelect.--tm-secondary-complement-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary-complement:focus:hover, .iSelect.--tm-secondary-complement-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-primary-complement:disabled, .iSelect.--tm-secondary-complement-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-secondary:focus:hover, .iSelect.--tm-secondary-complement-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-secondary:disabled, .iSelect.--tm-secondary-complement-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-danger:focus:hover, .iSelect.--tm-secondary-complement-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-danger:disabled, .iSelect.--tm-secondary-complement-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-success:focus:hover, .iSelect.--tm-secondary-complement-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-success:disabled, .iSelect.--tm-secondary-complement-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-warning:focus:hover, .iSelect.--tm-secondary-complement-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-secondary-complement-warning:disabled, .iSelect.--tm-secondary-complement-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary:focus:hover, .iSelect.--tm-danger-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary:disabled, .iSelect.--tm-danger-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary-complement:focus:hover, .iSelect.--tm-danger-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-primary-complement:disabled, .iSelect.--tm-danger-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary:focus:hover, .iSelect.--tm-danger-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary:disabled, .iSelect.--tm-danger-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary-complement:focus:hover, .iSelect.--tm-danger-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-secondary-complement:disabled, .iSelect.--tm-danger-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-success:focus:hover, .iSelect.--tm-danger-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-success:disabled, .iSelect.--tm-danger-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-warning:focus:hover, .iSelect.--tm-danger-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-danger-warning:disabled, .iSelect.--tm-danger-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary:focus:hover, .iSelect.--tm-success-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary:disabled, .iSelect.--tm-success-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary-complement:focus:hover, .iSelect.--tm-success-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-primary-complement:disabled, .iSelect.--tm-success-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary:focus:hover, .iSelect.--tm-success-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary:disabled, .iSelect.--tm-success-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary-complement:focus:hover, .iSelect.--tm-success-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-secondary-complement:disabled, .iSelect.--tm-success-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-success-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-success-danger:focus:hover, .iSelect.--tm-success-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-danger:disabled, .iSelect.--tm-success-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-success-warning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-success-warning:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-warning:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12'/%3E%3C/svg%3E"); } .iSelect.--tm-success-warning:focus:hover, .iSelect.--tm-success-warning:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23f39c12' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-success-warning:disabled, .iSelect.--tm-success-warning[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary:focus:hover, .iSelect.--tm-warning-primary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231e8549' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary:disabled, .iSelect.--tm-warning-primary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary-complement:focus:hover, .iSelect.--tm-warning-primary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23hsl(120, 100%, -1.568627451%)' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-primary-complement:disabled, .iSelect.--tm-warning-primary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary:focus:hover, .iSelect.--tm-warning-secondary:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%232ecc71' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary:disabled, .iSelect.--tm-warning-secondary[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary-complement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary-complement:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary-complement:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary-complement:focus:hover, .iSelect.--tm-warning-secondary-complement:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%231abc9c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-secondary-complement:disabled, .iSelect.--tm-warning-secondary-complement[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-danger:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-danger:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-danger:focus:hover, .iSelect.--tm-warning-danger:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23e74c3c' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-danger:disabled, .iSelect.--tm-warning-danger[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-success { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-success:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-success:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-success:focus:hover, .iSelect.--tm-warning-success:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23259c21' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-warning-success:disabled, .iSelect.--tm-warning-success[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23f39c12' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-light-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-light-dark:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-dark:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000'/%3E%3C/svg%3E"); } .iSelect.--tm-light-dark:focus:hover, .iSelect.--tm-light-dark:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23000' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-light-dark:disabled, .iSelect.--tm-light-dark[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.3'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-light { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-light:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-light:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-light:focus:hover, .iSelect.--tm-dark-light:focus-within:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' fill='%23fff' opacity='0.7'/%3E%3C/svg%3E"); } .iSelect.--tm-dark-light:disabled, .iSelect.--tm-dark-light[disabled]:not([disabled=false]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.478' height='10'%3E%3Cpath d='M7.598 9.736L.265 2.403c-.354-.354-.354-.927 0-1.28L1.12.267c.354-.352.925-.352 1.28 0l5.836 5.8 5.84-5.812c.354-.352.925-.352 1.28 0l.855.855c.354.354.354.927 0 1.28L8.875 9.734c-.353.352-.923.352-1.277.002z' transform='rotate(180 8.236 5)' fill='%23000' opacity='0.3'/%3E%3C/svg%3E"); } .iTxt { text-align: left; } .iTxt.--tm-primary { --bg: rgba(var(--rgb-primary), 0.1); --bc: rgba(var(--rgb-primary), 0.05); --cl: rgba(var(--rgb-primary), 1); --cl-a: rgba(var(--rgb-primary), 0.5); } .iTxt.--tm-primary-complement { --bg: rgba(var(--rgb-primary-complement), 0.1); --bc: rgba(var(--rgb-primary-complement), 0.05); --cl: rgba(var(--rgb-primary-complement), 1); --cl-a: rgba(var(--rgb-primary-complement), 0.5); } .iTxt:not([class*="--tm-"]) { --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.05); --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.5); } .iTxt.--tm-secondary { --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.05); --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.5); } .iTxt.--tm-secondary-complement { --bg: rgba(var(--rgb-secondary-complement), 0.1); --bc: rgba(var(--rgb-secondary-complement), 0.05); --cl: rgba(var(--rgb-secondary-complement), 1); --cl-a: rgba(var(--rgb-secondary-complement), 0.5); } .iTxt.--tm-danger { --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.05); --cl: rgba(var(--rgb-danger), 1); --cl-a: rgba(var(--rgb-danger), 0.5); } .iTxt.--tm-success { --bg: rgba(var(--rgb-success), 0.1); --bc: rgba(var(--rgb-success), 0.05); --cl: rgba(var(--rgb-success), 1); --cl-a: rgba(var(--rgb-success), 0.5); } .iTxt.--tm-warning { --bg: rgba(var(--rgb-warning), 0.1); --bc: rgba(var(--rgb-warning), 0.05); --cl: rgba(var(--rgb-warning), 1); --cl-a: rgba(var(--rgb-warning), 0.5); } .iTxt.--tm-light { --bg: rgba(var(--rgb-light), 0.1); --bc: rgba(var(--rgb-light), 0.05); --cl: rgba(var(--rgb-light), 1); --cl-a: rgba(var(--rgb-light), 0.5); } .iTxt.--tm-dark { --bg: rgba(var(--rgb-dark), 0.1); --bc: rgba(var(--rgb-dark), 0.05); --cl: rgba(var(--rgb-dark), 1); --cl-a: rgba(var(--rgb-dark), 0.5); } .iTxt.--tm-light:not(.no--override) { --bg: rgba(var(--rgb-light), 0.3); --bc: rgba(var(--rgb-light), 0.7); --cl-a: rgba(var(--rgb-light), 0.7); text-shadow: 1px 1px 1px rgba(var(--rgb-dark), 0.3); } .iColor.--tm-primary { --bg: rgba(var(--rgb-primary), 0.1); --bc: rgba(var(--rgb-primary), 0.05); --cl: rgba(var(--rgb-primary), 1); --cl-a: rgba(var(--rgb-primary), 0.5); } .iColor.--tm-primary-complement { --bg: rgba(var(--rgb-primary-complement), 0.1); --bc: rgba(var(--rgb-primary-complement), 0.05); --cl: rgba(var(--rgb-primary-complement), 1); --cl-a: rgba(var(--rgb-primary-complement), 0.5); } .iColor:not([class*="--tm-"]) { --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.05); --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.5); } .iColor.--tm-secondary { --bg: rgba(var(--rgb-secondary), 0.1); --bc: rgba(var(--rgb-secondary), 0.05); --cl: rgba(var(--rgb-secondary), 1); --cl-a: rgba(var(--rgb-secondary), 0.5); } .iColor.--tm-secondary-complement { --bg: rgba(var(--rgb-secondary-complement), 0.1); --bc: rgba(var(--rgb-secondary-complement), 0.05); --cl: rgba(var(--rgb-secondary-complement), 1); --cl-a: rgba(var(--rgb-secondary-complement), 0.5); } .iColor.--tm-danger { --bg: rgba(var(--rgb-danger), 0.1); --bc: rgba(var(--rgb-danger), 0.05); --cl: rgba(var(--rgb-danger), 1); --cl-a: rgba(var(--rgb-danger), 0.5); } .iColor.--tm-success { --bg: rgba(var(--rgb-success), 0.1); --bc: rgba(var(--rgb-success), 0.05); --cl: rgba(var(--rgb-success), 1); --cl-a: rgba(var(--rgb-success), 0.5); } .iColor.--tm-warning { --bg: rgba(var(--rgb-warning), 0.1); --bc: rgba(var(--rgb-warning), 0.05); --cl: rgba(var(--rgb-warning), 1); --cl-a: rgba(var(--rgb-warning), 0.5); } .iColor.--tm-light { --bg: rgba(var(--rgb-light), 0.1); --bc: rgba(var(--rgb-light), 0.05); --cl: rgba(var(--rgb-light), 1); --cl-a: rgba(var(--rgb-light), 0.5); } .iColor.--tm-dark { --bg: rgba(var(--rgb-dark), 0.1); --bc: rgba(var(--rgb-dark), 0.05); --cl: rgba(var(--rgb-dark), 1); --cl-a: rgba(var(--rgb-dark), 0.5); } .link:not([href^=mailto], [href^=tel]) ::first-letter, .link:not([href^=mailto], [href^=tel]) > :not(.icon) ::first-letter { text-transform: capitalize; } .cols > *:not(:last-child) { margin-bottom: var(--gx, var(--g, 2rem)); } .flx { gap: 1rem; } .float > * { float: left; } .float.--floatDir-right > * { float: right; } .float.--floatDir > *, .float.--floatDir-left > * { float: left; } .grd { gap: 2rem; } .dropdown.--tm-primary-light:not(:has(> .dropdown-item)), .dropdown.--tm-primary-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-light > .dropdown-item th.--sticky, .dropdown.--tm-primary-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-dark:not(:has(> .dropdown-item)), .dropdown.--tm-primary-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-dark > .dropdown-item th.--sticky, .dropdown.--tm-primary-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-complement-light:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-light > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-dark:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-dark > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown:not([class*="--tm-"]):not(:has(> .dropdown-item)), .dropdown:not([class*="--tm-"]) > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown:not([class*="--tm-"]):not(:has(> .dropdown-item)) th.--sticky, .dropdown:not([class*="--tm-"]):not(:has(> .dropdown-item)) td.--sticky, .dropdown:not([class*="--tm-"]) > .dropdown-item th.--sticky, .dropdown:not([class*="--tm-"]) > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-light:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-light > .dropdown-item th.--sticky, .dropdown.--tm-secondary-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-dark:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-dark > .dropdown-item th.--sticky, .dropdown.--tm-secondary-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-complement-light:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-light > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-dark:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-dark > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-danger-light:not(:has(> .dropdown-item)), .dropdown.--tm-danger-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-light > .dropdown-item th.--sticky, .dropdown.--tm-danger-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-dark:not(:has(> .dropdown-item)), .dropdown.--tm-danger-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-dark > .dropdown-item th.--sticky, .dropdown.--tm-danger-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-success-light:not(:has(> .dropdown-item)), .dropdown.--tm-success-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-light > .dropdown-item th.--sticky, .dropdown.--tm-success-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-dark:not(:has(> .dropdown-item)), .dropdown.--tm-success-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-dark > .dropdown-item th.--sticky, .dropdown.--tm-success-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-warning-light:not(:has(> .dropdown-item)), .dropdown.--tm-warning-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-light > .dropdown-item th.--sticky, .dropdown.--tm-warning-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-dark:not(:has(> .dropdown-item)), .dropdown.--tm-warning-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-dark > .dropdown-item th.--sticky, .dropdown.--tm-warning-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-light-primary:not(:has(> .dropdown-item)), .dropdown.--tm-light-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-primary > .dropdown-item th.--sticky, .dropdown.--tm-light-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-light-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-light-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-light-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-secondary > .dropdown-item th.--sticky, .dropdown.--tm-light-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-light-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-light-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-danger:not(:has(> .dropdown-item)), .dropdown.--tm-light-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-danger > .dropdown-item th.--sticky, .dropdown.--tm-light-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-success:not(:has(> .dropdown-item)), .dropdown.--tm-light-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-success > .dropdown-item th.--sticky, .dropdown.--tm-light-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-warning:not(:has(> .dropdown-item)), .dropdown.--tm-light-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-warning > .dropdown-item th.--sticky, .dropdown.--tm-light-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-dark-primary:not(:has(> .dropdown-item)), .dropdown.--tm-dark-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-primary > .dropdown-item th.--sticky, .dropdown.--tm-dark-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-dark-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-dark-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-dark-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-secondary > .dropdown-item th.--sticky, .dropdown.--tm-dark-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-dark-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-dark-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-danger:not(:has(> .dropdown-item)), .dropdown.--tm-dark-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-danger > .dropdown-item th.--sticky, .dropdown.--tm-dark-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-success:not(:has(> .dropdown-item)), .dropdown.--tm-dark-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-success > .dropdown-item th.--sticky, .dropdown.--tm-dark-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-warning:not(:has(> .dropdown-item)), .dropdown.--tm-dark-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-warning > .dropdown-item th.--sticky, .dropdown.--tm-dark-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-primary-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-primary-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-primary-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-primary-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-secondary > .dropdown-item th.--sticky, .dropdown.--tm-primary-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-primary-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-primary-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-danger:not(:has(> .dropdown-item)), .dropdown.--tm-primary-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-danger > .dropdown-item th.--sticky, .dropdown.--tm-primary-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-success:not(:has(> .dropdown-item)), .dropdown.--tm-primary-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-success > .dropdown-item th.--sticky, .dropdown.--tm-primary-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-warning:not(:has(> .dropdown-item)), .dropdown.--tm-primary-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-warning > .dropdown-item th.--sticky, .dropdown.--tm-primary-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .dropdown.--tm-primary-complement-primary:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-primary > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-secondary > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-danger:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-danger > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-success:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-success > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-warning:not(:has(> .dropdown-item)), .dropdown.--tm-primary-complement-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-primary-complement-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-primary-complement-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-primary-complement-warning > .dropdown-item th.--sticky, .dropdown.--tm-primary-complement-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .dropdown.--tm-secondary-primary:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-primary > .dropdown-item th.--sticky, .dropdown.--tm-secondary-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-secondary-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-secondary-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-danger:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-danger > .dropdown-item th.--sticky, .dropdown.--tm-secondary-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-success:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-success > .dropdown-item th.--sticky, .dropdown.--tm-secondary-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-warning:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-warning > .dropdown-item th.--sticky, .dropdown.--tm-secondary-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .dropdown.--tm-secondary-complement-primary:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-primary > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-secondary > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-danger:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-danger > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-success:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-success > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-warning:not(:has(> .dropdown-item)), .dropdown.--tm-secondary-complement-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-secondary-complement-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-secondary-complement-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-secondary-complement-warning > .dropdown-item th.--sticky, .dropdown.--tm-secondary-complement-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .dropdown.--tm-danger-primary:not(:has(> .dropdown-item)), .dropdown.--tm-danger-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-primary > .dropdown-item th.--sticky, .dropdown.--tm-danger-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-danger-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-danger-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-danger-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-secondary > .dropdown-item th.--sticky, .dropdown.--tm-danger-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-danger-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-danger-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-success:not(:has(> .dropdown-item)), .dropdown.--tm-danger-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-success > .dropdown-item th.--sticky, .dropdown.--tm-danger-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-warning:not(:has(> .dropdown-item)), .dropdown.--tm-danger-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-danger-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-danger-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-danger-warning > .dropdown-item th.--sticky, .dropdown.--tm-danger-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .dropdown.--tm-success-primary:not(:has(> .dropdown-item)), .dropdown.--tm-success-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-primary > .dropdown-item th.--sticky, .dropdown.--tm-success-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-success-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-success-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-success-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-secondary > .dropdown-item th.--sticky, .dropdown.--tm-success-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-success-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-success-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-danger:not(:has(> .dropdown-item)), .dropdown.--tm-success-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-danger > .dropdown-item th.--sticky, .dropdown.--tm-success-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-warning:not(:has(> .dropdown-item)), .dropdown.--tm-success-warning > .dropdown-item { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-success-warning:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-success-warning:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-success-warning > .dropdown-item th.--sticky, .dropdown.--tm-success-warning > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-success), 1); } .dropdown.--tm-warning-primary:not(:has(> .dropdown-item)), .dropdown.--tm-warning-primary > .dropdown-item { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-primary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-primary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-primary > .dropdown-item th.--sticky, .dropdown.--tm-warning-primary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-primary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-warning-primary-complement > .dropdown-item { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-primary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-primary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-primary-complement > .dropdown-item th.--sticky, .dropdown.--tm-warning-primary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-secondary:not(:has(> .dropdown-item)), .dropdown.--tm-warning-secondary > .dropdown-item { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-secondary:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-secondary:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-secondary > .dropdown-item th.--sticky, .dropdown.--tm-warning-secondary > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-secondary-complement:not(:has(> .dropdown-item)), .dropdown.--tm-warning-secondary-complement > .dropdown-item { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-secondary-complement:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-secondary-complement:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-secondary-complement > .dropdown-item th.--sticky, .dropdown.--tm-warning-secondary-complement > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-danger:not(:has(> .dropdown-item)), .dropdown.--tm-warning-danger > .dropdown-item { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-danger:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-danger:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-danger > .dropdown-item th.--sticky, .dropdown.--tm-warning-danger > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-success:not(:has(> .dropdown-item)), .dropdown.--tm-warning-success > .dropdown-item { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-warning-success:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-warning-success:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-warning-success > .dropdown-item th.--sticky, .dropdown.--tm-warning-success > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .dropdown.--tm-light-dark:not(:has(> .dropdown-item)), .dropdown.--tm-light-dark > .dropdown-item { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-light-dark:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-light-dark:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-light-dark > .dropdown-item th.--sticky, .dropdown.--tm-light-dark > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-light), 1); } .dropdown.--tm-dark-light:not(:has(> .dropdown-item)), .dropdown.--tm-dark-light > .dropdown-item { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-dark), 1); } .dropdown.--tm-dark-light:not(:has(> .dropdown-item)) th.--sticky, .dropdown.--tm-dark-light:not(:has(> .dropdown-item)) td.--sticky, .dropdown.--tm-dark-light > .dropdown-item th.--sticky, .dropdown.--tm-dark-light > .dropdown-item td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--size-xs { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .modal.--size-xs .modal-content { padding-left: 0.7rem; padding-right: 0.7rem; } .modal.--size-sm { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .modal.--size-sm .modal-content { padding-left: 0.85rem; padding-right: 0.85rem; } .modal:not([class*="--size-"]) { padding: 0.7rem 1rem; border-radius: 1.333rem; } .modal:not([class*="--size-"]) .modal-content { padding-left: 1rem; padding-right: 1rem; } .modal.--size-md { padding: 0.7rem 1rem; border-radius: 1.333rem; } .modal.--size-md .modal-content { padding-left: 1rem; padding-right: 1rem; } .modal.--size-lg { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .modal.--size-lg .modal-content { padding-left: 1.4rem; padding-right: 1.4rem; } .modal.--size-xl { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .modal.--size-xl .modal-content { padding-left: 2.2rem; padding-right: 2.2rem; } .modal.--size-xx { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .modal.--size-xx .modal-content { padding-left: 3.6rem; padding-right: 3.6rem; } .modal.--size-mx { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .modal.--size-mx .modal-content { padding-left: 4.8rem; padding-right: 4.8rem; } .modal.--tm-primary-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-light th.--sticky, .modal.--tm-primary-light td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-dark th.--sticky, .modal.--tm-primary-dark td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-complement-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-light th.--sticky, .modal.--tm-primary-complement-light td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-dark th.--sticky, .modal.--tm-primary-complement-dark td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal:not([class*="--tm-"]) { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal:not([class*="--tm-"]) th.--sticky, .modal:not([class*="--tm-"]) td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-light th.--sticky, .modal.--tm-secondary-light td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-dark th.--sticky, .modal.--tm-secondary-dark td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-complement-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-light th.--sticky, .modal.--tm-secondary-complement-light td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-dark th.--sticky, .modal.--tm-secondary-complement-dark td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-danger-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-light th.--sticky, .modal.--tm-danger-light td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-dark th.--sticky, .modal.--tm-danger-dark td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-success-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-light th.--sticky, .modal.--tm-success-light td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-dark th.--sticky, .modal.--tm-success-dark td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-warning-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-light th.--sticky, .modal.--tm-warning-light td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-dark th.--sticky, .modal.--tm-warning-dark td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-light-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-primary th.--sticky, .modal.--tm-light-primary td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-primary-complement th.--sticky, .modal.--tm-light-primary-complement td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-secondary th.--sticky, .modal.--tm-light-secondary td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-secondary-complement th.--sticky, .modal.--tm-light-secondary-complement td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-danger th.--sticky, .modal.--tm-light-danger td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-success th.--sticky, .modal.--tm-light-success td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-warning th.--sticky, .modal.--tm-light-warning td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-dark-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-primary th.--sticky, .modal.--tm-dark-primary td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-primary-complement th.--sticky, .modal.--tm-dark-primary-complement td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-secondary th.--sticky, .modal.--tm-dark-secondary td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-secondary-complement th.--sticky, .modal.--tm-dark-secondary-complement td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-danger th.--sticky, .modal.--tm-dark-danger td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-success th.--sticky, .modal.--tm-dark-success td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-warning th.--sticky, .modal.--tm-dark-warning td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-primary-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-primary-complement th.--sticky, .modal.--tm-primary-primary-complement td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-secondary th.--sticky, .modal.--tm-primary-secondary td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-secondary-complement th.--sticky, .modal.--tm-primary-secondary-complement td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-danger th.--sticky, .modal.--tm-primary-danger td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-success th.--sticky, .modal.--tm-primary-success td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-warning th.--sticky, .modal.--tm-primary-warning td.--sticky { background-color: rgba(var(--rgb-primary), 1); } .modal.--tm-primary-complement-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-primary th.--sticky, .modal.--tm-primary-complement-primary td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-secondary th.--sticky, .modal.--tm-primary-complement-secondary td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-secondary-complement th.--sticky, .modal.--tm-primary-complement-secondary-complement td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-danger th.--sticky, .modal.--tm-primary-complement-danger td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-success th.--sticky, .modal.--tm-primary-complement-success td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-primary-complement-warning th.--sticky, .modal.--tm-primary-complement-warning td.--sticky { background-color: rgba(var(--rgb-primary-complement), 1); } .modal.--tm-secondary-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-primary th.--sticky, .modal.--tm-secondary-primary td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-primary-complement th.--sticky, .modal.--tm-secondary-primary-complement td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-secondary-complement th.--sticky, .modal.--tm-secondary-secondary-complement td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-danger th.--sticky, .modal.--tm-secondary-danger td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-success th.--sticky, .modal.--tm-secondary-success td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-warning th.--sticky, .modal.--tm-secondary-warning td.--sticky { background-color: rgba(var(--rgb-secondary), 1); } .modal.--tm-secondary-complement-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-primary th.--sticky, .modal.--tm-secondary-complement-primary td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-primary-complement th.--sticky, .modal.--tm-secondary-complement-primary-complement td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-secondary th.--sticky, .modal.--tm-secondary-complement-secondary td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-danger th.--sticky, .modal.--tm-secondary-complement-danger td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-success th.--sticky, .modal.--tm-secondary-complement-success td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-secondary-complement-warning th.--sticky, .modal.--tm-secondary-complement-warning td.--sticky { background-color: rgba(var(--rgb-secondary-complement), 1); } .modal.--tm-danger-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-primary th.--sticky, .modal.--tm-danger-primary td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-primary-complement th.--sticky, .modal.--tm-danger-primary-complement td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-secondary th.--sticky, .modal.--tm-danger-secondary td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-secondary-complement th.--sticky, .modal.--tm-danger-secondary-complement td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-success th.--sticky, .modal.--tm-danger-success td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-danger-warning th.--sticky, .modal.--tm-danger-warning td.--sticky { background-color: rgba(var(--rgb-danger), 1); } .modal.--tm-success-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-primary th.--sticky, .modal.--tm-success-primary td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-primary-complement th.--sticky, .modal.--tm-success-primary-complement td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-secondary th.--sticky, .modal.--tm-success-secondary td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-secondary-complement th.--sticky, .modal.--tm-success-secondary-complement td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-danger th.--sticky, .modal.--tm-success-danger td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-warning { color: rgba(var(--rgb-warning), 0.7); background-color: rgba(var(--rgb-success), 1); } .modal.--tm-success-warning th.--sticky, .modal.--tm-success-warning td.--sticky { background-color: rgba(var(--rgb-success), 1); } .modal.--tm-warning-primary { color: rgba(var(--rgb-primary), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-primary th.--sticky, .modal.--tm-warning-primary td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-primary-complement { color: rgba(var(--rgb-primary-complement), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-primary-complement th.--sticky, .modal.--tm-warning-primary-complement td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-secondary { color: rgba(var(--rgb-secondary), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-secondary th.--sticky, .modal.--tm-warning-secondary td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-secondary-complement { color: rgba(var(--rgb-secondary-complement), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-secondary-complement th.--sticky, .modal.--tm-warning-secondary-complement td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-danger { color: rgba(var(--rgb-danger), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-danger th.--sticky, .modal.--tm-warning-danger td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-success { color: rgba(var(--rgb-success), 0.7); background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-warning-success th.--sticky, .modal.--tm-warning-success td.--sticky { background-color: rgba(var(--rgb-warning), 1); } .modal.--tm-light-dark { color: rgba(var(--rgb-dark), 0.7); background-color: rgba(var(--rgb-light), 1); } .modal.--tm-light-dark th.--sticky, .modal.--tm-light-dark td.--sticky { background-color: rgba(var(--rgb-light), 1); } .modal.--tm-dark-light { color: rgba(var(--rgb-light), 0.7); background-color: rgba(var(--rgb-dark), 1); } .modal.--tm-dark-light th.--sticky, .modal.--tm-dark-light td.--sticky { background-color: rgba(var(--rgb-dark), 1); } .holder { width: 100%; max-width: 75rem; } ul.list-group > li *, ol.list-group > li * { text-align: left; } ul.navigationX-list, ol.navigationX-list { gap: 1rem; } .navigationY-menu:not(.--sub) { gap: 1rem; } ul.navigationY-menu-list, ol.navigationY-menu-list { gap: 1rem; } .scroll.--vertical { padding: 0.1rem 0; } .scroll.--horizontal.--always { width: min(100%, 100vw); } table.tbl tr:not(.no--hover) th, table.tbl tr:not(.no--hover) td { text-align: left; } .view-item { min-height: 60vh; min-height: 60dvh; } .view-item > .holder:not([class*="--gap"]) > :not(:last-child) { margin-bottom: 2rem; } } } @media only screen and (any-pointer: coarse){ @layer definitions{ .hover\:cols { overflow: visible; column-gap: var(--gy, var(--g, 2rem)); } .hover\:cols > * { break-inside: avoid; } .hover\:flx { display: flex; } .hover\:float { display: block; } .hover\:grd { display: grid; width: 100%; overflow: visible; } .hover\:grd > * { width: 100%; } .hover\:grd-item { height: 100%; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown { display: block; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.flx, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.flx { display: flex; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.flx.--display-inline, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.flx.--display-inline { display: inline-flex; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.grd, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.grd { display: grid; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.grd.--display-inline, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.grd.--display-inline { display: inline-grid; } } @layer definitions.defaults{ .hover\:cols > *:not(:last-child) { margin-bottom: var(--gx, var(--g, 2rem)); } .hover\:flx { gap: 1rem; } .hover\:float > * { float: left; } .hover\:grd { gap: 2rem; } .scroll::-webkit-scrollbar { width: 0.4rem; height: 0.4rem; } .scroll::-webkit-scrollbar-track { background-color: rgba(var(--rgb-light), 1); } .scroll::-webkit-scrollbar-thumb { background-color: rgba(var(--rgb-dark), 0.3); } .scroll::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-thumb { border-radius: 100px; } } } @media only screen and (any-pointer: fine){ @layer definitions{ [data-tooltip]:hover::before { opacity: 1; } } } @media only screen and (prefers-reduced-motion: reduce){ *, *::before, *::after { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; transition-duration: 0.001s !important; } } @media only screen and (width <= 1280px){ @layer modifiers{ .--txtAlign-right\:xl-inv { text-align: right; } .--txtAlign-right\:xl-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:xl-inv { text-align: center; } .--txtAlign-center\:xl-inv:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:xl-inv { text-align: justify; } .--txtAlign-justify\:xl-inv:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:xl-inv, .--txtAlign-left\:xl-inv { text-align: left; } .--txtAlign\:xl-inv:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:xl-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:xl-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:xl-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:xl-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:xl-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:xl-inv:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:xl-inv, .--txtSize-normal\:xl-inv { font-size: 1rem; } .--txtSize-xs\:xl-inv { font-size: 0.7rem; } .--txtSize-sm\:xl-inv { font-size: 0.85rem; } .--txtSize-md\:xl-inv { font-size: 1rem; } .--txtSize-lg\:xl-inv { font-size: 1.4rem; } .--txtSize-xl\:xl-inv { font-size: 2.2rem; } .--txtSize-xx\:xl-inv { font-size: 3.6rem; } .--txtSize-mx\:xl-inv { font-size: 4.8rem; } .--hidden\:xl-inv { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:xl-inv { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:xl-inv * { text-align: right; } .--txtAlign-center\:xl-inv * { text-align: center; } .--txtAlign-justify\:xl-inv * { text-align: justify; } .--txtAlign\:xl-inv *, .--txtAlign-left\:xl-inv * { text-align: left; } } @layer definitions{ i.icon.--size-10\:xl-inv { font-size: 0.6666666667em; } i.icon.--size-15\:xl-inv { font-size: 1em; } i.icon.--size-20\:xl-inv { font-size: 1.3333333333em; } i.icon.--size-25\:xl-inv { font-size: 1.6666666667em; } i.icon.--size-30\:xl-inv { font-size: 2em; } i.icon.--size-35\:xl-inv { font-size: 2.3333333333em; } i.icon.--size-40\:xl-inv { font-size: 2.6666666667em; } i.icon.--size-45\:xl-inv { font-size: 3em; } i.icon.--size-50\:xl-inv { font-size: 3.3333333333em; } .svg.--size-10\:xl-inv { font-size: 0.6666666667em; } .svg.--size-15\:xl-inv { font-size: 1em; } .svg.--size-20\:xl-inv { font-size: 1.3333333333em; } .svg.--size-25\:xl-inv { font-size: 1.6666666667em; } .svg.--size-30\:xl-inv { font-size: 2em; } .svg.--size-35\:xl-inv { font-size: 2.3333333333em; } .svg.--size-40\:xl-inv { font-size: 2.6666666667em; } .svg.--size-45\:xl-inv { font-size: 3em; } .svg.--size-50\:xl-inv { font-size: 3.3333333333em; } .bttnToggle.--round\:xl-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xl-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xl-inv .svg + span { display: none; } .bttnToggle.--size-xs.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:xl-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:xl-inv { padding: 0; width: 11.52rem; } .bttn.--round\:xl-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl-inv .svg + span { display: none; } .bttn.--size-xs.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:xl-inv { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:xl-inv { padding: 0; width: 11.52rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl-inv :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl-inv :not(:only-child):not(:nth-child(2)) { display: none; } .link.--round\:xl-inv i.icon:last-child:not(:only-child), .link.--round\:xl-inv .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:xl-inv { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:xl-inv { width: 3rem; height: 3rem; } .avatar\:xl-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:xl-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:xl-inv { width: 6rem; height: 6rem; } .avatar.--size-xl\:xl-inv { width: 9rem; height: 9rem; } } } @media only screen and (width <= 1080px){ @layer modifiers{ .--txtAlign-right\:lg-inv { text-align: right; } .--txtAlign-right\:lg-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:lg-inv { text-align: center; } .--txtAlign-center\:lg-inv:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:lg-inv { text-align: justify; } .--txtAlign-justify\:lg-inv:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:lg-inv, .--txtAlign-left\:lg-inv { text-align: left; } .--txtAlign\:lg-inv:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:lg-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:lg-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:lg-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:lg-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:lg-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:lg-inv:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:lg-inv, .--txtSize-normal\:lg-inv { font-size: 1rem; } .--txtSize-xs\:lg-inv { font-size: 0.7rem; } .--txtSize-sm\:lg-inv { font-size: 0.85rem; } .--txtSize-md\:lg-inv { font-size: 1rem; } .--txtSize-lg\:lg-inv { font-size: 1.4rem; } .--txtSize-xl\:lg-inv { font-size: 2.2rem; } .--txtSize-xx\:lg-inv { font-size: 3.6rem; } .--txtSize-mx\:lg-inv { font-size: 4.8rem; } .--hidden\:lg-inv { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:lg-inv { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:lg-inv * { text-align: right; } .--txtAlign-center\:lg-inv * { text-align: center; } .--txtAlign-justify\:lg-inv * { text-align: justify; } .--txtAlign\:lg-inv *, .--txtAlign-left\:lg-inv * { text-align: left; } } @layer definitions{ i.icon.--size-10\:lg-inv { font-size: 0.6666666667em; } i.icon.--size-15\:lg-inv { font-size: 1em; } i.icon.--size-20\:lg-inv { font-size: 1.3333333333em; } i.icon.--size-25\:lg-inv { font-size: 1.6666666667em; } i.icon.--size-30\:lg-inv { font-size: 2em; } i.icon.--size-35\:lg-inv { font-size: 2.3333333333em; } i.icon.--size-40\:lg-inv { font-size: 2.6666666667em; } i.icon.--size-45\:lg-inv { font-size: 3em; } i.icon.--size-50\:lg-inv { font-size: 3.3333333333em; } .svg.--size-10\:lg-inv { font-size: 0.6666666667em; } .svg.--size-15\:lg-inv { font-size: 1em; } .svg.--size-20\:lg-inv { font-size: 1.3333333333em; } .svg.--size-25\:lg-inv { font-size: 1.6666666667em; } .svg.--size-30\:lg-inv { font-size: 2em; } .svg.--size-35\:lg-inv { font-size: 2.3333333333em; } .svg.--size-40\:lg-inv { font-size: 2.6666666667em; } .svg.--size-45\:lg-inv { font-size: 3em; } .svg.--size-50\:lg-inv { font-size: 3.3333333333em; } .bttnToggle.--round\:lg-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:lg-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:lg-inv .svg + span { display: none; } .bttnToggle.--size-xs.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:lg-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:lg-inv { padding: 0; width: 11.52rem; } .bttn.--round\:lg-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg-inv .svg + span { display: none; } .bttn.--size-xs.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:lg-inv { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:lg-inv { padding: 0; width: 11.52rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg-inv :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg-inv :not(:only-child):not(:nth-child(2)) { display: none; } .link.--round\:lg-inv i.icon:last-child:not(:only-child), .link.--round\:lg-inv .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:lg-inv { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:lg-inv { width: 3rem; height: 3rem; } .avatar\:lg-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:lg-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:lg-inv { width: 6rem; height: 6rem; } .avatar.--size-xl\:lg-inv { width: 9rem; height: 9rem; } } } @media only screen and (width <= 768px){ @layer modifiers{ .--txtAlign-right\:md-inv { text-align: right; } .--txtAlign-right\:md-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:md-inv { text-align: center; } .--txtAlign-center\:md-inv:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:md-inv { text-align: justify; } .--txtAlign-justify\:md-inv:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:md-inv, .--txtAlign-left\:md-inv { text-align: left; } .--txtAlign\:md-inv:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:md-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:md-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:md-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:md-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:md-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:md-inv:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:md-inv, .--txtSize-normal\:md-inv { font-size: 1rem; } .--txtSize-xs\:md-inv { font-size: 0.7rem; } .--txtSize-sm\:md-inv { font-size: 0.85rem; } .--txtSize-md\:md-inv { font-size: 1rem; } .--txtSize-lg\:md-inv { font-size: 1.4rem; } .--txtSize-xl\:md-inv { font-size: 2.2rem; } .--txtSize-xx\:md-inv { font-size: 3.6rem; } .--txtSize-mx\:md-inv { font-size: 4.8rem; } .--hidden\:md-inv { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:md-inv { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:md-inv * { text-align: right; } .--txtAlign-center\:md-inv * { text-align: center; } .--txtAlign-justify\:md-inv * { text-align: justify; } .--txtAlign\:md-inv *, .--txtAlign-left\:md-inv * { text-align: left; } } @layer definitions{ i.icon.--size-10\:md-inv { font-size: 0.6666666667em; } i.icon.--size-15\:md-inv { font-size: 1em; } i.icon.--size-20\:md-inv { font-size: 1.3333333333em; } i.icon.--size-25\:md-inv { font-size: 1.6666666667em; } i.icon.--size-30\:md-inv { font-size: 2em; } i.icon.--size-35\:md-inv { font-size: 2.3333333333em; } i.icon.--size-40\:md-inv { font-size: 2.6666666667em; } i.icon.--size-45\:md-inv { font-size: 3em; } i.icon.--size-50\:md-inv { font-size: 3.3333333333em; } .svg.--size-10\:md-inv { font-size: 0.6666666667em; } .svg.--size-15\:md-inv { font-size: 1em; } .svg.--size-20\:md-inv { font-size: 1.3333333333em; } .svg.--size-25\:md-inv { font-size: 1.6666666667em; } .svg.--size-30\:md-inv { font-size: 2em; } .svg.--size-35\:md-inv { font-size: 2.3333333333em; } .svg.--size-40\:md-inv { font-size: 2.6666666667em; } .svg.--size-45\:md-inv { font-size: 3em; } .svg.--size-50\:md-inv { font-size: 3.3333333333em; } .bttnToggle.--round\:md-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:md-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:md-inv .svg + span { display: none; } .bttnToggle.--size-xs.--round\:md-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:md-inv { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:md-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:md-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:md-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:md-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:md-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:md-inv { padding: 0; width: 11.52rem; } .bttn.--round\:md-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md-inv .svg + span { display: none; } .bttn.--size-xs.--round\:md-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:md-inv { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:md-inv { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:md-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:md-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:md-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:md-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:md-inv { padding: 0; width: 11.52rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md-inv :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md-inv :not(:only-child):not(:nth-child(2)) { display: none; } .link.--round\:md-inv i.icon:last-child:not(:only-child), .link.--round\:md-inv .svg:last-child:not(:only-child) { --fa-display: none; display: none; } *:focus-within:not(.no--focus) > .toggle--dropdown:not(.only--active).link { color: var(--cl-h, var(--cl-a)); } .avatar.--size-xs\:md-inv { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:md-inv { width: 3rem; height: 3rem; } .avatar\:md-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:md-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:md-inv { width: 6rem; height: 6rem; } .avatar.--size-xl\:md-inv { width: 9rem; height: 9rem; } .scroll.--horizontal.--always:has(:only-child) > :only-child { border-right: 1rem solid transparent; border-left: 1rem solid transparent; } .scroll.--horizontal.--always:has(:only-child) > :only-child table.tbl-helper th.--sticky, .scroll.--horizontal.--always:has(:only-child) > :only-child table.tbl-helper td.--sticky { left: 1rem; } .scroll.--horizontal.--always:has(:only-child) > :only-child table.tbl-helper th.--sticky:last-child, .scroll.--horizontal.--always:has(:only-child) > :only-child table.tbl-helper td.--sticky:last-child { right: 1rem; } .scroll.--horizontal > table.tbl > thead > tr > th.--sticky, .scroll.--horizontal > table.tbl > thead > tr > td.--sticky, .scroll.--horizontal > table.tbl > tbody > tr > th.--sticky, .scroll.--horizontal > table.tbl > tbody > tr > td.--sticky, .scroll.--horizontal table.tbl.--nested > thead > tr > th.--sticky, .scroll.--horizontal table.tbl.--nested > thead > tr > td.--sticky, .scroll.--horizontal table.tbl.--nested > tbody > tr > th.--sticky, .scroll.--horizontal table.tbl.--nested > tbody > tr > td.--sticky { position: relative; } table.tbl thead tr:not(.no--hover) th, table.tbl thead tr:not(.no--hover) td, table.tbl tbody tr:not(.no--hover) th, table.tbl tbody tr:not(.no--hover) td { padding: 0.4rem 0.6667rem; } table.tbl.--collapseOnMobile, table.tbl.--collapseOnMobile thead, table.tbl.--collapseOnMobile tbody, table.tbl.--collapseOnMobile th, table.tbl.--collapseOnMobile td, table.tbl.--collapseOnMobile tr { display: block; } table.tbl.--collapseOnMobile thead { position: absolute; top: -9999px; left: -9999px; } table.tbl.--collapseOnMobile tbody th, table.tbl.--collapseOnMobile tbody td { /* Behave like a "row" */ } table.tbl.--collapseOnMobile tbody th, table.tbl.--collapseOnMobile tbody td { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } table.tbl.--collapseOnMobile tbody th[data-column]::before, table.tbl.--collapseOnMobile tbody td[data-column]::before { content: attr(data-column); } table.tbl.--collapseOnMobile tbody th::before, table.tbl.--collapseOnMobile tbody td::before { /* Now like a table header */ content: "Column"; width: 30%; flex: 0 0 auto; height: 100%; padding-right: 1rem; overflow: hidden; text-overflow: ellipsis; } table.tbl.--collapseOnMobile tbody th::before, table.tbl.--collapseOnMobile tbody td::before { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } } @layer definitions.defaults{ ul.navigationX-list, ol.navigationX-list { gap: 0.5rem; } .scroll.--horizontal.--always:has(:only-child) { width: calc(min(100%, 100vw) + 2rem); margin: 0 -1rem; } } } @media only screen and (hover: none) and (width <= 768px) and (width > 576px){ @layer definitions{ .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.flx.--display-inline\:sm { display: inline-flex; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.grd.--display-inline\:sm { display: inline-grid; } } } @media only screen and (hover: none) and (width <= 768px) and (width > 358px){ @layer definitions{ .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.flx.--display-inline\:xs { display: inline-flex; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.grd.--display-inline\:xs { display: inline-grid; } } } @media only screen and (hover: none) and (width <= 768px){ @layer defaults{ @supports (-moz-appearance: none) { body { width: 100%; height: 100%; overflow: hidden auto; } } } @layer definitions{ .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown { display: block; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.flx { display: flex; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.flx.--display-inline { display: inline-flex; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.grd { display: grid; } .toggle--dropdown:not(.only--active):focus-within:not(.no--focus) + .dropdown.grd.--display-inline { display: inline-grid; } .scroll.--horizontal:not(.--always) { max-width: min(100%, 100vw); height: auto; overflow: auto hidden; padding-right: 0; } .scroll.--horizontal:not(.--always) > * { overflow: visible; margin-left: 0 !important; margin-right: 0 !important; } .scroll.--horizontal:not(.--always) > * { display: inline-flex; flex-flow: row nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; } .scroll.--horizontal:not(.--always) > *.grd:after { width: 1px; } .scroll.--horizontal:not(.--always) > *:not(:first-child)::after { content: ""; display: block; width: 1rem; height: 1rem; flex: 0 0 auto; } .scroll.--horizontal:not(.--always) > * > * { flex: 0 0 auto; } .scroll.--horizontal:not(.--always) > * > *:last-child:not(dialog) { margin-right: 0 !important; } } @layer definitions.defaults{ .scroll.--horizontal:not(.--always) > * { width: auto; } } } @media only screen and (width <= 576px){ @layer modifiers{ .--txtAlign-right\:sm-inv { text-align: right; } .--txtAlign-right\:sm-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:sm-inv { text-align: center; } .--txtAlign-center\:sm-inv:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:sm-inv { text-align: justify; } .--txtAlign-justify\:sm-inv:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:sm-inv, .--txtAlign-left\:sm-inv { text-align: left; } .--txtAlign\:sm-inv:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:sm-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:sm-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:sm-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:sm-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:sm-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:sm-inv:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:sm-inv, .--txtSize-normal\:sm-inv { font-size: 1rem; } .--txtSize-xs\:sm-inv { font-size: 0.7rem; } .--txtSize-sm\:sm-inv { font-size: 0.85rem; } .--txtSize-md\:sm-inv { font-size: 1rem; } .--txtSize-lg\:sm-inv { font-size: 1.4rem; } .--txtSize-xl\:sm-inv { font-size: 2.2rem; } .--txtSize-xx\:sm-inv { font-size: 3.6rem; } .--txtSize-mx\:sm-inv { font-size: 4.8rem; } .--hidden\:sm-inv { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:sm-inv { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:sm-inv * { text-align: right; } .--txtAlign-center\:sm-inv * { text-align: center; } .--txtAlign-justify\:sm-inv * { text-align: justify; } .--txtAlign\:sm-inv *, .--txtAlign-left\:sm-inv * { text-align: left; } } @layer definitions{ i.icon.--size-10\:sm-inv { font-size: 0.6666666667em; } i.icon.--size-15\:sm-inv { font-size: 1em; } i.icon.--size-20\:sm-inv { font-size: 1.3333333333em; } i.icon.--size-25\:sm-inv { font-size: 1.6666666667em; } i.icon.--size-30\:sm-inv { font-size: 2em; } i.icon.--size-35\:sm-inv { font-size: 2.3333333333em; } i.icon.--size-40\:sm-inv { font-size: 2.6666666667em; } i.icon.--size-45\:sm-inv { font-size: 3em; } i.icon.--size-50\:sm-inv { font-size: 3.3333333333em; } .svg.--size-10\:sm-inv { font-size: 0.6666666667em; } .svg.--size-15\:sm-inv { font-size: 1em; } .svg.--size-20\:sm-inv { font-size: 1.3333333333em; } .svg.--size-25\:sm-inv { font-size: 1.6666666667em; } .svg.--size-30\:sm-inv { font-size: 2em; } .svg.--size-35\:sm-inv { font-size: 2.3333333333em; } .svg.--size-40\:sm-inv { font-size: 2.6666666667em; } .svg.--size-45\:sm-inv { font-size: 3em; } .svg.--size-50\:sm-inv { font-size: 3.3333333333em; } .bttnToggle.--round\:sm-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:sm-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:sm-inv .svg + span { display: none; } .bttnToggle.--size-xs.--round\:sm-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:sm-inv { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:sm-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:sm-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:sm-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:sm-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:sm-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:sm-inv { padding: 0; width: 11.52rem; } .bttn.--round\:sm-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm-inv .svg + span { display: none; } .bttn.--size-xs.--round\:sm-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:sm-inv { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:sm-inv { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:sm-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:sm-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:sm-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:sm-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:sm-inv { padding: 0; width: 11.52rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm-inv :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm-inv :not(:only-child):not(:nth-child(2)) { display: none; } .link.--round\:sm-inv i.icon:last-child:not(:only-child), .link.--round\:sm-inv .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:sm-inv { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:sm-inv { width: 3rem; height: 3rem; } .avatar\:sm-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:sm-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:sm-inv { width: 6rem; height: 6rem; } .avatar.--size-xl\:sm-inv { width: 9rem; height: 9rem; } } @layer definitions.defaults{ ul.navigationX-list, ol.navigationX-list { gap: 0.3rem; } } } @media only screen and (width <= 358px){ @layer modifiers{ .--txtAlign-right\:xs-inv { text-align: right; } .--txtAlign-right\:xs-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:xs-inv { text-align: center; } .--txtAlign-center\:xs-inv:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:xs-inv { text-align: justify; } .--txtAlign-justify\:xs-inv:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:xs-inv, .--txtAlign-left\:xs-inv { text-align: left; } .--txtAlign\:xs-inv:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:xs-inv:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:xs-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:xs-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:xs-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:xs-inv:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:xs-inv:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:xs-inv, .--txtSize-normal\:xs-inv { font-size: 1rem; } .--txtSize-xs\:xs-inv { font-size: 0.7rem; } .--txtSize-sm\:xs-inv { font-size: 0.85rem; } .--txtSize-md\:xs-inv { font-size: 1rem; } .--txtSize-lg\:xs-inv { font-size: 1.4rem; } .--txtSize-xl\:xs-inv { font-size: 2.2rem; } .--txtSize-xx\:xs-inv { font-size: 3.6rem; } .--txtSize-mx\:xs-inv { font-size: 4.8rem; } .--hidden\:xs-inv { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:xs-inv { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:xs-inv * { text-align: right; } .--txtAlign-center\:xs-inv * { text-align: center; } .--txtAlign-justify\:xs-inv * { text-align: justify; } .--txtAlign\:xs-inv *, .--txtAlign-left\:xs-inv * { text-align: left; } } @layer definitions{ i.icon.--size-10\:xs-inv { font-size: 0.6666666667em; } i.icon.--size-15\:xs-inv { font-size: 1em; } i.icon.--size-20\:xs-inv { font-size: 1.3333333333em; } i.icon.--size-25\:xs-inv { font-size: 1.6666666667em; } i.icon.--size-30\:xs-inv { font-size: 2em; } i.icon.--size-35\:xs-inv { font-size: 2.3333333333em; } i.icon.--size-40\:xs-inv { font-size: 2.6666666667em; } i.icon.--size-45\:xs-inv { font-size: 3em; } i.icon.--size-50\:xs-inv { font-size: 3.3333333333em; } .svg.--size-10\:xs-inv { font-size: 0.6666666667em; } .svg.--size-15\:xs-inv { font-size: 1em; } .svg.--size-20\:xs-inv { font-size: 1.3333333333em; } .svg.--size-25\:xs-inv { font-size: 1.6666666667em; } .svg.--size-30\:xs-inv { font-size: 2em; } .svg.--size-35\:xs-inv { font-size: 2.3333333333em; } .svg.--size-40\:xs-inv { font-size: 2.6666666667em; } .svg.--size-45\:xs-inv { font-size: 3em; } .svg.--size-50\:xs-inv { font-size: 3.3333333333em; } .bttnToggle.--round\:xs-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xs-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xs-inv .svg + span { display: none; } .bttnToggle.--size-xs.--round\:xs-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:xs-inv { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:xs-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:xs-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:xs-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:xs-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:xs-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:xs-inv { padding: 0; width: 11.52rem; } .bttn.--round\:xs-inv > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs-inv i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs-inv .svg + span { display: none; } .bttn.--size-xs.--round\:xs-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:xs-inv { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:xs-inv { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:xs-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:xs-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:xs-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:xs-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:xs-inv { padding: 0; width: 11.52rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs-inv :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs-inv :not(:only-child):not(:nth-child(2)) { display: none; } .link.--round\:xs-inv i.icon:last-child:not(:only-child), .link.--round\:xs-inv .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:xs-inv { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:xs-inv { width: 3rem; height: 3rem; } .avatar\:xs-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:xs-inv { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:xs-inv { width: 6rem; height: 6rem; } .avatar.--size-xl\:xs-inv { width: 9rem; height: 9rem; } } } @media only screen and (width > 358px){ @layer modifiers{ .--txtAlign-right\:xs { text-align: right; } .--txtAlign-right\:xs:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:xs { text-align: center; } .--txtAlign-center\:xs:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:xs { text-align: justify; } .--txtAlign-justify\:xs:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:xs, .--txtAlign-left\:xs { text-align: left; } .--txtAlign\:xs:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:xs:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:xs:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:xs:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:xs:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:xs:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:xs:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:xs, .--txtSize-normal\:xs { font-size: 1rem; } .--txtSize-xs\:xs { font-size: 0.7rem; } .--txtSize-sm\:xs { font-size: 0.85rem; } .--txtSize-md\:xs { font-size: 1rem; } .--txtSize-lg\:xs { font-size: 1.4rem; } .--txtSize-xl\:xs { font-size: 2.2rem; } .--txtSize-xx\:xs { font-size: 3.6rem; } .--txtSize-mx\:xs { font-size: 4.8rem; } .--hidden\:xs { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:xs { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:xs * { text-align: right; } .--txtAlign-center\:xs * { text-align: center; } .--txtAlign-justify\:xs * { text-align: justify; } .--txtAlign\:xs *, .--txtAlign-left\:xs * { text-align: left; } } @layer definitions{ i.icon.--size-10\:xs { font-size: 0.6666666667em; } i.icon.--size-15\:xs { font-size: 1em; } i.icon.--size-20\:xs { font-size: 1.3333333333em; } i.icon.--size-25\:xs { font-size: 1.6666666667em; } i.icon.--size-30\:xs { font-size: 2em; } i.icon.--size-35\:xs { font-size: 2.3333333333em; } i.icon.--size-40\:xs { font-size: 2.6666666667em; } i.icon.--size-45\:xs { font-size: 3em; } i.icon.--size-50\:xs { font-size: 3.3333333333em; } .svg.--size-10\:xs { font-size: 0.6666666667em; } .svg.--size-15\:xs { font-size: 1em; } .svg.--size-20\:xs { font-size: 1.3333333333em; } .svg.--size-25\:xs { font-size: 1.6666666667em; } .svg.--size-30\:xs { font-size: 2em; } .svg.--size-35\:xs { font-size: 2.3333333333em; } .svg.--size-40\:xs { font-size: 2.6666666667em; } .svg.--size-45\:xs { font-size: 3em; } .svg.--size-50\:xs { font-size: 3.3333333333em; } .bttnToggle.--round\:xs > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xs i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xs .svg + span { display: none; } .bttnToggle.--size-xs.--round\:xs { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:xs { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:xs { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:xs { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:xs { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:xs { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:xs { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:xs { padding: 0; width: 11.52rem; } .bttnToggle.--size-xs\:xs { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm\:xs { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle.--size-md\:xs { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg\:xs { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl\:xs { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx\:xs { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx\:xs { height: 11.52rem; padding: 0 3.84rem; } .bttnY.--size-xs\:xs { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm\:xs { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY.--size-md\:xs { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg\:xs { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl\:xs { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx\:xs { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx\:xs { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttn.--round\:xs > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs .svg + span { display: none; } .bttn.--size-xs.--round\:xs { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:xs { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:xs { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:xs { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:xs { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:xs { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:xs { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:xs { padding: 0; width: 11.52rem; } .bttn.--size-xs\:xs { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm\:xs { height: 2.04rem; padding: 0 0.68rem; } .bttn.--size-md\:xs { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg\:xs { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl\:xs { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx\:xs { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx\:xs { height: 11.52rem; padding: 0 3.84rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xs :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox.--size-xs\:xs + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm\:xs + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox.--size-md\:xs + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg\:xs + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl\:xs + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx\:xs + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx\:xs + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.--size-xs\:xs + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm\:xs + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox.--size-md\:xs + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg\:xs + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl\:xs + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx\:xs + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx\:xs + label::after { border-radius: 3.36rem; } input[type^=r].iRadio.--size-xs\:xs + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm\:xs + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio.--size-md\:xs + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg\:xs + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl\:xs + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx\:xs + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx\:xs + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.--size-xs\:xs + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm\:xs + label::after { border-radius: 42.5rem; } input[type^=r].iRadio.--size-md\:xs + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg\:xs + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl\:xs + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx\:xs + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx\:xs + label::after { border-radius: 240rem; } .iSelect.--size-xs\:xs { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm\:xs { height: 2.04rem; padding: 0 0.68rem; } .iSelect.--size-md\:xs { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg\:xs { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl\:xs { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx\:xs { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx\:xs { height: 11.52rem; padding: 0 3.84rem; } .iTxt:not(textarea).--size-xs\:xs { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm\:xs { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea).--size-md\:xs { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg\:xs { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl\:xs { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx\:xs { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx\:xs { height: 11.52rem; padding: 0 3.84rem; } .iColor.--size-xs\:xs { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm\:xs { height: 2.04rem; width: 2.04rem; } .iColor.--size-md\:xs { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg\:xs { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl\:xs { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx\:xs { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx\:xs { height: 11.52rem; width: 11.52rem; } .link.--round\:xs i.icon:last-child:not(:only-child), .link.--round\:xs .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:xs { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:xs { width: 3rem; height: 3rem; } .avatar\:xs { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:xs { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:xs { width: 6rem; height: 6rem; } .avatar.--size-xl\:xs { width: 9rem; height: 9rem; } .grd.--autoRows\:xs { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows\:xs { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single\:xs { grid-template-rows: 1fr; } .grd.--grdRows-autoFit\:xs { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin\:xs { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin\:xs { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn\:xs { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn\:xs { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2\:xs { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2\:xs { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3\:xs { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3\:xs { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4\:xs { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4\:xs { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5\:xs { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5\:xs { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6\:xs { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6\:xs { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7\:xs { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7\:xs { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8\:xs { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8\:xs { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9\:xs { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9\:xs { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10\:xs { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10\:xs { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11\:xs { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11\:xs { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12\:xs { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12\:xs { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns\:xs { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single\:xs { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit\:xs { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin\:xs { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin\:xs { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn\:xs { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn\:xs { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2\:xs { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2\:xs { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3\:xs { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3\:xs { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4\:xs { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4\:xs { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5\:xs { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5\:xs { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6\:xs { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6\:xs { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7\:xs { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7\:xs { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8\:xs { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8\:xs { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9\:xs { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9\:xs { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10\:xs { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10\:xs { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11\:xs { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11\:xs { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12\:xs { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12\:xs { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft\:xs, .grd.--grdVoidLeft-1\:xs, .grd.--grdVoidLeft-1-1\:xs { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4\:xs { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3\:xs { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2\:xs { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft\:xs > *:last-child, .grd.--grdVoidLeft-1\:xs > *:last-child, .grd.--grdVoidLeft-1-1\:xs > *:last-child, .grd.--grdVoidLeft-1-4\:xs > *:last-child, .grd.--grdVoidLeft-2-3\:xs > *:last-child, .grd.--grdVoidLeft-3-2\:xs > *:last-child { grid-area: a; } .grd.--grdVoidRight\:xs, .grd.--grdVoidRight-1\:xs, .grd.--grdVoidRight-1-1\:xs { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1\:xs { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2\:xs { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight\:xs > *:first-child, .grd.--grdVoidRight-1\:xs > *:first-child, .grd.--grdVoidRight-1-1\:xs > *:first-child, .grd.--grdVoidRight-4-1\:xs > *:first-child, .grd.--grdVoidRight-3-2\:xs > *:first-child, .grd.--grdVoidRight-2-3\:xs > *:first-child { grid-area: a; } .grd-item.--grdColumnSpan-2\:xs { grid-column: span 2; } .grd-item.--grdRowSpan-2\:xs { grid-row: span 2; } .grd-item.--grdColumnSpan-3\:xs { grid-column: span 3; } .grd-item.--grdRowSpan-3\:xs { grid-row: span 3; } .grd-item.--grdColumnSpan-4\:xs { grid-column: span 4; } .grd-item.--grdRowSpan-4\:xs { grid-row: span 4; } .grd-item.--grdColumnSpan-5\:xs { grid-column: span 5; } .grd-item.--grdRowSpan-5\:xs { grid-row: span 5; } .grd-item.--grdColumnSpan-6\:xs { grid-column: span 6; } .grd-item.--grdRowSpan-6\:xs { grid-row: span 6; } .grd-item.--grdColumnSpan-7\:xs { grid-column: span 7; } .grd-item.--grdRowSpan-7\:xs { grid-row: span 7; } .grd-item.--grdColumnSpan-8\:xs { grid-column: span 8; } .grd-item.--grdRowSpan-8\:xs { grid-row: span 8; } .grd-item.--grdColumnSpan-9\:xs { grid-column: span 9; } .grd-item.--grdRowSpan-9\:xs { grid-row: span 9; } .grd-item.--grdColumnSpan-10\:xs { grid-column: span 10; } .grd-item.--grdRowSpan-10\:xs { grid-row: span 10; } .grd-item.--grdColumnSpan-11\:xs { grid-column: span 11; } .grd-item.--grdRowSpan-11\:xs { grid-row: span 11; } .grd-item.--grdColumnSpan-12\:xs { grid-column: span 12; } .grd-item.--grdRowSpan-12\:xs { grid-row: span 12; } .grd-item.--grdColumnSpan\:xs { grid-column: span 2; } .grd-item.--grdRowSpan\:xs { grid-row: span 2; } .toggle--dropdown.is--active + .dropdown.flx.--display-inline\:xs, .toggle--dropdown:not(.only--active):hover + .dropdown.flx.--display-inline\:xs { display: inline-flex; } .toggle--dropdown.is--active + .dropdown.grd.--display-inline\:xs, .toggle--dropdown:not(.only--active):hover + .dropdown.grd.--display-inline\:xs { display: inline-grid; } .dropdown.is--active.flx.--display-inline\:xs { display: inline-flex; } .dropdown.is--active.grd.--display-inline\:xs { display: inline-grid; } } } @media only screen and (any-pointer: coarse) and (width > 358px){ @layer definitions{ *:hover > .toggle--dropdown:not(.only--active) + .dropdown.flx.--display-inline\:xs, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.flx.--display-inline\:xs { display: inline-flex; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.grd.--display-inline\:xs, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.grd.--display-inline\:xs { display: inline-grid; } } } @media only screen and (width > 576px) and (width <= 768px){ @layer definitions{ .bttnToggle.--size-xs\:sm.--round\:md-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:sm.--round\:md-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:sm.--round\:md-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:sm.--round\:md-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:sm.--round\:md-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:sm.--round\:md-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:sm.--round\:md-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:sm.--round\:md-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:sm.--round\:md-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:sm.--round\:md-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:sm.--round\:md-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:sm.--round\:md-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:sm.--round\:md-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:sm.--round\:md-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 576px) and (width <= 1280px){ @layer definitions{ .bttnToggle.--size-xs\:sm.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:sm.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:sm.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:sm.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:sm.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:sm.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:sm.--round\:xl-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:sm.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:sm.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:sm.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:sm.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:sm.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:sm.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:sm.--round\:xl-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 576px) and (width <= 1080px){ @layer definitions{ .bttnToggle.--size-xs\:sm.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:sm.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:sm.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:sm.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:sm.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:sm.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:sm.--round\:lg-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:sm.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:sm.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:sm.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:sm.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:sm.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:sm.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:sm.--round\:lg-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 576px){ @layer modifiers{ .--bgColor-primary\:sm { --inherit-bg: #1e8549; background-color: var(--inherit-bg); } .--bgColor-primary1\:sm { --inherit-bg: rgba(30, 133, 73, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary2\:sm { --inherit-bg: rgba(30, 133, 73, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary3\:sm { --inherit-bg: rgba(30, 133, 73, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary4\:sm { --inherit-bg: rgba(30, 133, 73, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary5\:sm { --inherit-bg: rgba(30, 133, 73, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary6\:sm { --inherit-bg: rgba(30, 133, 73, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary7\:sm { --inherit-bg: rgba(30, 133, 73, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary8\:sm { --inherit-bg: rgba(30, 133, 73, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary9\:sm { --inherit-bg: rgba(30, 133, 73, 0.9); background-color: var(--inherit-bg); } .--bgColor-primary-complement\:sm { --inherit-bg: hsl(120, 100%, -1.568627451%); background-color: var(--inherit-bg); } .--bgColor-primary-complement1\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary-complement2\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary-complement3\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary-complement4\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary-complement5\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary-complement6\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary-complement7\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary-complement8\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary-complement9\:sm { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary\:sm { --inherit-bg: #2ecc71; background-color: var(--inherit-bg); } .--bgColor-secondary1\:sm { --inherit-bg: rgba(46, 204, 113, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary2\:sm { --inherit-bg: rgba(46, 204, 113, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary3\:sm { --inherit-bg: rgba(46, 204, 113, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary4\:sm { --inherit-bg: rgba(46, 204, 113, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary5\:sm { --inherit-bg: rgba(46, 204, 113, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary6\:sm { --inherit-bg: rgba(46, 204, 113, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary7\:sm { --inherit-bg: rgba(46, 204, 113, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary8\:sm { --inherit-bg: rgba(46, 204, 113, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary9\:sm { --inherit-bg: rgba(46, 204, 113, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary-complement\:sm { --inherit-bg: #1abc9c; background-color: var(--inherit-bg); } .--bgColor-secondary-complement1\:sm { --inherit-bg: rgba(26, 188, 156, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary-complement2\:sm { --inherit-bg: rgba(26, 188, 156, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary-complement3\:sm { --inherit-bg: rgba(26, 188, 156, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary-complement4\:sm { --inherit-bg: rgba(26, 188, 156, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary-complement5\:sm { --inherit-bg: rgba(26, 188, 156, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary-complement6\:sm { --inherit-bg: rgba(26, 188, 156, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary-complement7\:sm { --inherit-bg: rgba(26, 188, 156, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary-complement8\:sm { --inherit-bg: rgba(26, 188, 156, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary-complement9\:sm { --inherit-bg: rgba(26, 188, 156, 0.9); background-color: var(--inherit-bg); } .--bgColor-danger\:sm { --inherit-bg: #e74c3c; background-color: var(--inherit-bg); } .--bgColor-danger1\:sm { --inherit-bg: rgba(231, 76, 60, 0.1); background-color: var(--inherit-bg); } .--bgColor-danger2\:sm { --inherit-bg: rgba(231, 76, 60, 0.2); background-color: var(--inherit-bg); } .--bgColor-danger3\:sm { --inherit-bg: rgba(231, 76, 60, 0.3); background-color: var(--inherit-bg); } .--bgColor-danger4\:sm { --inherit-bg: rgba(231, 76, 60, 0.4); background-color: var(--inherit-bg); } .--bgColor-danger5\:sm { --inherit-bg: rgba(231, 76, 60, 0.5); background-color: var(--inherit-bg); } .--bgColor-danger6\:sm { --inherit-bg: rgba(231, 76, 60, 0.6); background-color: var(--inherit-bg); } .--bgColor-danger7\:sm { --inherit-bg: rgba(231, 76, 60, 0.7); background-color: var(--inherit-bg); } .--bgColor-danger8\:sm { --inherit-bg: rgba(231, 76, 60, 0.8); background-color: var(--inherit-bg); } .--bgColor-danger9\:sm { --inherit-bg: rgba(231, 76, 60, 0.9); background-color: var(--inherit-bg); } .--bgColor-success\:sm { --inherit-bg: #259c21; background-color: var(--inherit-bg); } .--bgColor-success1\:sm { --inherit-bg: rgba(37, 156, 33, 0.1); background-color: var(--inherit-bg); } .--bgColor-success2\:sm { --inherit-bg: rgba(37, 156, 33, 0.2); background-color: var(--inherit-bg); } .--bgColor-success3\:sm { --inherit-bg: rgba(37, 156, 33, 0.3); background-color: var(--inherit-bg); } .--bgColor-success4\:sm { --inherit-bg: rgba(37, 156, 33, 0.4); background-color: var(--inherit-bg); } .--bgColor-success5\:sm { --inherit-bg: rgba(37, 156, 33, 0.5); background-color: var(--inherit-bg); } .--bgColor-success6\:sm { --inherit-bg: rgba(37, 156, 33, 0.6); background-color: var(--inherit-bg); } .--bgColor-success7\:sm { --inherit-bg: rgba(37, 156, 33, 0.7); background-color: var(--inherit-bg); } .--bgColor-success8\:sm { --inherit-bg: rgba(37, 156, 33, 0.8); background-color: var(--inherit-bg); } .--bgColor-success9\:sm { --inherit-bg: rgba(37, 156, 33, 0.9); background-color: var(--inherit-bg); } .--bgColor-warning\:sm { --inherit-bg: #f39c12; background-color: var(--inherit-bg); } .--bgColor-warning1\:sm { --inherit-bg: rgba(243, 156, 18, 0.1); background-color: var(--inherit-bg); } .--bgColor-warning2\:sm { --inherit-bg: rgba(243, 156, 18, 0.2); background-color: var(--inherit-bg); } .--bgColor-warning3\:sm { --inherit-bg: rgba(243, 156, 18, 0.3); background-color: var(--inherit-bg); } .--bgColor-warning4\:sm { --inherit-bg: rgba(243, 156, 18, 0.4); background-color: var(--inherit-bg); } .--bgColor-warning5\:sm { --inherit-bg: rgba(243, 156, 18, 0.5); background-color: var(--inherit-bg); } .--bgColor-warning6\:sm { --inherit-bg: rgba(243, 156, 18, 0.6); background-color: var(--inherit-bg); } .--bgColor-warning7\:sm { --inherit-bg: rgba(243, 156, 18, 0.7); background-color: var(--inherit-bg); } .--bgColor-warning8\:sm { --inherit-bg: rgba(243, 156, 18, 0.8); background-color: var(--inherit-bg); } .--bgColor-warning9\:sm { --inherit-bg: rgba(243, 156, 18, 0.9); background-color: var(--inherit-bg); } .--bgColor\:sm { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light\:sm { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light1\:sm { --inherit-bg: rgba(255, 255, 255, 0.1); background-color: var(--inherit-bg); } .--bgColor-light2\:sm { --inherit-bg: rgba(255, 255, 255, 0.2); background-color: var(--inherit-bg); } .--bgColor-light3\:sm { --inherit-bg: rgba(255, 255, 255, 0.3); background-color: var(--inherit-bg); } .--bgColor-light4\:sm { --inherit-bg: rgba(255, 255, 255, 0.4); background-color: var(--inherit-bg); } .--bgColor-light5\:sm { --inherit-bg: rgba(255, 255, 255, 0.5); background-color: var(--inherit-bg); } .--bgColor-light6\:sm { --inherit-bg: rgba(255, 255, 255, 0.6); background-color: var(--inherit-bg); } .--bgColor-light7\:sm { --inherit-bg: rgba(255, 255, 255, 0.7); background-color: var(--inherit-bg); } .--bgColor-light8\:sm { --inherit-bg: rgba(255, 255, 255, 0.8); background-color: var(--inherit-bg); } .--bgColor-light9\:sm { --inherit-bg: rgba(255, 255, 255, 0.9); background-color: var(--inherit-bg); } .--bgColor-dark\:sm { --inherit-bg: #000; background-color: var(--inherit-bg); } .--bgColor-dark1\:sm { --inherit-bg: rgba(0, 0, 0, 0.1); background-color: var(--inherit-bg); } .--bgColor-dark2\:sm { --inherit-bg: rgba(0, 0, 0, 0.2); background-color: var(--inherit-bg); } .--bgColor-dark3\:sm { --inherit-bg: rgba(0, 0, 0, 0.3); background-color: var(--inherit-bg); } .--bgColor-dark4\:sm { --inherit-bg: rgba(0, 0, 0, 0.4); background-color: var(--inherit-bg); } .--bgColor-dark5\:sm { --inherit-bg: rgba(0, 0, 0, 0.5); background-color: var(--inherit-bg); } .--bgColor-dark6\:sm { --inherit-bg: rgba(0, 0, 0, 0.6); background-color: var(--inherit-bg); } .--bgColor-dark7\:sm { --inherit-bg: rgba(0, 0, 0, 0.7); background-color: var(--inherit-bg); } .--bgColor-dark8\:sm { --inherit-bg: rgba(0, 0, 0, 0.8); background-color: var(--inherit-bg); } .--bgColor-dark9\:sm { --inherit-bg: rgba(0, 0, 0, 0.9); background-color: var(--inherit-bg); } .--bgColor-none\:sm { background-color: transparent; background-image: unset; } .--bdrColor\:sm { border-color: rgba(var(--rgb-secondary), 0.1); } .--bdrColor-primary\:sm { border-color: #1e8549; } .--bdrColor-primary1\:sm { border-color: rgba(30, 133, 73, 0.1); } .--bdrColor-primary2\:sm { border-color: rgba(30, 133, 73, 0.2); } .--bdrColor-primary3\:sm { border-color: rgba(30, 133, 73, 0.3); } .--bdrColor-primary4\:sm { border-color: rgba(30, 133, 73, 0.4); } .--bdrColor-primary5\:sm { border-color: rgba(30, 133, 73, 0.5); } .--bdrColor-primary6\:sm { border-color: rgba(30, 133, 73, 0.6); } .--bdrColor-primary7\:sm { border-color: rgba(30, 133, 73, 0.7); } .--bdrColor-primary8\:sm { border-color: rgba(30, 133, 73, 0.8); } .--bdrColor-primary9\:sm { border-color: rgba(30, 133, 73, 0.9); } .--bdrColor-primary-complement\:sm { border-color: hsl(120, 100%, -1.568627451%); } .--bdrColor-primary-complement1\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.1); } .--bdrColor-primary-complement2\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.2); } .--bdrColor-primary-complement3\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.3); } .--bdrColor-primary-complement4\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.4); } .--bdrColor-primary-complement5\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.5); } .--bdrColor-primary-complement6\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.6); } .--bdrColor-primary-complement7\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.7); } .--bdrColor-primary-complement8\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.8); } .--bdrColor-primary-complement9\:sm { border-color: hsla(120, 100%, -1.568627451%, 0.9); } .--bdrColor-secondary\:sm { border-color: #2ecc71; } .--bdrColor-secondary1\:sm { border-color: rgba(46, 204, 113, 0.1); } .--bdrColor-secondary2\:sm { border-color: rgba(46, 204, 113, 0.2); } .--bdrColor-secondary3\:sm { border-color: rgba(46, 204, 113, 0.3); } .--bdrColor-secondary4\:sm { border-color: rgba(46, 204, 113, 0.4); } .--bdrColor-secondary5\:sm { border-color: rgba(46, 204, 113, 0.5); } .--bdrColor-secondary6\:sm { border-color: rgba(46, 204, 113, 0.6); } .--bdrColor-secondary7\:sm { border-color: rgba(46, 204, 113, 0.7); } .--bdrColor-secondary8\:sm { border-color: rgba(46, 204, 113, 0.8); } .--bdrColor-secondary9\:sm { border-color: rgba(46, 204, 113, 0.9); } .--bdrColor-secondary-complement\:sm { border-color: #1abc9c; } .--bdrColor-secondary-complement1\:sm { border-color: rgba(26, 188, 156, 0.1); } .--bdrColor-secondary-complement2\:sm { border-color: rgba(26, 188, 156, 0.2); } .--bdrColor-secondary-complement3\:sm { border-color: rgba(26, 188, 156, 0.3); } .--bdrColor-secondary-complement4\:sm { border-color: rgba(26, 188, 156, 0.4); } .--bdrColor-secondary-complement5\:sm { border-color: rgba(26, 188, 156, 0.5); } .--bdrColor-secondary-complement6\:sm { border-color: rgba(26, 188, 156, 0.6); } .--bdrColor-secondary-complement7\:sm { border-color: rgba(26, 188, 156, 0.7); } .--bdrColor-secondary-complement8\:sm { border-color: rgba(26, 188, 156, 0.8); } .--bdrColor-secondary-complement9\:sm { border-color: rgba(26, 188, 156, 0.9); } .--bdrColor-danger\:sm { border-color: #e74c3c; } .--bdrColor-danger1\:sm { border-color: rgba(231, 76, 60, 0.1); } .--bdrColor-danger2\:sm { border-color: rgba(231, 76, 60, 0.2); } .--bdrColor-danger3\:sm { border-color: rgba(231, 76, 60, 0.3); } .--bdrColor-danger4\:sm { border-color: rgba(231, 76, 60, 0.4); } .--bdrColor-danger5\:sm { border-color: rgba(231, 76, 60, 0.5); } .--bdrColor-danger6\:sm { border-color: rgba(231, 76, 60, 0.6); } .--bdrColor-danger7\:sm { border-color: rgba(231, 76, 60, 0.7); } .--bdrColor-danger8\:sm { border-color: rgba(231, 76, 60, 0.8); } .--bdrColor-danger9\:sm { border-color: rgba(231, 76, 60, 0.9); } .--bdrColor-success\:sm { border-color: #259c21; } .--bdrColor-success1\:sm { border-color: rgba(37, 156, 33, 0.1); } .--bdrColor-success2\:sm { border-color: rgba(37, 156, 33, 0.2); } .--bdrColor-success3\:sm { border-color: rgba(37, 156, 33, 0.3); } .--bdrColor-success4\:sm { border-color: rgba(37, 156, 33, 0.4); } .--bdrColor-success5\:sm { border-color: rgba(37, 156, 33, 0.5); } .--bdrColor-success6\:sm { border-color: rgba(37, 156, 33, 0.6); } .--bdrColor-success7\:sm { border-color: rgba(37, 156, 33, 0.7); } .--bdrColor-success8\:sm { border-color: rgba(37, 156, 33, 0.8); } .--bdrColor-success9\:sm { border-color: rgba(37, 156, 33, 0.9); } .--bdrColor-warning\:sm { border-color: #f39c12; } .--bdrColor-warning1\:sm { border-color: rgba(243, 156, 18, 0.1); } .--bdrColor-warning2\:sm { border-color: rgba(243, 156, 18, 0.2); } .--bdrColor-warning3\:sm { border-color: rgba(243, 156, 18, 0.3); } .--bdrColor-warning4\:sm { border-color: rgba(243, 156, 18, 0.4); } .--bdrColor-warning5\:sm { border-color: rgba(243, 156, 18, 0.5); } .--bdrColor-warning6\:sm { border-color: rgba(243, 156, 18, 0.6); } .--bdrColor-warning7\:sm { border-color: rgba(243, 156, 18, 0.7); } .--bdrColor-warning8\:sm { border-color: rgba(243, 156, 18, 0.8); } .--bdrColor-warning9\:sm { border-color: rgba(243, 156, 18, 0.9); } .--bdrColor-light\:sm { border-color: #fff; } .--bdrColor-light1\:sm { border-color: rgba(255, 255, 255, 0.1); } .--bdrColor-light2\:sm { border-color: rgba(255, 255, 255, 0.2); } .--bdrColor-light3\:sm { border-color: rgba(255, 255, 255, 0.3); } .--bdrColor-light4\:sm { border-color: rgba(255, 255, 255, 0.4); } .--bdrColor-light5\:sm { border-color: rgba(255, 255, 255, 0.5); } .--bdrColor-light6\:sm { border-color: rgba(255, 255, 255, 0.6); } .--bdrColor-light7\:sm { border-color: rgba(255, 255, 255, 0.7); } .--bdrColor-light8\:sm { border-color: rgba(255, 255, 255, 0.8); } .--bdrColor-light9\:sm { border-color: rgba(255, 255, 255, 0.9); } .--bdrColor-dark\:sm { border-color: #000; } .--bdrColor-dark1\:sm { border-color: rgba(0, 0, 0, 0.1); } .--bdrColor-dark2\:sm { border-color: rgba(0, 0, 0, 0.2); } .--bdrColor-dark3\:sm { border-color: rgba(0, 0, 0, 0.3); } .--bdrColor-dark4\:sm { border-color: rgba(0, 0, 0, 0.4); } .--bdrColor-dark5\:sm { border-color: rgba(0, 0, 0, 0.5); } .--bdrColor-dark6\:sm { border-color: rgba(0, 0, 0, 0.6); } .--bdrColor-dark7\:sm { border-color: rgba(0, 0, 0, 0.7); } .--bdrColor-dark8\:sm { border-color: rgba(0, 0, 0, 0.8); } .--bdrColor-dark9\:sm { border-color: rgba(0, 0, 0, 0.9); } .--bdrColor-none\:sm { border-color: transparent; } .--striped-primary\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary-complement\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped-primary-complement\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary-complement\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-secondary-complement\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-danger\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-danger\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-success\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-success), 0.1); } .--striped-success\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-success), 0.1); } .--striped-warning\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-warning\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-light\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-light), 0.1); } .--striped-light\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-light), 0.1); } .--striped-dark\:sm:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-dark), 0.1); } .--striped-dark\:sm.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-dark), 0.1); } .--flxAlign-end\:sm { align-items: flex-end; } .--flxAlign-start\:sm { align-items: flex-start; } .--flxAlign-stretch\:sm { align-items: stretch; } .--flxAlign-baseline\:sm { align-items: baseline; } .--flxAlign\:sm, .--flxAlign-center\:sm { align-items: center; } .--flxAlignSelf-end\:sm { align-self: flex-end; } .--flxAlignSelf-start\:sm { align-self: flex-start; } .--flxAlignSelf-stretch\:sm { align-self: stretch; } .--flxAlignSelf-baseline\:sm { align-self: baseline; } .--flxAlignSelf\:sm, .--flxAlignSelf-center\:sm { align-self: center; } .--flx-fill\:sm { flex: 1 1 100%; } .--flx-fit\:sm { flex: 1 0 auto; } .--flx\:sm, .--flx-auto\:sm { flex: 1 1 auto; } .--flxJustify-end\:sm { justify-content: flex-end; } .--flxJustify-end\:sm.grd { justify-items: flex-end; } .--flxJustify-start\:sm { justify-content: flex-start; } .--flxJustify-start\:sm.grd { justify-items: flex-start; } .--flxJustify-around\:sm { justify-content: space-around; } .--flxJustify-around\:sm.grd { justify-items: space-around; } .--flxJustify-evenly\:sm { justify-content: space-around; justify-content: space-evenly; } .--flxJustify-evenly\:sm.grd { justify-items: space-around; justify-items: space-evenly; } .--flxJustify-between\:sm { justify-content: space-between; } .--flxJustify-between\:sm.grd { justify-items: space-between; } .--flxJustify-stretch\:sm { justify-content: stretch; } .--flxJustify-stretch\:sm.grd { justify-items: stretch; } .--flxJustify\:sm, .--flxJustify-center\:sm { justify-content: center; } .--flxJustify\:sm.grd, .--flxJustify-center\:sm.grd { justify-items: center; } .--flxJustifySelf-end\:sm { justify-self: flex-end; } .--flxJustifySelf-start\:sm { justify-self: flex-start; } .--flxJustifySelf-around\:sm { justify-self: space-around; } .--flxJustifySelf-evenly\:sm { justify-self: space-around; } .--flxJustifySelf-between\:sm { justify-self: space-between; } .--flxJustifySelf-stretch\:sm { justify-self: stretch; } .--flxJustifySelf\:sm, .--flxJustifySelf-center\:sm { justify-self: center; } .--flx-between\:sm { align-items: center; } .--flx-between\:sm, .--flx-between-stretch\:sm, .--flx-between-baseline\:sm, .--flx-between-start\:sm, .--flx-between-center\:sm, .--flx-between-end\:sm { justify-content: space-between; } .--flx-between\:sm.grd, .--flx-between-stretch\:sm.grd, .--flx-between-baseline\:sm.grd, .--flx-between-start\:sm.grd, .--flx-between-center\:sm.grd, .--flx-between-end\:sm.grd { justify-items: space-between; } .--flx-around\:sm { align-items: center; } .--flx-around\:sm, .--flx-around-stretch\:sm, .--flx-around-baseline\:sm, .--flx-around-start\:sm, .--flx-around-center\:sm, .--flx-around-end\:sm { justify-content: space-around; } .--flx-around\:sm.grd, .--flx-around-stretch\:sm.grd, .--flx-around-baseline\:sm.grd, .--flx-around-start\:sm.grd, .--flx-around-center\:sm.grd, .--flx-around-end\:sm.grd { justify-items: space-around; } .--flx-stretch\:sm { align-items: center; } .--flx-stretch\:sm, .--flx-stretch-stretch\:sm, .--flx-stretch-baseline\:sm, .--flx-stretch-start\:sm, .--flx-stretch-center\:sm, .--flx-stretch-end\:sm { justify-content: stretch; } .--flx-stretch\:sm.grd, .--flx-stretch-stretch\:sm.grd, .--flx-stretch-baseline\:sm.grd, .--flx-stretch-start\:sm.grd, .--flx-stretch-center\:sm.grd, .--flx-stretch-end\:sm.grd { justify-items: stretch; } .--flx-evenly\:sm { align-items: center; } .--flx-evenly\:sm, .--flx-evenly-stretch\:sm, .--flx-evenly-baseline\:sm, .--flx-evenly-start\:sm, .--flx-evenly-center\:sm, .--flx-evenly-end\:sm { justify-content: space-around; justify-content: space-evenly; } .--flx-evenly\:sm.grd, .--flx-evenly-stretch\:sm.grd, .--flx-evenly-baseline\:sm.grd, .--flx-evenly-start\:sm.grd, .--flx-evenly-center\:sm.grd, .--flx-evenly-end\:sm.grd { justify-items: space-around; justify-items: space-evenly; } .--flx-center\:sm { align-items: center; } .--flx-center\:sm, .--flx-center-stretch\:sm, .--flx-center-baseline\:sm, .--flx-center-start\:sm, .--flx-center-center\:sm, .--flx-center-end\:sm { justify-content: center; } .--flx-center\:sm.grd, .--flx-center-stretch\:sm.grd, .--flx-center-baseline\:sm.grd, .--flx-center-start\:sm.grd, .--flx-center-center\:sm.grd, .--flx-center-end\:sm.grd { justify-items: center; } .--flx-start\:sm { align-items: flex-start; } .--flx-start\:sm, .--flx-start-stretch\:sm, .--flx-start-baseline\:sm, .--flx-start-start\:sm, .--flx-start-center\:sm, .--flx-start-end\:sm { justify-content: flex-start; } .--flx-start\:sm.grd, .--flx-start-stretch\:sm.grd, .--flx-start-baseline\:sm.grd, .--flx-start-start\:sm.grd, .--flx-start-center\:sm.grd, .--flx-start-end\:sm.grd { justify-items: flex-start; } .--flx-end\:sm { align-items: flex-end; } .--flx-end\:sm, .--flx-end-stretch\:sm, .--flx-end-baseline\:sm, .--flx-end-start\:sm, .--flx-end-center\:sm, .--flx-end-end\:sm { justify-content: flex-end; } .--flx-end\:sm.grd, .--flx-end-stretch\:sm.grd, .--flx-end-baseline\:sm.grd, .--flx-end-start\:sm.grd, .--flx-end-center\:sm.grd, .--flx-end-end\:sm.grd { justify-items: flex-end; } .--flx-start-start\:sm, .--flx-center-start\:sm, .--flx-end-start\:sm, .--flx-stretch-start\:sm, .--flx-between-start\:sm, .--flx-around-start\:sm, .--flx-evenly-start\:sm { align-items: flex-start; } .--flx-start-center\:sm, .--flx-center-center\:sm, .--flx-end-center\:sm, .--flx-stretch-center\:sm, .--flx-between-center\:sm, .--flx-around-center\:sm, .--flx-evenly-center\:sm { align-items: center; } .--flx-start-end\:sm, .--flx-center-end\:sm, .--flx-end-end\:sm, .--flx-stretch-end\:sm, .--flx-between-end\:sm, .--flx-around-end\:sm, .--flx-evenly-end\:sm { align-items: flex-end; } .--flx-start-stretch\:sm, .--flx-center-stretch\:sm, .--flx-end-stretch\:sm, .--flx-stretch-stretch\:sm, .--flx-between-stretch\:sm, .--flx-around-stretch\:sm, .--flx-evenly-stretch\:sm { align-items: stretch; } .--flx-start-baseline\:sm, .--flx-center-baseline\:sm, .--flx-end-baseline\:sm, .--flx-stretch-baseline\:sm, .--flx-between-baseline\:sm, .--flx-around-baseline\:sm, .--flx-evenly-baseline\:sm { align-items: baseline; } .--flxSelf-between\:sm { align-self: center; } .--flxSelf-between\:sm, .--flxSelf-between-stretch\:sm, .--flxSelf-between-baseline\:sm, .--flxSelf-between-start\:sm, .--flxSelf-between-center\:sm, .--flxSelf-between-end\:sm { justify-self: space-between; } .--flxSelf-around\:sm { align-self: center; } .--flxSelf-around\:sm, .--flxSelf-around-stretch\:sm, .--flxSelf-around-baseline\:sm, .--flxSelf-around-start\:sm, .--flxSelf-around-center\:sm, .--flxSelf-around-end\:sm { justify-self: space-around; } .--flxSelf-stretch\:sm { align-self: center; } .--flxSelf-stretch\:sm, .--flxSelf-stretch-stretch\:sm, .--flxSelf-stretch-baseline\:sm, .--flxSelf-stretch-start\:sm, .--flxSelf-stretch-center\:sm, .--flxSelf-stretch-end\:sm { justify-self: stretch; } .--flxSelf-evenly\:sm { align-self: center; } .--flxSelf-evenly\:sm, .--flxSelf-evenly-stretch\:sm, .--flxSelf-evenly-baseline\:sm, .--flxSelf-evenly-start\:sm, .--flxSelf-evenly-center\:sm, .--flxSelf-evenly-end\:sm { justify-self: space-around; justify-self: space-evenly; } .--flxSelf-center\:sm { align-self: center; } .--flxSelf-center\:sm, .--flxSelf-center-stretch\:sm, .--flxSelf-center-baseline\:sm, .--flxSelf-center-start\:sm, .--flxSelf-center-center\:sm, .--flxSelf-center-end\:sm { justify-self: center; } .--flxSelf-start\:sm { align-self: flex-start; } .--flxSelf-start\:sm, .--flxSelf-start-stretch\:sm, .--flxSelf-start-baseline\:sm, .--flxSelf-start-start\:sm, .--flxSelf-start-center\:sm, .--flxSelf-start-end\:sm { justify-self: flex-start; } .--flxSelf-end\:sm { align-self: flex-end; } .--flxSelf-end\:sm, .--flxSelf-end-stretch\:sm, .--flxSelf-end-baseline\:sm, .--flxSelf-end-start\:sm, .--flxSelf-end-center\:sm, .--flxSelf-end-end\:sm { justify-self: flex-end; } .--flxSelf-start-start\:sm, .--flxSelf-center-start\:sm, .--flxSelf-end-start\:sm, .--flxSelf-stretch-start\:sm, .--flxSelf-between-start\:sm, .--flxSelf-around-start\:sm, .--flxSelf-evenly-start\:sm { align-self: flex-start; } .--flxSelf-start-center\:sm, .--flxSelf-center-center\:sm, .--flxSelf-end-center\:sm, .--flxSelf-stretch-center\:sm, .--flxSelf-between-center\:sm, .--flxSelf-around-center\:sm, .--flxSelf-evenly-center\:sm { align-self: center; } .--flxSelf-start-end\:sm, .--flxSelf-center-end\:sm, .--flxSelf-end-end\:sm, .--flxSelf-stretch-end\:sm, .--flxSelf-between-end\:sm, .--flxSelf-around-end\:sm, .--flxSelf-evenly-end\:sm { align-self: flex-end; } .--flxSelf-start-stretch\:sm, .--flxSelf-center-stretch\:sm, .--flxSelf-end-stretch\:sm, .--flxSelf-stretch-stretch\:sm, .--flxSelf-between-stretch\:sm, .--flxSelf-around-stretch\:sm, .--flxSelf-evenly-stretch\:sm { align-self: stretch; } .--flxSelf-start-baseline\:sm, .--flxSelf-center-baseline\:sm, .--flxSelf-end-baseline\:sm, .--flxSelf-stretch-baseline\:sm, .--flxSelf-between-baseline\:sm, .--flxSelf-around-baseline\:sm, .--flxSelf-evenly-baseline\:sm { align-self: baseline; } .--gap\:sm { gap: 1rem; } .--gap-0\:sm, .--gap-none\:sm { gap: 0; } .--gapX\:sm { column-gap: 1rem; } .--gapX-0\:sm, .--gapX-none\:sm { column-gap: 0; } .--gapY\:sm { row-gap: 1rem; } .--gapY-0\:sm, .--gapY-none\:sm { row-gap: 0; } .--gap-5\:sm { gap: 0.3333333333rem; } .--gapX-5\:sm { column-gap: 0.3333333333rem; } .--gapY-5\:sm { row-gap: 0.3333333333rem; } .--gap-10\:sm { gap: 0.6666666667rem; } .--gapX-10\:sm { column-gap: 0.6666666667rem; } .--gapY-10\:sm { row-gap: 0.6666666667rem; } .--gap-15\:sm { gap: 1rem; } .--gapX-15\:sm { column-gap: 1rem; } .--gapY-15\:sm { row-gap: 1rem; } .--gap-20\:sm { gap: 1.3333333333rem; } .--gapX-20\:sm { column-gap: 1.3333333333rem; } .--gapY-20\:sm { row-gap: 1.3333333333rem; } .--gap-25\:sm { gap: 1.6666666667rem; } .--gapX-25\:sm { column-gap: 1.6666666667rem; } .--gapY-25\:sm { row-gap: 1.6666666667rem; } .--gap-30\:sm { gap: 2rem; } .--gapX-30\:sm { column-gap: 2rem; } .--gapY-30\:sm { row-gap: 2rem; } .--gap-35\:sm { gap: 2.3333333333rem; } .--gapX-35\:sm { column-gap: 2.3333333333rem; } .--gapY-35\:sm { row-gap: 2.3333333333rem; } .--gap-40\:sm { gap: 2.6666666667rem; } .--gapX-40\:sm { column-gap: 2.6666666667rem; } .--gapY-40\:sm { row-gap: 2.6666666667rem; } .--gap-45\:sm { gap: 3rem; } .--gapX-45\:sm { column-gap: 3rem; } .--gapY-45\:sm { row-gap: 3rem; } .--gap-50\:sm { gap: 3.3333333333rem; } .--gapX-50\:sm { column-gap: 3.3333333333rem; } .--gapY-50\:sm { row-gap: 3.3333333333rem; } .--height-quarter\:sm, .--height-25\:sm { height: 25%; } .--height-third\:sm, .--height-33\:sm { height: 33%; } .--height-half\:sm, .--height-50\:sm { height: 50%; } .--height-0\:sm { height: 0; } .--height-none\:sm { height: unset; height: none; } .--height-100\:sm, .--height-full\:sm { height: 100%; } .--height-1920\:sm { height: 128rem; } .--height-1080\:sm { height: 72rem; } .--height-480\:sm { height: 32rem; } .--height-440\:sm { height: 29rem; } .--height-220\:sm { height: 15rem; } .--height-180\:sm { height: 12rem; } .--height-90\:sm { height: 6rem; } .--heightVw\:sm { height: 25vw; height: 25dvw; } .--heightVw-30\:sm { height: 30vw; height: 30dvw; } .--heightVw-40\:sm { height: 40vw; height: 40dvw; } .--heightVw-50\:sm { height: 50vw; height: 50dvw; } .--heightVw-60\:sm { height: 60vw; height: 60dvw; } .--heightVw-70\:sm { height: 70vw; height: 70dvw; } .--heightVw-80\:sm { height: 80vw; height: 80dvw; } .--heightVw-90\:sm { height: 90vw; height: 90dvw; } .--heightVw-100\:sm { height: 100vw; height: 100dvw; } .--heightVh\:sm { height: 25vh; height: 25dvh; } .--heightVh-30\:sm { height: 30vh; height: 30dvh; } .--heightVh-40\:sm { height: 40vh; height: 40dvh; } .--heightVh-50\:sm { height: 50vh; height: 50dvh; } .--heightVh-60\:sm { height: 60vh; height: 60dvh; } .--heightVh-70\:sm { height: 70vh; height: 70dvh; } .--heightVh-80\:sm { height: 80vh; height: 80dvh; } .--heightVh-90\:sm { height: 90vh; height: 90dvh; } .--heightVh-100\:sm { height: 100vh; height: 100dvh; } .--height\:sm, .--height-auto\:sm { height: auto; } .--height-fit\:sm { height: fit-content; } .--height-max\:sm { height: max-content; } .--height-min\:sm { height: min-content; } .--minHeight-quarter\:sm, .--minHeight-25\:sm { min-height: 25%; } .--minHeight-third\:sm, .--minHeight-33\:sm { min-height: 33%; } .--minHeight-half\:sm, .--minHeight-50\:sm { min-height: 50%; } .--minHeight-0\:sm { min-height: 0; } .--minHeight-none\:sm { min-height: unset; min-height: none; } .--minHeight-100\:sm, .--minHeight-full\:sm { min-height: 100%; } .--minHeight-1920\:sm { min-height: 128rem; } .--minHeight-1080\:sm { min-height: 72rem; } .--minHeight-480\:sm { min-height: 32rem; } .--minHeight-440\:sm { min-height: 29rem; } .--minHeight-220\:sm { min-height: 15rem; } .--minHeight-180\:sm { min-height: 12rem; } .--minHeight-90\:sm { min-height: 6rem; } .--minHeightVw\:sm { min-height: 25vw; min-height: 25dvw; } .--minHeightVw-30\:sm { min-height: 30vw; min-height: 30dvw; } .--minHeightVw-40\:sm { min-height: 40vw; min-height: 40dvw; } .--minHeightVw-50\:sm { min-height: 50vw; min-height: 50dvw; } .--minHeightVw-60\:sm { min-height: 60vw; min-height: 60dvw; } .--minHeightVw-70\:sm { min-height: 70vw; min-height: 70dvw; } .--minHeightVw-80\:sm { min-height: 80vw; min-height: 80dvw; } .--minHeightVw-90\:sm { min-height: 90vw; min-height: 90dvw; } .--minHeightVw-100\:sm { min-height: 100vw; min-height: 100dvw; } .--minHeightVh\:sm { min-height: 25vh; min-height: 25dvh; } .--minHeightVh-30\:sm { min-height: 30vh; min-height: 30dvh; } .--minHeightVh-40\:sm { min-height: 40vh; min-height: 40dvh; } .--minHeightVh-50\:sm { min-height: 50vh; min-height: 50dvh; } .--minHeightVh-60\:sm { min-height: 60vh; min-height: 60dvh; } .--minHeightVh-70\:sm { min-height: 70vh; min-height: 70dvh; } .--minHeightVh-80\:sm { min-height: 80vh; min-height: 80dvh; } .--minHeightVh-90\:sm { min-height: 90vh; min-height: 90dvh; } .--minHeightVh-100\:sm { min-height: 100vh; min-height: 100dvh; } .--minHeight\:sm, .--minHeight-1200\:sm { min-height: 75rem; } .--minHeight-fit\:sm { min-height: fit-content; } .--minHeight-max\:sm { min-height: max-content; } .--minHeight-min\:sm { min-height: min-content; } .--maxHeight-quarter\:sm, .--maxHeight-25\:sm { max-height: 25%; } .--maxHeight-third\:sm, .--maxHeight-33\:sm { max-height: 33%; } .--maxHeight-half\:sm, .--maxHeight-50\:sm { max-height: 50%; } .--maxHeight-0\:sm { max-height: 0; } .--maxHeight-none\:sm { max-height: unset; max-height: none; } .--maxHeight-100\:sm, .--maxHeight-full\:sm { max-height: 100%; } .--maxHeight-1920\:sm { max-height: 128rem; } .--maxHeight-1080\:sm { max-height: 72rem; } .--maxHeight-480\:sm { max-height: 32rem; } .--maxHeight-440\:sm { max-height: 29rem; } .--maxHeight-220\:sm { max-height: 15rem; } .--maxHeight-180\:sm { max-height: 12rem; } .--maxHeight-90\:sm { max-height: 6rem; } .--maxHeightVw\:sm { max-height: 25vw; max-height: 25dvw; } .--maxHeightVw-30\:sm { max-height: 30vw; max-height: 30dvw; } .--maxHeightVw-40\:sm { max-height: 40vw; max-height: 40dvw; } .--maxHeightVw-50\:sm { max-height: 50vw; max-height: 50dvw; } .--maxHeightVw-60\:sm { max-height: 60vw; max-height: 60dvw; } .--maxHeightVw-70\:sm { max-height: 70vw; max-height: 70dvw; } .--maxHeightVw-80\:sm { max-height: 80vw; max-height: 80dvw; } .--maxHeightVw-90\:sm { max-height: 90vw; max-height: 90dvw; } .--maxHeightVw-100\:sm { max-height: 100vw; max-height: 100dvw; } .--maxHeightVh\:sm { max-height: 25vh; max-height: 25dvh; } .--maxHeightVh-30\:sm { max-height: 30vh; max-height: 30dvh; } .--maxHeightVh-40\:sm { max-height: 40vh; max-height: 40dvh; } .--maxHeightVh-50\:sm { max-height: 50vh; max-height: 50dvh; } .--maxHeightVh-60\:sm { max-height: 60vh; max-height: 60dvh; } .--maxHeightVh-70\:sm { max-height: 70vh; max-height: 70dvh; } .--maxHeightVh-80\:sm { max-height: 80vh; max-height: 80dvh; } .--maxHeightVh-90\:sm { max-height: 90vh; max-height: 90dvh; } .--maxHeightVh-100\:sm { max-height: 100vh; max-height: 100dvh; } .--maxHeight\:sm, .--maxHeight-1200\:sm { max-height: 75rem; } .--maxHeight-fit\:sm { max-height: fit-content; } .--maxHeight-max\:sm { max-height: max-content; } .--maxHeight-min\:sm { max-height: min-content; } .--m\:sm { margin: 1rem; } .--m-0\:sm, .--m-none\:sm { margin: unset; margin: none; margin: 0; } .--mX\:sm { margin-left: 1rem; margin-right: 1rem; } .--mX-0\:sm, .--mX-none\:sm { margin-left: unset; margin-left: none; margin-left: 0; margin-right: unset; margin-right: none; margin-right: 0; } .--mY\:sm { margin-top: 1rem; margin-bottom: 1rem; } .--mY-0\:sm, .--mY-none\:sm { margin-top: unset; margin-top: none; margin-top: 0; margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--m-5\:sm { margin: 0.3333333333rem; } .--mX-5\:sm { margin-left: 0.3333333333rem; margin-right: 0.3333333333rem; } .--mY-5\:sm { margin-top: 0.3333333333rem; margin-bottom: 0.3333333333rem; } .--m-10\:sm { margin: 0.6666666667rem; } .--mX-10\:sm { margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; } .--mY-10\:sm { margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; } .--m-15\:sm { margin: 1rem; } .--mX-15\:sm { margin-left: 1rem; margin-right: 1rem; } .--mY-15\:sm { margin-top: 1rem; margin-bottom: 1rem; } .--m-20\:sm { margin: 1.3333333333rem; } .--mX-20\:sm { margin-left: 1.3333333333rem; margin-right: 1.3333333333rem; } .--mY-20\:sm { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } .--m-25\:sm { margin: 1.6666666667rem; } .--mX-25\:sm { margin-left: 1.6666666667rem; margin-right: 1.6666666667rem; } .--mY-25\:sm { margin-top: 1.6666666667rem; margin-bottom: 1.6666666667rem; } .--m-30\:sm { margin: 2rem; } .--mX-30\:sm { margin-left: 2rem; margin-right: 2rem; } .--mY-30\:sm { margin-top: 2rem; margin-bottom: 2rem; } .--m-35\:sm { margin: 2.3333333333rem; } .--mX-35\:sm { margin-left: 2.3333333333rem; margin-right: 2.3333333333rem; } .--mY-35\:sm { margin-top: 2.3333333333rem; margin-bottom: 2.3333333333rem; } .--m-40\:sm { margin: 2.6666666667rem; } .--mX-40\:sm { margin-left: 2.6666666667rem; margin-right: 2.6666666667rem; } .--mY-40\:sm { margin-top: 2.6666666667rem; margin-bottom: 2.6666666667rem; } .--m-45\:sm { margin: 3rem; } .--mX-45\:sm { margin-left: 3rem; margin-right: 3rem; } .--mY-45\:sm { margin-top: 3rem; margin-bottom: 3rem; } .--m-50\:sm { margin: 3.3333333333rem; } .--mX-50\:sm { margin-left: 3.3333333333rem; margin-right: 3.3333333333rem; } .--mY-50\:sm { margin-top: 3.3333333333rem; margin-bottom: 3.3333333333rem; } .--mTop\:sm { margin-top: 1rem; } .--mTop-0\:sm, .--mTop-none\:sm { margin-top: unset; margin-top: none; margin-top: 0; } .--mTop-5\:sm { margin-top: 0.3333333333rem; } .--mTop-10\:sm { margin-top: 0.6666666667rem; } .--mTop-15\:sm { margin-top: 1rem; } .--mTop-20\:sm { margin-top: 1.3333333333rem; } .--mTop-25\:sm { margin-top: 1.6666666667rem; } .--mTop-30\:sm { margin-top: 2rem; } .--mTop-35\:sm { margin-top: 2.3333333333rem; } .--mTop-40\:sm { margin-top: 2.6666666667rem; } .--mTop-45\:sm { margin-top: 3rem; } .--mTop-50\:sm { margin-top: 3.3333333333rem; } .--mRight\:sm { margin-right: 1rem; } .--mRight-0\:sm, .--mRight-none\:sm { margin-right: unset; margin-right: none; margin-right: 0; } .--mRight-5\:sm { margin-right: 0.3333333333rem; } .--mRight-10\:sm { margin-right: 0.6666666667rem; } .--mRight-15\:sm { margin-right: 1rem; } .--mRight-20\:sm { margin-right: 1.3333333333rem; } .--mRight-25\:sm { margin-right: 1.6666666667rem; } .--mRight-30\:sm { margin-right: 2rem; } .--mRight-35\:sm { margin-right: 2.3333333333rem; } .--mRight-40\:sm { margin-right: 2.6666666667rem; } .--mRight-45\:sm { margin-right: 3rem; } .--mRight-50\:sm { margin-right: 3.3333333333rem; } .--mBottom\:sm { margin-bottom: 1rem; } .--mBottom-0\:sm, .--mBottom-none\:sm { margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--mBottom-5\:sm { margin-bottom: 0.3333333333rem; } .--mBottom-10\:sm { margin-bottom: 0.6666666667rem; } .--mBottom-15\:sm { margin-bottom: 1rem; } .--mBottom-20\:sm { margin-bottom: 1.3333333333rem; } .--mBottom-25\:sm { margin-bottom: 1.6666666667rem; } .--mBottom-30\:sm { margin-bottom: 2rem; } .--mBottom-35\:sm { margin-bottom: 2.3333333333rem; } .--mBottom-40\:sm { margin-bottom: 2.6666666667rem; } .--mBottom-45\:sm { margin-bottom: 3rem; } .--mBottom-50\:sm { margin-bottom: 3.3333333333rem; } .--mLeft\:sm { margin-left: 1rem; } .--mLeft-0\:sm, .--mLeft-none\:sm { margin-left: unset; margin-left: none; margin-left: 0; } .--mLeft-5\:sm { margin-left: 0.3333333333rem; } .--mLeft-10\:sm { margin-left: 0.6666666667rem; } .--mLeft-15\:sm { margin-left: 1rem; } .--mLeft-20\:sm { margin-left: 1.3333333333rem; } .--mLeft-25\:sm { margin-left: 1.6666666667rem; } .--mLeft-30\:sm { margin-left: 2rem; } .--mLeft-35\:sm { margin-left: 2.3333333333rem; } .--mLeft-40\:sm { margin-left: 2.6666666667rem; } .--mLeft-45\:sm { margin-left: 3rem; } .--mLeft-50\:sm { margin-left: 3.3333333333rem; } .--m-center\:sm { margin: 0 auto; } .--mX-left\:sm { margin-left: 0; margin-right: auto; } .--mX-right\:sm { margin-left: auto; margin-right: 0; } .--mX\:sm, .--mX-center\:sm { margin-left: auto; margin-right: auto; } .--mY-top\:sm { margin-top: 0; margin-bottom: auto; } .--mY-bottom\:sm { margin-top: auto; margin-bottom: 0; } .--mY\:sm, .--mY-center\:sm { margin-top: auto; margin-bottom: auto; } .--p\:sm { padding: 1rem; } .--p-0\:sm, .--p-none\:sm { padding: unset; padding: none; padding: 0; } .--pX\:sm { padding-left: 1rem; padding-right: 1rem; } .--pX-0\:sm, .--pX-none\:sm { padding-left: unset; padding-left: none; padding-left: 0; padding-right: unset; padding-right: none; padding-right: 0; } .--pY\:sm { padding-top: 1rem; padding-bottom: 1rem; } .--pY-0\:sm, .--pY-none\:sm { padding-top: unset; padding-top: none; padding-top: 0; padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--p-5\:sm { padding: 0.3333333333rem; } .--pX-5\:sm { padding-left: 0.3333333333rem; padding-right: 0.3333333333rem; } .--pY-5\:sm { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; } .--p-10\:sm { padding: 0.6666666667rem; } .--pX-10\:sm { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } .--pY-10\:sm { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; } .--p-15\:sm { padding: 1rem; } .--pX-15\:sm { padding-left: 1rem; padding-right: 1rem; } .--pY-15\:sm { padding-top: 1rem; padding-bottom: 1rem; } .--p-20\:sm { padding: 1.3333333333rem; } .--pX-20\:sm { padding-left: 1.3333333333rem; padding-right: 1.3333333333rem; } .--pY-20\:sm { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } .--p-25\:sm { padding: 1.6666666667rem; } .--pX-25\:sm { padding-left: 1.6666666667rem; padding-right: 1.6666666667rem; } .--pY-25\:sm { padding-top: 1.6666666667rem; padding-bottom: 1.6666666667rem; } .--p-30\:sm { padding: 2rem; } .--pX-30\:sm { padding-left: 2rem; padding-right: 2rem; } .--pY-30\:sm { padding-top: 2rem; padding-bottom: 2rem; } .--p-35\:sm { padding: 2.3333333333rem; } .--pX-35\:sm { padding-left: 2.3333333333rem; padding-right: 2.3333333333rem; } .--pY-35\:sm { padding-top: 2.3333333333rem; padding-bottom: 2.3333333333rem; } .--p-40\:sm { padding: 2.6666666667rem; } .--pX-40\:sm { padding-left: 2.6666666667rem; padding-right: 2.6666666667rem; } .--pY-40\:sm { padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; } .--p-45\:sm { padding: 3rem; } .--pX-45\:sm { padding-left: 3rem; padding-right: 3rem; } .--pY-45\:sm { padding-top: 3rem; padding-bottom: 3rem; } .--p-50\:sm { padding: 3.3333333333rem; } .--pX-50\:sm { padding-left: 3.3333333333rem; padding-right: 3.3333333333rem; } .--pY-50\:sm { padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; } .--pTop\:sm { padding-top: 1rem; } .--pTop-0\:sm, .--pTop-none\:sm { padding-top: unset; padding-top: none; padding-top: 0; } .--pTop-5\:sm { padding-top: 0.3333333333rem; } .--pTop-10\:sm { padding-top: 0.6666666667rem; } .--pTop-15\:sm { padding-top: 1rem; } .--pTop-20\:sm { padding-top: 1.3333333333rem; } .--pTop-25\:sm { padding-top: 1.6666666667rem; } .--pTop-30\:sm { padding-top: 2rem; } .--pTop-35\:sm { padding-top: 2.3333333333rem; } .--pTop-40\:sm { padding-top: 2.6666666667rem; } .--pTop-45\:sm { padding-top: 3rem; } .--pTop-50\:sm { padding-top: 3.3333333333rem; } .--pRight\:sm { padding-right: 1rem; } .--pRight-0\:sm, .--pRight-none\:sm { padding-right: unset; padding-right: none; padding-right: 0; } .--pRight-5\:sm { padding-right: 0.3333333333rem; } .--pRight-10\:sm { padding-right: 0.6666666667rem; } .--pRight-15\:sm { padding-right: 1rem; } .--pRight-20\:sm { padding-right: 1.3333333333rem; } .--pRight-25\:sm { padding-right: 1.6666666667rem; } .--pRight-30\:sm { padding-right: 2rem; } .--pRight-35\:sm { padding-right: 2.3333333333rem; } .--pRight-40\:sm { padding-right: 2.6666666667rem; } .--pRight-45\:sm { padding-right: 3rem; } .--pRight-50\:sm { padding-right: 3.3333333333rem; } .--pBottom\:sm { padding-bottom: 1rem; } .--pBottom-0\:sm, .--pBottom-none\:sm { padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--pBottom-5\:sm { padding-bottom: 0.3333333333rem; } .--pBottom-10\:sm { padding-bottom: 0.6666666667rem; } .--pBottom-15\:sm { padding-bottom: 1rem; } .--pBottom-20\:sm { padding-bottom: 1.3333333333rem; } .--pBottom-25\:sm { padding-bottom: 1.6666666667rem; } .--pBottom-30\:sm { padding-bottom: 2rem; } .--pBottom-35\:sm { padding-bottom: 2.3333333333rem; } .--pBottom-40\:sm { padding-bottom: 2.6666666667rem; } .--pBottom-45\:sm { padding-bottom: 3rem; } .--pBottom-50\:sm { padding-bottom: 3.3333333333rem; } .--pLeft\:sm { padding-left: 1rem; } .--pLeft-0\:sm, .--pLeft-none\:sm { padding-left: unset; padding-left: none; padding-left: 0; } .--pLeft-5\:sm { padding-left: 0.3333333333rem; } .--pLeft-10\:sm { padding-left: 0.6666666667rem; } .--pLeft-15\:sm { padding-left: 1rem; } .--pLeft-20\:sm { padding-left: 1.3333333333rem; } .--pLeft-25\:sm { padding-left: 1.6666666667rem; } .--pLeft-30\:sm { padding-left: 2rem; } .--pLeft-35\:sm { padding-left: 2.3333333333rem; } .--pLeft-40\:sm { padding-left: 2.6666666667rem; } .--pLeft-45\:sm { padding-left: 3rem; } .--pLeft-50\:sm { padding-left: 3.3333333333rem; } .--width-quarter\:sm, .--width-25\:sm { width: 25%; } .--width-third\:sm, .--width-33\:sm { width: 33%; } .--width-half\:sm, .--width-50\:sm { width: 50%; } .--width-0\:sm { width: 0; } .--width-none\:sm { width: unset; width: none; } .--width-100\:sm, .--width-full\:sm { width: 100%; } .--width-1920\:sm { width: 128rem; } .--width-1080\:sm { width: 72rem; } .--width-480\:sm { width: 32rem; } .--width-440\:sm { width: 29rem; } .--width-220\:sm { width: 15rem; } .--width-180\:sm { width: 12rem; } .--width-90\:sm { width: 6rem; } .--widthVw\:sm { width: 25vw; width: 25dvw; } .--widthVw-30\:sm { width: 30vw; width: 30dvw; } .--widthVw-40\:sm { width: 40vw; width: 40dvw; } .--widthVw-50\:sm { width: 50vw; width: 50dvw; } .--widthVw-60\:sm { width: 60vw; width: 60dvw; } .--widthVw-70\:sm { width: 70vw; width: 70dvw; } .--widthVw-80\:sm { width: 80vw; width: 80dvw; } .--widthVw-90\:sm { width: 90vw; width: 90dvw; } .--widthVw-100\:sm { width: 100vw; width: 100dvw; } .--widthVh\:sm { width: 25vh; width: 25dvh; } .--widthVh-30\:sm { width: 30vh; width: 30dvh; } .--widthVh-40\:sm { width: 40vh; width: 40dvh; } .--widthVh-50\:sm { width: 50vh; width: 50dvh; } .--widthVh-60\:sm { width: 60vh; width: 60dvh; } .--widthVh-70\:sm { width: 70vh; width: 70dvh; } .--widthVh-80\:sm { width: 80vh; width: 80dvh; } .--widthVh-90\:sm { width: 90vh; width: 90dvh; } .--widthVh-100\:sm { width: 100vh; width: 100dvh; } .--width\:sm, .--width-auto\:sm { width: auto; } .--width-fit\:sm { width: fit-content; } .--width-max\:sm { width: max-content; } .--width-min\:sm { width: min-content; } .--minWidth-quarter\:sm, .--minWidth-25\:sm { min-width: 25%; } .--minWidth-third\:sm, .--minWidth-33\:sm { min-width: 33%; } .--minWidth-half\:sm, .--minWidth-50\:sm { min-width: 50%; } .--minWidth-0\:sm { min-width: 0; } .--minWidth-none\:sm { min-width: unset; min-width: none; } .--minWidth-100\:sm, .--minWidth-full\:sm { min-width: 100%; } .--minWidth-1920\:sm { min-width: 128rem; } .--minWidth-1080\:sm { min-width: 72rem; } .--minWidth-480\:sm { min-width: 32rem; } .--minWidth-440\:sm { min-width: 29rem; } .--minWidth-220\:sm { min-width: 15rem; } .--minWidth-180\:sm { min-width: 12rem; } .--minWidth-90\:sm { min-width: 6rem; } .--minWidthVw\:sm { min-width: 25vw; min-width: 25dvw; } .--minWidthVw-30\:sm { min-width: 30vw; min-width: 30dvw; } .--minWidthVw-40\:sm { min-width: 40vw; min-width: 40dvw; } .--minWidthVw-50\:sm { min-width: 50vw; min-width: 50dvw; } .--minWidthVw-60\:sm { min-width: 60vw; min-width: 60dvw; } .--minWidthVw-70\:sm { min-width: 70vw; min-width: 70dvw; } .--minWidthVw-80\:sm { min-width: 80vw; min-width: 80dvw; } .--minWidthVw-90\:sm { min-width: 90vw; min-width: 90dvw; } .--minWidthVw-100\:sm { min-width: 100vw; min-width: 100dvw; } .--minWidthVh\:sm { min-width: 25vh; min-width: 25dvh; } .--minWidthVh-30\:sm { min-width: 30vh; min-width: 30dvh; } .--minWidthVh-40\:sm { min-width: 40vh; min-width: 40dvh; } .--minWidthVh-50\:sm { min-width: 50vh; min-width: 50dvh; } .--minWidthVh-60\:sm { min-width: 60vh; min-width: 60dvh; } .--minWidthVh-70\:sm { min-width: 70vh; min-width: 70dvh; } .--minWidthVh-80\:sm { min-width: 80vh; min-width: 80dvh; } .--minWidthVh-90\:sm { min-width: 90vh; min-width: 90dvh; } .--minWidthVh-100\:sm { min-width: 100vh; min-width: 100dvh; } .--minWidth\:sm, .--minWidth-1200\:sm { min-width: 75rem; } .--minWidth-fit\:sm { min-width: fit-content; } .--minWidth-max\:sm { min-width: max-content; } .--minWidth-min\:sm { min-width: min-content; } .--maxWidth-quarter\:sm, .--maxWidth-25\:sm { max-width: 25%; } .--maxWidth-third\:sm, .--maxWidth-33\:sm { max-width: 33%; } .--maxWidth-half\:sm, .--maxWidth-50\:sm { max-width: 50%; } .--maxWidth-0\:sm { max-width: 0; } .--maxWidth-none\:sm { max-width: unset; max-width: none; } .--maxWidth-100\:sm, .--maxWidth-full\:sm { max-width: 100%; } .--maxWidth-1920\:sm { max-width: 128rem; } .--maxWidth-1080\:sm { max-width: 72rem; } .--maxWidth-480\:sm { max-width: 32rem; } .--maxWidth-440\:sm { max-width: 29rem; } .--maxWidth-220\:sm { max-width: 15rem; } .--maxWidth-180\:sm { max-width: 12rem; } .--maxWidth-90\:sm { max-width: 6rem; } .--maxWidthVw\:sm { max-width: 25vw; max-width: 25dvw; } .--maxWidthVw-30\:sm { max-width: 30vw; max-width: 30dvw; } .--maxWidthVw-40\:sm { max-width: 40vw; max-width: 40dvw; } .--maxWidthVw-50\:sm { max-width: 50vw; max-width: 50dvw; } .--maxWidthVw-60\:sm { max-width: 60vw; max-width: 60dvw; } .--maxWidthVw-70\:sm { max-width: 70vw; max-width: 70dvw; } .--maxWidthVw-80\:sm { max-width: 80vw; max-width: 80dvw; } .--maxWidthVw-90\:sm { max-width: 90vw; max-width: 90dvw; } .--maxWidthVw-100\:sm { max-width: 100vw; max-width: 100dvw; } .--maxWidthVh\:sm { max-width: 25vh; max-width: 25dvh; } .--maxWidthVh-30\:sm { max-width: 30vh; max-width: 30dvh; } .--maxWidthVh-40\:sm { max-width: 40vh; max-width: 40dvh; } .--maxWidthVh-50\:sm { max-width: 50vh; max-width: 50dvh; } .--maxWidthVh-60\:sm { max-width: 60vh; max-width: 60dvh; } .--maxWidthVh-70\:sm { max-width: 70vh; max-width: 70dvh; } .--maxWidthVh-80\:sm { max-width: 80vh; max-width: 80dvh; } .--maxWidthVh-90\:sm { max-width: 90vh; max-width: 90dvh; } .--maxWidthVh-100\:sm { max-width: 100vh; max-width: 100dvh; } .--maxWidth\:sm, .--maxWidth-1200\:sm { max-width: 75rem; } .--maxWidth-fit\:sm { max-width: fit-content; } .--maxWidth-max\:sm { max-width: max-content; } .--maxWidth-min\:sm { max-width: min-content; } .--txtAlign-right\:sm { text-align: right; } .--txtAlign-right\:sm:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:sm { text-align: center; } .--txtAlign-center\:sm:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:sm { text-align: justify; } .--txtAlign-justify\:sm:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:sm, .--txtAlign-left\:sm { text-align: left; } .--txtAlign\:sm:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:sm:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:sm:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:sm:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:sm:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:sm:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:sm:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtColor\:sm { color: #2f4858; } .--txtColor-primary\:sm { color: #1e8549; } .--txtColor-primary1\:sm { color: rgba(30, 133, 73, 0.1); } .--txtColor-primary2\:sm { color: rgba(30, 133, 73, 0.2); } .--txtColor-primary3\:sm { color: rgba(30, 133, 73, 0.3); } .--txtColor-primary4\:sm { color: rgba(30, 133, 73, 0.4); } .--txtColor-primary5\:sm { color: rgba(30, 133, 73, 0.5); } .--txtColor-primary6\:sm { color: rgba(30, 133, 73, 0.6); } .--txtColor-primary7\:sm { color: rgba(30, 133, 73, 0.7); } .--txtColor-primary8\:sm { color: rgba(30, 133, 73, 0.8); } .--txtColor-primary9\:sm { color: rgba(30, 133, 73, 0.9); } .--txtColor-primary-complement\:sm { color: hsl(120, 100%, -1.568627451%); } .--txtColor-primary-complement1\:sm { color: hsla(120, 100%, -1.568627451%, 0.1); } .--txtColor-primary-complement2\:sm { color: hsla(120, 100%, -1.568627451%, 0.2); } .--txtColor-primary-complement3\:sm { color: hsla(120, 100%, -1.568627451%, 0.3); } .--txtColor-primary-complement4\:sm { color: hsla(120, 100%, -1.568627451%, 0.4); } .--txtColor-primary-complement5\:sm { color: hsla(120, 100%, -1.568627451%, 0.5); } .--txtColor-primary-complement6\:sm { color: hsla(120, 100%, -1.568627451%, 0.6); } .--txtColor-primary-complement7\:sm { color: hsla(120, 100%, -1.568627451%, 0.7); } .--txtColor-primary-complement8\:sm { color: hsla(120, 100%, -1.568627451%, 0.8); } .--txtColor-primary-complement9\:sm { color: hsla(120, 100%, -1.568627451%, 0.9); } .--txtColor-secondary\:sm { color: #2ecc71; } .--txtColor-secondary1\:sm { color: rgba(46, 204, 113, 0.1); } .--txtColor-secondary2\:sm { color: rgba(46, 204, 113, 0.2); } .--txtColor-secondary3\:sm { color: rgba(46, 204, 113, 0.3); } .--txtColor-secondary4\:sm { color: rgba(46, 204, 113, 0.4); } .--txtColor-secondary5\:sm { color: rgba(46, 204, 113, 0.5); } .--txtColor-secondary6\:sm { color: rgba(46, 204, 113, 0.6); } .--txtColor-secondary7\:sm { color: rgba(46, 204, 113, 0.7); } .--txtColor-secondary8\:sm { color: rgba(46, 204, 113, 0.8); } .--txtColor-secondary9\:sm { color: rgba(46, 204, 113, 0.9); } .--txtColor-secondary-complement\:sm { color: #1abc9c; } .--txtColor-secondary-complement1\:sm { color: rgba(26, 188, 156, 0.1); } .--txtColor-secondary-complement2\:sm { color: rgba(26, 188, 156, 0.2); } .--txtColor-secondary-complement3\:sm { color: rgba(26, 188, 156, 0.3); } .--txtColor-secondary-complement4\:sm { color: rgba(26, 188, 156, 0.4); } .--txtColor-secondary-complement5\:sm { color: rgba(26, 188, 156, 0.5); } .--txtColor-secondary-complement6\:sm { color: rgba(26, 188, 156, 0.6); } .--txtColor-secondary-complement7\:sm { color: rgba(26, 188, 156, 0.7); } .--txtColor-secondary-complement8\:sm { color: rgba(26, 188, 156, 0.8); } .--txtColor-secondary-complement9\:sm { color: rgba(26, 188, 156, 0.9); } .--txtColor-danger\:sm { color: #e74c3c; } .--txtColor-danger1\:sm { color: rgba(231, 76, 60, 0.1); } .--txtColor-danger2\:sm { color: rgba(231, 76, 60, 0.2); } .--txtColor-danger3\:sm { color: rgba(231, 76, 60, 0.3); } .--txtColor-danger4\:sm { color: rgba(231, 76, 60, 0.4); } .--txtColor-danger5\:sm { color: rgba(231, 76, 60, 0.5); } .--txtColor-danger6\:sm { color: rgba(231, 76, 60, 0.6); } .--txtColor-danger7\:sm { color: rgba(231, 76, 60, 0.7); } .--txtColor-danger8\:sm { color: rgba(231, 76, 60, 0.8); } .--txtColor-danger9\:sm { color: rgba(231, 76, 60, 0.9); } .--txtColor-success\:sm { color: #259c21; } .--txtColor-success1\:sm { color: rgba(37, 156, 33, 0.1); } .--txtColor-success2\:sm { color: rgba(37, 156, 33, 0.2); } .--txtColor-success3\:sm { color: rgba(37, 156, 33, 0.3); } .--txtColor-success4\:sm { color: rgba(37, 156, 33, 0.4); } .--txtColor-success5\:sm { color: rgba(37, 156, 33, 0.5); } .--txtColor-success6\:sm { color: rgba(37, 156, 33, 0.6); } .--txtColor-success7\:sm { color: rgba(37, 156, 33, 0.7); } .--txtColor-success8\:sm { color: rgba(37, 156, 33, 0.8); } .--txtColor-success9\:sm { color: rgba(37, 156, 33, 0.9); } .--txtColor-warning\:sm { color: #f39c12; } .--txtColor-warning1\:sm { color: rgba(243, 156, 18, 0.1); } .--txtColor-warning2\:sm { color: rgba(243, 156, 18, 0.2); } .--txtColor-warning3\:sm { color: rgba(243, 156, 18, 0.3); } .--txtColor-warning4\:sm { color: rgba(243, 156, 18, 0.4); } .--txtColor-warning5\:sm { color: rgba(243, 156, 18, 0.5); } .--txtColor-warning6\:sm { color: rgba(243, 156, 18, 0.6); } .--txtColor-warning7\:sm { color: rgba(243, 156, 18, 0.7); } .--txtColor-warning8\:sm { color: rgba(243, 156, 18, 0.8); } .--txtColor-warning9\:sm { color: rgba(243, 156, 18, 0.9); } .--txtColor-light\:sm { color: #fff; } .--txtColor-light1\:sm { color: rgba(255, 255, 255, 0.1); } .--txtColor-light2\:sm { color: rgba(255, 255, 255, 0.2); } .--txtColor-light3\:sm { color: rgba(255, 255, 255, 0.3); } .--txtColor-light4\:sm { color: rgba(255, 255, 255, 0.4); } .--txtColor-light5\:sm { color: rgba(255, 255, 255, 0.5); } .--txtColor-light6\:sm { color: rgba(255, 255, 255, 0.6); } .--txtColor-light7\:sm { color: rgba(255, 255, 255, 0.7); } .--txtColor-light8\:sm { color: rgba(255, 255, 255, 0.8); } .--txtColor-light9\:sm { color: rgba(255, 255, 255, 0.9); } .--txtColor-dark\:sm { color: #000; } .--txtColor-dark1\:sm { color: rgba(0, 0, 0, 0.1); } .--txtColor-dark2\:sm { color: rgba(0, 0, 0, 0.2); } .--txtColor-dark3\:sm { color: rgba(0, 0, 0, 0.3); } .--txtColor-dark4\:sm { color: rgba(0, 0, 0, 0.4); } .--txtColor-dark5\:sm { color: rgba(0, 0, 0, 0.5); } .--txtColor-dark6\:sm { color: rgba(0, 0, 0, 0.6); } .--txtColor-dark7\:sm { color: rgba(0, 0, 0, 0.7); } .--txtColor-dark8\:sm { color: rgba(0, 0, 0, 0.8); } .--txtColor-dark9\:sm { color: rgba(0, 0, 0, 0.9); } .--txtColor-none\:sm { color: transparent; } .--txtColor-inherit\:sm { color: inherit; } .--txtShadow\:sm { text-shadow: 1px 1px 1px rgba(var(--rgb-dark), 0.3); } .--txtShadow-primary\:sm { text-shadow: 1px 1px 1px #1e8549; } .--txtShadow-primary1\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.1); } .--txtShadow-primary2\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.2); } .--txtShadow-primary3\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.3); } .--txtShadow-primary4\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.4); } .--txtShadow-primary5\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.5); } .--txtShadow-primary6\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.6); } .--txtShadow-primary7\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.7); } .--txtShadow-primary8\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.8); } .--txtShadow-primary9\:sm { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.9); } .--txtShadow-primary-complement\:sm { text-shadow: 1px 1px 1px hsl(120, 100%, -1.568627451%); } .--txtShadow-primary-complement1\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.1); } .--txtShadow-primary-complement2\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.2); } .--txtShadow-primary-complement3\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.3); } .--txtShadow-primary-complement4\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.4); } .--txtShadow-primary-complement5\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.5); } .--txtShadow-primary-complement6\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.6); } .--txtShadow-primary-complement7\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.7); } .--txtShadow-primary-complement8\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.8); } .--txtShadow-primary-complement9\:sm { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.9); } .--txtShadow-secondary\:sm { text-shadow: 1px 1px 1px #2ecc71; } .--txtShadow-secondary1\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.1); } .--txtShadow-secondary2\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.2); } .--txtShadow-secondary3\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.3); } .--txtShadow-secondary4\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.4); } .--txtShadow-secondary5\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.5); } .--txtShadow-secondary6\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.6); } .--txtShadow-secondary7\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.7); } .--txtShadow-secondary8\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.8); } .--txtShadow-secondary9\:sm { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.9); } .--txtShadow-secondary-complement\:sm { text-shadow: 1px 1px 1px #1abc9c; } .--txtShadow-secondary-complement1\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.1); } .--txtShadow-secondary-complement2\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.2); } .--txtShadow-secondary-complement3\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.3); } .--txtShadow-secondary-complement4\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.4); } .--txtShadow-secondary-complement5\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.5); } .--txtShadow-secondary-complement6\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.6); } .--txtShadow-secondary-complement7\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.7); } .--txtShadow-secondary-complement8\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.8); } .--txtShadow-secondary-complement9\:sm { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.9); } .--txtShadow-danger\:sm { text-shadow: 1px 1px 1px #e74c3c; } .--txtShadow-danger1\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.1); } .--txtShadow-danger2\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.2); } .--txtShadow-danger3\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.3); } .--txtShadow-danger4\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.4); } .--txtShadow-danger5\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.5); } .--txtShadow-danger6\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.6); } .--txtShadow-danger7\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.7); } .--txtShadow-danger8\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.8); } .--txtShadow-danger9\:sm { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.9); } .--txtShadow-success\:sm { text-shadow: 1px 1px 1px #259c21; } .--txtShadow-success1\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.1); } .--txtShadow-success2\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.2); } .--txtShadow-success3\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.3); } .--txtShadow-success4\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.4); } .--txtShadow-success5\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.5); } .--txtShadow-success6\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.6); } .--txtShadow-success7\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.7); } .--txtShadow-success8\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.8); } .--txtShadow-success9\:sm { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.9); } .--txtShadow-warning\:sm { text-shadow: 1px 1px 1px #f39c12; } .--txtShadow-warning1\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.1); } .--txtShadow-warning2\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.2); } .--txtShadow-warning3\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.3); } .--txtShadow-warning4\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.4); } .--txtShadow-warning5\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.5); } .--txtShadow-warning6\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.6); } .--txtShadow-warning7\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.7); } .--txtShadow-warning8\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.8); } .--txtShadow-warning9\:sm { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.9); } .--txtShadow-light\:sm { text-shadow: 1px 1px 1px #fff; } .--txtShadow-light1\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); } .--txtShadow-light2\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .--txtShadow-light3\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .--txtShadow-light4\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); } .--txtShadow-light5\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } .--txtShadow-light6\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); } .--txtShadow-light7\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); } .--txtShadow-light8\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } .--txtShadow-light9\:sm { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); } .--txtShadow-dark\:sm { text-shadow: 1px 1px 1px #000; } .--txtShadow-dark1\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .--txtShadow-dark2\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .--txtShadow-dark3\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .--txtShadow-dark4\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .--txtShadow-dark5\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .--txtShadow-dark6\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } .--txtShadow-dark7\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .--txtShadow-dark8\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } .--txtShadow-dark9\:sm { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .--txtShadow-none\:sm { text-shadow: none; } .--txtSize\:sm, .--txtSize-normal\:sm { font-size: 1rem; } .--txtSize-xs\:sm { font-size: 0.7rem; } .--txtSize-sm\:sm { font-size: 0.85rem; } .--txtSize-md\:sm { font-size: 1rem; } .--txtSize-lg\:sm { font-size: 1.4rem; } .--txtSize-xl\:sm { font-size: 2.2rem; } .--txtSize-xx\:sm { font-size: 3.6rem; } .--txtSize-mx\:sm { font-size: 4.8rem; } .--txtSpacing\:sm, .--txtSpacing-normal\:sm { letter-spacing: normal; } .--txtSpacing-0\:sm { letter-spacing: 0em; } .--txtSpacing-5\:sm { letter-spacing: 0.3333333333em; } .--txtSpacing-10\:sm { letter-spacing: 0.6666666667em; } .--txtSpacing-15\:sm { letter-spacing: 1em; } .--txtSpacing-20\:sm { letter-spacing: 1.3333333333em; } .--txtSpacing-25\:sm { letter-spacing: 1.6666666667em; } .--txtSpacing-30\:sm { letter-spacing: 2em; } .--txtStyle-normal\:sm { font-style: normal; } .--txtStyle-oblique\:sm { font-style: oblique; } .--txtStyle\:sm, .--txtStyle-italic\:sm { font-style: italic; } .--txtTransform-lower\:sm, .--txtTransform-lower\:sm::first-letter, .--txtTransform-lowercase\:sm, .--txtTransform-lowercase\:sm::first-letter { text-transform: lowercase; } .--txtTransform-upper\:sm, .--txtTransform-upper\:sm::first-letter, .--txtTransform-uppercase\:sm, .--txtTransform-uppercase\:sm::first-letter { text-transform: uppercase; } .--txtTransform-capitalize\:sm, .--txtTransform-capitalize\:sm::first-letter { text-transform: capitalize; } .--txtTransform\:sm, .--txtTransform\:sm::first-letter, .--txtTransform-none\:sm, .--txtTransform-none\:sm::first-letter { text-transform: none; } .--txtDecoration-none\:sm { text-decoration: none; } .--txtDecoration-under\:sm, .--txtDecoration-underline\:sm { text-decoration: underline; } .--txtDecoration-through\:sm, .--txtDecoration-lineThrough\:sm { text-decoration: line-through; } .--txtWeight\:sm { font-weight: 400; } .--txtWeight-thin\:sm { font-weight: 100; } .--txtWeight-lighter\:sm { font-weight: 200; } .--txtWeight-light\:sm { font-weight: 300; } .--txtWeight-regular\:sm { font-weight: 400; } .--txtWeight-medium\:sm { font-weight: 500; } .--txtWeight-semibold\:sm { font-weight: 600; } .--txtWeight-bold\:sm { font-weight: 700; } .--txtWeight-bolder\:sm { font-weight: 800; } .--txtWeight-black\:sm { font-weight: 900; } .--txtWrap-nowrap\:sm { white-space: nowrap; } .--txtWrap\:sm, .--txtWrap-wrap\:sm { white-space: normal; } .--txtLineHeight\:sm { line-height: 1.2em; } .--txtLineHeight-xs\:sm { line-height: 0.8333333333em; } .--txtLineHeight-sm\:sm { line-height: 1em; } .--txtLineHeight-md\:sm { line-height: 1.2em; } .--txtLineHeight-lg\:sm { line-height: 1.44em; } .--txtLineHeight-xl\:sm { line-height: 1.728em; } .--txtLineHeight-xx\:sm { line-height: 2.0736em; } .--txtLineHeight-mx\:sm { line-height: 2.48832em; } .--vAlign-middle\:sm { vertical-align: middle; } .--vAlign-bottom\:sm { vertical-align: bottom; } .--vAlign\:sm, .--vAlign-top\:sm, .--vAlign-sub\:sm, .--vAlign-baseline\:sm, .--vAlign-text-top\:sm, .--vAlign-text-bottom\:sm { vertical-align: baseline; } .--boxSizing-box\:sm { box-sizing: border-box; } .--boxSizing\:sm, .--boxSizing-content\:sm { box-sizing: content-box; } .--bdr-xs\:sm, .--bdr.--size-xs\:sm { border-width: 2px; } .--bdr-sm\:sm, .--bdr.--size-sm\:sm { border-width: 2px; } .--bdr-md\:sm, .--bdr.--size-md\:sm { border-width: 2px; } .--bdr-lg\:sm, .--bdr.--size-lg\:sm { border-width: 3px; } .--bdr-xl\:sm, .--bdr.--size-xl\:sm { border-width: 4px; } .--bdr-xx\:sm, .--bdr.--size-xx\:sm { border-width: 5px; } .--bdr-mx\:sm, .--bdr.--size-mx\:sm { border-width: 6px; } .--clear\:sm { clear: both; } .--float-right\:sm { float: left; } .--float\:sm, .--float-left\:sm { float: left; } .--display\:sm, .--display-block\:sm { display: block; } .--display-inline\:sm { display: inline; } .--display-inline\:sm.flx { display: inline-flex; position: static; } .--display-inline\:sm.grd { display: inline-grid; width: max-content; max-width: 100%; } .--overflow\:sm, .--overflow-visible\:sm { overflow: visible; } .--overflow-hidden\:sm { overflow: hidden; } .--hidden\:sm { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:sm { display: none !important; } .--order\:sm { order: 1; } .--order-1\:sm { order: 1; } .--order-2\:sm { order: 2; } .--order-3\:sm { order: 3; } .--order-4\:sm { order: 4; } .--order-5\:sm { order: 5; } .--order-6\:sm { order: 6; } .--order-7\:sm { order: 7; } .--order-8\:sm { order: 8; } .--order-9\:sm { order: 9; } .--order-10\:sm { order: 10; } .--position-fixed\:sm { position: fixed; } .--position-sticky\:sm { position: sticky; left: 0; top: 0; } .--position-relative\:sm { position: relative; } .--position-absolute\:sm { position: absolute; } .--position\:sm, .--position-static\:sm { position: static; } .--index\:sm { z-index: 999; } .--index-1\:sm { z-index: 1; } .--index-2\:sm { z-index: 2; } .--index-3\:sm { z-index: 3; } .--index-4\:sm { z-index: 4; } .--index-5\:sm { z-index: 5; } .--index-6\:sm { z-index: 6; } .--index-7\:sm { z-index: 7; } .--index-8\:sm { z-index: 8; } .--index-9\:sm { z-index: 9; } .--index-10\:sm { z-index: 10; } .--opacity-0\:sm, .--opacity-none\:sm { opacity: 0; } .--opacity\:sm, .--opacity-10\:sm { opacity: 1; } .--opacity-01\:sm { opacity: 0.1; } .--opacity-02\:sm { opacity: 0.2; } .--opacity-03\:sm { opacity: 0.3; } .--opacity-04\:sm { opacity: 0.4; } .--opacity-05\:sm { opacity: 0.5; } .--opacity-06\:sm { opacity: 0.6; } .--opacity-07\:sm { opacity: 0.7; } .--opacity-08\:sm { opacity: 0.8; } .--opacity-09\:sm { opacity: 0.9; } } @layer modifiers.defaults{ .--txtAlign-right\:sm * { text-align: right; } .--txtAlign-center\:sm * { text-align: center; } .--txtAlign-justify\:sm * { text-align: justify; } .--txtAlign\:sm *, .--txtAlign-left\:sm * { text-align: left; } .--bdr-xs\:sm, .--bdr.--size-xs\:sm { border-style: solid; border-color: transparent; } .--bdr-sm\:sm, .--bdr.--size-sm\:sm { border-style: solid; border-color: transparent; } .--bdr-md\:sm, .--bdr.--size-md\:sm { border-style: solid; border-color: transparent; } .--bdr-lg\:sm, .--bdr.--size-lg\:sm { border-style: solid; border-color: transparent; } .--bdr-xl\:sm, .--bdr.--size-xl\:sm { border-style: solid; border-color: transparent; } .--bdr-xx\:sm, .--bdr.--size-xx\:sm { border-style: solid; border-color: transparent; } .--bdr-mx\:sm, .--bdr.--size-mx\:sm { border-style: solid; border-color: transparent; } } @layer definitions{ hr.--tm-primary.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231e8549'/%3E%3C/svg%3E"); } hr.--tm-primary.--solid\:sm { background: rgba(var(--rgb-primary), 1); } hr.--tm-primary-complement.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } hr.--tm-primary-complement.--solid\:sm { background: rgba(var(--rgb-primary-complement), 1); } hr:not([class*="--tm-"]).--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr:not([class*="--tm-"]).--solid\:sm { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr.--tm-secondary.--solid\:sm { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary-complement.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231abc9c'/%3E%3C/svg%3E"); } hr.--tm-secondary-complement.--solid\:sm { background: rgba(var(--rgb-secondary-complement), 1); } hr.--tm-danger.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23e74c3c'/%3E%3C/svg%3E"); } hr.--tm-danger.--solid\:sm { background: rgba(var(--rgb-danger), 1); } hr.--tm-success.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23259c21'/%3E%3C/svg%3E"); } hr.--tm-success.--solid\:sm { background: rgba(var(--rgb-success), 1); } hr.--tm-warning.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23f39c12'/%3E%3C/svg%3E"); } hr.--tm-warning.--solid\:sm { background: rgba(var(--rgb-warning), 1); } hr.--tm-light.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23fff'/%3E%3C/svg%3E"); } hr.--tm-light.--solid\:sm { background: rgba(var(--rgb-light), 1); } hr.--tm-dark.--vertical\:sm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23000'/%3E%3C/svg%3E"); } hr.--tm-dark.--solid\:sm { background: rgba(var(--rgb-dark), 1); } i.icon.--size-10\:sm { font-size: 0.6666666667em; } i.icon.--size-15\:sm { font-size: 1em; } i.icon.--size-20\:sm { font-size: 1.3333333333em; } i.icon.--size-25\:sm { font-size: 1.6666666667em; } i.icon.--size-30\:sm { font-size: 2em; } i.icon.--size-35\:sm { font-size: 2.3333333333em; } i.icon.--size-40\:sm { font-size: 2.6666666667em; } i.icon.--size-45\:sm { font-size: 3em; } i.icon.--size-50\:sm { font-size: 3.3333333333em; } .svg.--size-10\:sm { font-size: 0.6666666667em; } .svg.--size-15\:sm { font-size: 1em; } .svg.--size-20\:sm { font-size: 1.3333333333em; } .svg.--size-25\:sm { font-size: 1.6666666667em; } .svg.--size-30\:sm { font-size: 2em; } .svg.--size-35\:sm { font-size: 2.3333333333em; } .svg.--size-40\:sm { font-size: 2.6666666667em; } .svg.--size-45\:sm { font-size: 3em; } .svg.--size-50\:sm { font-size: 3.3333333333em; } .box.--size-xs\:sm { border-radius: 0.9331rem; } .box.--size-sm\:sm { border-radius: 1.13305rem; } .box.--size-md\:sm { border-radius: 1.333rem; } .box.--size-lg\:sm { border-radius: 1.8662rem; } .box.--size-xl\:sm { border-radius: 2.9326rem; } .box.--size-xx\:sm { border-radius: 4.7988rem; } .box.--size-mx\:sm { border-radius: 6.3984rem; } .bttnToggle.--round\:sm > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:sm i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:sm .svg + span { display: none; } .bttnToggle.--size-xs.--round\:sm { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round\:xs { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round\:sm { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm:has(i.icon:only-child), .bttnToggle.--size-xs\:sm:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:sm { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round\:xs { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round\:sm { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm:has(i.icon:only-child), .bttnToggle.--size-sm\:sm:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:sm { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:sm { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round\:xs { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round\:sm { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm:has(i.icon:only-child), .bttnToggle.--size-md\:sm:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:sm { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round\:xs { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round\:sm { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm:has(i.icon:only-child), .bttnToggle.--size-lg\:sm:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:sm { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round\:xs { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round\:sm { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm:has(i.icon:only-child), .bttnToggle.--size-xl\:sm:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:sm { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round\:xs { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round\:sm { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm:has(i.icon:only-child), .bttnToggle.--size-xx\:sm:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:sm { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round\:xs { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round\:sm { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm:has(i.icon:only-child), .bttnToggle.--size-mx\:sm:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttnToggle.--size-xs\:sm { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm\:sm { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle.--size-md\:sm { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg\:sm { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl\:sm { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx\:sm { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx\:sm { height: 11.52rem; padding: 0 3.84rem; } .bttnToggle.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; } .bttnToggle.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; } .bttnToggle.--size-md\:sm { border-radius: 1rem; border-width: 2px; } .bttnToggle.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; } .bttnToggle.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; } .bttnToggle.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; } .bttnToggle.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; } .bttnY.--size-xs\:sm { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm\:sm { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY.--size-md\:sm { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg\:sm { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl\:sm { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx\:sm { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx\:sm { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttnY.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; border-radius: 0.28rem; } .bttnY.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; border-radius: 0.34rem; } .bttnY.--size-md\:sm { border-radius: 1rem; border-width: 2px; border-radius: 0.4rem; } .bttnY.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; border-radius: 0.56rem; } .bttnY.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; border-radius: 0.88rem; } .bttnY.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; border-radius: 1.44rem; } .bttnY.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; border-radius: 1.92rem; } .bttn.--round\:sm > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm .svg + span { display: none; } .bttn.--size-xs.--round\:sm { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round\:xs { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round\:sm { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm:has(i.icon:only-child), .bttn.--size-xs\:sm:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:sm { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round\:xs { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round\:sm { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm:has(i.icon:only-child), .bttn.--size-sm\:sm:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:sm { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:sm { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round\:xs { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round\:sm { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm:has(i.icon:only-child), .bttn.--size-md\:sm:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:sm { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round\:xs { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round\:sm { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm:has(i.icon:only-child), .bttn.--size-lg\:sm:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:sm { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round\:xs { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round\:sm { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm:has(i.icon:only-child), .bttn.--size-xl\:sm:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:sm { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round\:xs { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round\:sm { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm:has(i.icon:only-child), .bttn.--size-xx\:sm:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:sm { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round\:xs { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round\:sm { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm:has(i.icon:only-child), .bttn.--size-mx\:sm:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttn.--size-xs\:sm { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm\:sm { height: 2.04rem; padding: 0 0.68rem; } .bttn.--size-md\:sm { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg\:sm { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl\:sm { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx\:sm { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx\:sm { height: 11.52rem; padding: 0 3.84rem; } .bttn.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; } .bttn.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; } .bttn.--size-md\:sm { border-radius: 1rem; border-width: 2px; } .bttn.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; } .bttn.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; } .bttn.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; } .bttn.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:sm :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox.--size-xs\:sm + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm\:sm + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox.--size-md\:sm + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg\:sm + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl\:sm + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx\:sm + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx\:sm + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.--size-xs\:sm + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm\:sm + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox.--size-md\:sm + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg\:sm + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl\:sm + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx\:sm + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx\:sm + label::after { border-radius: 3.36rem; } input[type^=r].iRadio.--size-xs\:sm + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm\:sm + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio.--size-md\:sm + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg\:sm + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl\:sm + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx\:sm + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx\:sm + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.--size-xs\:sm + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm\:sm + label::after { border-radius: 42.5rem; } input[type^=r].iRadio.--size-md\:sm + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg\:sm + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl\:sm + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx\:sm + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx\:sm + label::after { border-radius: 240rem; } .iSelect.--size-xs\:sm { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm\:sm { height: 2.04rem; padding: 0 0.68rem; } .iSelect.--size-md\:sm { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg\:sm { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl\:sm { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx\:sm { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx\:sm { height: 11.52rem; padding: 0 3.84rem; } .iSelect.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; } .iSelect.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; } .iSelect.--size-md\:sm { border-radius: 1rem; border-width: 2px; } .iSelect.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; } .iSelect.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; } .iSelect.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; } .iSelect.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; } .iSelect.--size-xs\:sm { padding: 0 1.54rem 0 0.56rem; background-position: calc(100% - 0.56rem) 50%; } .iSelect.--size-sm\:sm { padding: 0 1.87rem 0 0.68rem; background-position: calc(100% - 0.68rem) 50%; } .iSelect.--size-md\:sm { padding: 0 2.2rem 0 0.8rem; background-position: calc(100% - 0.8rem) 50%; } .iSelect.--size-lg\:sm { padding: 0 3.08rem 0 1.12rem; background-position: calc(100% - 1.12rem) 50%; } .iSelect.--size-xl\:sm { padding: 0 4.84rem 0 1.76rem; background-position: calc(100% - 1.76rem) 50%; } .iSelect.--size-xx\:sm { padding: 0 7.92rem 0 2.88rem; background-position: calc(100% - 2.88rem) 50%; } .iSelect.--size-mx\:sm { padding: 0 10.56rem 0 3.84rem; background-position: calc(100% - 3.84rem) 50%; } .iTxt.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; } .iTxt.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; } .iTxt.--size-md\:sm { border-radius: 1rem; border-width: 2px; } .iTxt.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; } .iTxt.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; } .iTxt.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; } .iTxt.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; } .iTxt:not(textarea).--size-xs\:sm { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm\:sm { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea).--size-md\:sm { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg\:sm { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl\:sm { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx\:sm { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx\:sm { height: 11.52rem; padding: 0 3.84rem; } .iColor.--size-xs\:sm { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm\:sm { height: 2.04rem; width: 2.04rem; } .iColor.--size-md\:sm { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg\:sm { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl\:sm { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx\:sm { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx\:sm { height: 11.52rem; width: 11.52rem; } .iColor.--size-xs\:sm { border-radius: 0.7rem; border-width: 2px; } .iColor.--size-xs\:sm::-webkit-color-swatch { border-radius: 0.7rem; } .iColor.--size-xs\:sm::-moz-color-swatch { border-radius: 0.7rem; } .iColor.--size-sm\:sm { border-radius: 0.85rem; border-width: 2px; } .iColor.--size-sm\:sm::-webkit-color-swatch { border-radius: 0.85rem; } .iColor.--size-sm\:sm::-moz-color-swatch { border-radius: 0.85rem; } .iColor.--size-md\:sm { border-radius: 1rem; border-width: 2px; } .iColor.--size-md\:sm::-webkit-color-swatch { border-radius: 1rem; } .iColor.--size-md\:sm::-moz-color-swatch { border-radius: 1rem; } .iColor.--size-lg\:sm { border-radius: 1.4rem; border-width: 3px; } .iColor.--size-lg\:sm::-webkit-color-swatch { border-radius: 1.4rem; } .iColor.--size-lg\:sm::-moz-color-swatch { border-radius: 1.4rem; } .iColor.--size-xl\:sm { border-radius: 2.2rem; border-width: 4px; } .iColor.--size-xl\:sm::-webkit-color-swatch { border-radius: 2.2rem; } .iColor.--size-xl\:sm::-moz-color-swatch { border-radius: 2.2rem; } .iColor.--size-xx\:sm { border-radius: 3.6rem; border-width: 5px; } .iColor.--size-xx\:sm::-webkit-color-swatch { border-radius: 3.6rem; } .iColor.--size-xx\:sm::-moz-color-swatch { border-radius: 3.6rem; } .iColor.--size-mx\:sm { border-radius: 4.8rem; border-width: 6px; } .iColor.--size-mx\:sm::-webkit-color-swatch { border-radius: 4.8rem; } .iColor.--size-mx\:sm::-moz-color-swatch { border-radius: 4.8rem; } .link.--round\:sm i.icon:last-child:not(:only-child), .link.--round\:sm .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatarAureo.--size-xs\:sm { border-radius: 0.7rem; } .avatarAureo.--size-sm\:sm { border-radius: 0.85rem; } .avatarAureo.--size-md\:sm { border-radius: 1rem; } .avatarAureo.--size-lg\:sm { border-radius: 1.4rem; } .avatarAureo.--size-xl\:sm { border-radius: 2.2rem; } .avatarAureo.--size-xx\:sm { border-radius: 3.6rem; } .avatarAureo.--size-mx\:sm { border-radius: 4.8rem; } .avatar.--size-xs\:sm { border-radius: 0.7rem; } .avatar.--size-sm\:sm { border-radius: 0.85rem; } .avatar.--size-md\:sm { border-radius: 1rem; } .avatar.--size-lg\:sm { border-radius: 1.4rem; } .avatar.--size-xl\:sm { border-radius: 2.2rem; } .avatar.--size-xx\:sm { border-radius: 3.6rem; } .avatar.--size-mx\:sm { border-radius: 4.8rem; } .avatar.--size-xs\:sm { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:sm { width: 3rem; height: 3rem; } .avatar\:sm { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:sm { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:sm { width: 6rem; height: 6rem; } .avatar.--size-xl\:sm { width: 9rem; height: 9rem; } .cols.--count-2\:sm { columns: 27rem 2; } .cols.--count-3\:sm { columns: 18rem 3; } .cols.--count-4\:sm { columns: 13.5rem 4; } .cols.--count-5\:sm { columns: 10.8rem 5; } .cols.--count-6\:sm { columns: 9rem 6; } .cols.--count-7\:sm { columns: 7.7142857143rem 7; } .cols.--count-8\:sm { columns: 6.75rem 8; } .cols.--count-9\:sm { columns: 6rem 9; } .cols.--count-10\:sm { columns: 5.4rem 10; } .cols.--count-11\:sm { columns: 4.9090909091rem 11; } .cols.--count-12\:sm { columns: 4.5rem 12; } .flx.--flxRow\:sm, .flx.--flxRow-wrap\:sm, .flx.--flxRow-reverse\:sm, .flx.--flxRow-nowrap\:sm { flex-direction: row; } .flx.--flxRowReverse\:sm, .flx.--flxRowReverse-wrap\:sm, .flx.--flxRowReverse-reverse\:sm, .flx.--flxRowReverse-nowrap\:sm { flex-direction: row-reverse; } .flx.--flxColumn\:sm, .flx.--flxColumn-wrap\:sm, .flx.--flxColumn-reverse\:sm, .flx.--flxColumn-nowrap\:sm { flex-direction: column; } .flx.--flxColumnReverse\:sm, .flx.--flxColumnReverse-wrap\:sm, .flx.--flxColumnReverse-reverse\:sm, .flx.--flxColumnReverse-nowrap\:sm { flex-direction: column-reverse; } .flx.--flxRow-wrap\:sm, .flx.--flxColumn-wrap\:sm, .flx.--flxRowReverse-wrap\:sm, .flx.--flxColumnReverse-wrap\:sm { flex-wrap: wrap; } .flx.--flxRow-reverse\:sm, .flx.--flxColumn-reverse\:sm, .flx.--flxRowReverse-reverse\:sm, .flx.--flxColumnReverse-reverse\:sm { flex-wrap: wrap-reverse; } .flx.--flxRow\:sm, .flx.--flxRow-nowrap\:sm, .flx.--flxColumn\:sm, .flx.--flxColumn-nowrap\:sm, .flx.--flxRowReverse\:sm, .flx.--flxRowReverse-nowrap\:sm, .flx.--flxColumnReverse\:sm, .flx.--flxColumnReverse-nowrap\:sm { flex-wrap: nowrap; } .grd.--autoRows\:sm { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows\:sm { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single\:sm { grid-template-rows: 1fr; } .grd.--grdRows-autoFit\:sm { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin\:sm { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin\:sm { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn\:sm { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn\:sm { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2\:sm { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2\:sm { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3\:sm { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3\:sm { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4\:sm { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4\:sm { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5\:sm { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5\:sm { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6\:sm { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6\:sm { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7\:sm { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7\:sm { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8\:sm { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8\:sm { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9\:sm { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9\:sm { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10\:sm { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10\:sm { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11\:sm { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11\:sm { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12\:sm { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12\:sm { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns\:sm { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single\:sm { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit\:sm { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin\:sm { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin\:sm { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn\:sm { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn\:sm { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2\:sm { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2\:sm { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3\:sm { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3\:sm { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4\:sm { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4\:sm { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5\:sm { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5\:sm { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6\:sm { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6\:sm { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7\:sm { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7\:sm { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8\:sm { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8\:sm { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9\:sm { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9\:sm { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10\:sm { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10\:sm { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11\:sm { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11\:sm { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12\:sm { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12\:sm { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft\:sm, .grd.--grdVoidLeft-1\:sm, .grd.--grdVoidLeft-1-1\:sm { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4\:sm { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3\:sm { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2\:sm { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft\:sm > *:last-child, .grd.--grdVoidLeft-1\:sm > *:last-child, .grd.--grdVoidLeft-1-1\:sm > *:last-child, .grd.--grdVoidLeft-1-4\:sm > *:last-child, .grd.--grdVoidLeft-2-3\:sm > *:last-child, .grd.--grdVoidLeft-3-2\:sm > *:last-child { grid-area: a; } .grd.--grdVoidRight\:sm, .grd.--grdVoidRight-1\:sm, .grd.--grdVoidRight-1-1\:sm { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1\:sm { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2\:sm { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight\:sm > *:first-child, .grd.--grdVoidRight-1\:sm > *:first-child, .grd.--grdVoidRight-1-1\:sm > *:first-child, .grd.--grdVoidRight-4-1\:sm > *:first-child, .grd.--grdVoidRight-3-2\:sm > *:first-child, .grd.--grdVoidRight-2-3\:sm > *:first-child { grid-area: a; } .grd-item.--grdColumnSpan-2\:sm { grid-column: span 2; } .grd-item.--grdRowSpan-2\:sm { grid-row: span 2; } .grd-item.--grdColumnSpan-3\:sm { grid-column: span 3; } .grd-item.--grdRowSpan-3\:sm { grid-row: span 3; } .grd-item.--grdColumnSpan-4\:sm { grid-column: span 4; } .grd-item.--grdRowSpan-4\:sm { grid-row: span 4; } .grd-item.--grdColumnSpan-5\:sm { grid-column: span 5; } .grd-item.--grdRowSpan-5\:sm { grid-row: span 5; } .grd-item.--grdColumnSpan-6\:sm { grid-column: span 6; } .grd-item.--grdRowSpan-6\:sm { grid-row: span 6; } .grd-item.--grdColumnSpan-7\:sm { grid-column: span 7; } .grd-item.--grdRowSpan-7\:sm { grid-row: span 7; } .grd-item.--grdColumnSpan-8\:sm { grid-column: span 8; } .grd-item.--grdRowSpan-8\:sm { grid-row: span 8; } .grd-item.--grdColumnSpan-9\:sm { grid-column: span 9; } .grd-item.--grdRowSpan-9\:sm { grid-row: span 9; } .grd-item.--grdColumnSpan-10\:sm { grid-column: span 10; } .grd-item.--grdRowSpan-10\:sm { grid-row: span 10; } .grd-item.--grdColumnSpan-11\:sm { grid-column: span 11; } .grd-item.--grdRowSpan-11\:sm { grid-row: span 11; } .grd-item.--grdColumnSpan-12\:sm { grid-column: span 12; } .grd-item.--grdRowSpan-12\:sm { grid-row: span 12; } .grd-item.--grdColumnSpan\:sm { grid-column: span 2; } .grd-item.--grdRowSpan\:sm { grid-row: span 2; } .toggle--dropdown.is--active + .dropdown.flx.--display-inline\:sm, .toggle--dropdown:not(.only--active):hover + .dropdown.flx.--display-inline\:sm { display: inline-flex; } .toggle--dropdown.is--active + .dropdown.grd.--display-inline\:sm, .toggle--dropdown:not(.only--active):hover + .dropdown.grd.--display-inline\:sm { display: inline-grid; } .dropdown.flx.--display-inline\:sm, .dropdown.grd.--display-inline\:sm { display: none; } .dropdown.is--active.flx.--display-inline\:sm { display: inline-flex; } .dropdown.is--active.grd.--display-inline\:sm { display: inline-grid; } .dropdown.--size-xs\:sm:not(:has(> .dropdown-item)), .dropdown.--size-xs\:sm > .dropdown-item { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .dropdown.--size-sm\:sm:not(:has(> .dropdown-item)), .dropdown.--size-sm\:sm > .dropdown-item { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .dropdown.--size-md\:sm:not(:has(> .dropdown-item)), .dropdown.--size-md\:sm > .dropdown-item { padding: 0.7rem 1rem; border-radius: 1.333rem; } .dropdown.--size-lg\:sm:not(:has(> .dropdown-item)), .dropdown.--size-lg\:sm > .dropdown-item { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .dropdown.--size-xl\:sm:not(:has(> .dropdown-item)), .dropdown.--size-xl\:sm > .dropdown-item { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .dropdown.--size-xx\:sm:not(:has(> .dropdown-item)), .dropdown.--size-xx\:sm > .dropdown-item { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .dropdown.--size-mx\:sm:not(:has(> .dropdown-item)), .dropdown.--size-mx\:sm > .dropdown-item { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .dropdown.--position-right\:sm, .dropdown.--position-right-top\:sm, .dropdown.--position-right-center\:sm, .dropdown.--position-right-bottom\:sm { left: calc(100% + 0.4rem); } .dropdown.--position-right\:sm::before, .dropdown.--position-right-top\:sm::before, .dropdown.--position-right-center\:sm::before, .dropdown.--position-right-bottom\:sm::before { left: -0.4rem; top: 0; } .dropdown.--position-left\:sm, .dropdown.--position-left-top\:sm, .dropdown.--position-left-center\:sm, .dropdown.--position-left-bottom\:sm { right: calc(100% + 0.4rem); } .dropdown.--position-left\:sm::before, .dropdown.--position-left-top\:sm::before, .dropdown.--position-left-center\:sm::before, .dropdown.--position-left-bottom\:sm::before { right: -0.4rem; top: 0; } .dropdown.--position-right-center\:sm, .dropdown.--position-left-center\:sm { top: 50%; transform: translateY(-50%); } .dropdown.--position-right-bottom\:sm, .dropdown.--position-left-bottom\:sm { bottom: -1rem; } .dropdown.--position-right\:sm, .dropdown.--position-right-top\:sm, .dropdown.--position-left\:sm, .dropdown.--position-left-top\:sm { top: -1rem; } .dropdown.--position-top\:sm, .dropdown.--position-top-left\:sm, .dropdown.--position-top-right\:sm, .dropdown.--position-top-center\:sm { bottom: calc(100% + 0.4rem); } .dropdown.--position-top\:sm::before, .dropdown.--position-top-left\:sm::before, .dropdown.--position-top-right\:sm::before, .dropdown.--position-top-center\:sm::before { left: 0; bottom: -0.4rem; } .dropdown.--position-bottom\:sm, .dropdown.--position-bottom-left\:sm, .dropdown.--position-bottom-right\:sm, .dropdown.--position-bottom-center\:sm { top: calc(100% + 0.4rem); } .dropdown.--position-bottom\:sm::before, .dropdown.--position-bottom-left\:sm::before, .dropdown.--position-bottom-right\:sm::before, .dropdown.--position-bottom-center\:sm::before { right: 0; top: -0.4rem; } .dropdown.--position-top-right\:sm, .dropdown.--position-bottom-right\:sm { right: -0.7rem; } .dropdown.--position-top-center\:sm, .dropdown.--position-bottom-center\:sm { left: 50%; transform: translateX(-50%); } .dropdown.--position-top\:sm, .dropdown.--position-top-left\:sm, .dropdown.--position-bottom\:sm, .dropdown.--position-bottom-left\:sm { left: -0.7rem; } } @layer definitions.defaults{ hr.--vertical\:sm { width: 2px; height: auto; margin: -0.4rem 0; } .float.--floatDir-right\:sm > * { float: right; } .float.--floatDir\:sm > *, .float.--floatDir-left\:sm > * { float: left; } .modal.--size-xs\:sm { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .modal.--size-xs\:sm .modal-content { padding-left: 0.7rem; padding-right: 0.7rem; } .modal.--size-sm\:sm { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .modal.--size-sm\:sm .modal-content { padding-left: 0.85rem; padding-right: 0.85rem; } .modal.--size-md\:sm { padding: 0.7rem 1rem; border-radius: 1.333rem; } .modal.--size-md\:sm .modal-content { padding-left: 1rem; padding-right: 1rem; } .modal.--size-lg\:sm { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .modal.--size-lg\:sm .modal-content { padding-left: 1.4rem; padding-right: 1.4rem; } .modal.--size-xl\:sm { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .modal.--size-xl\:sm .modal-content { padding-left: 2.2rem; padding-right: 2.2rem; } .modal.--size-xx\:sm { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .modal.--size-xx\:sm .modal-content { padding-left: 3.6rem; padding-right: 3.6rem; } .modal.--size-mx\:sm { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .modal.--size-mx\:sm .modal-content { padding-left: 4.8rem; padding-right: 4.8rem; } } } @media only screen and (any-pointer: coarse) and (width > 576px){ @layer definitions{ *:hover > .toggle--dropdown:not(.only--active) + .dropdown.flx.--display-inline\:sm, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.flx.--display-inline\:sm { display: inline-flex; } *:hover > .toggle--dropdown:not(.only--active) + .dropdown.grd.--display-inline\:sm, .toggle--dropdown:not(.only--active):hover:not(.no--hover) + .dropdown.grd.--display-inline\:sm { display: inline-grid; } } } @media only screen and (width > 768px) and (width <= 1280px){ @layer definitions{ .bttnToggle.--size-xs\:md.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:md.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:md.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:md.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:md.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:md.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:md.--round\:xl-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:md.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:md.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:md.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:md.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:md.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:md.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:md.--round\:xl-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 768px) and (width <= 1080px){ @layer definitions{ .bttnToggle.--size-xs\:md.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:md.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:md.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:md.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:md.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:md.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:md.--round\:lg-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:md.--round\:lg-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:md.--round\:lg-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:md.--round\:lg-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:md.--round\:lg-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:md.--round\:lg-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:md.--round\:lg-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:md.--round\:lg-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 768px){ @layer defaults{ h1:not([class*=swal]) { font-size: 3.6rem; } h2:not([class*=swal]) { font-size: 2.2rem; } h3:not([class*=swal]) { font-size: 1.4rem; } h1:not([class*=swal]) br, h2:not([class*=swal]) br, h3:not([class*=swal]) br { display: inline; } } @layer modifiers{ .--bgColor-primary\:md { --inherit-bg: #1e8549; background-color: var(--inherit-bg); } .--bgColor-primary1\:md { --inherit-bg: rgba(30, 133, 73, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary2\:md { --inherit-bg: rgba(30, 133, 73, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary3\:md { --inherit-bg: rgba(30, 133, 73, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary4\:md { --inherit-bg: rgba(30, 133, 73, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary5\:md { --inherit-bg: rgba(30, 133, 73, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary6\:md { --inherit-bg: rgba(30, 133, 73, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary7\:md { --inherit-bg: rgba(30, 133, 73, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary8\:md { --inherit-bg: rgba(30, 133, 73, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary9\:md { --inherit-bg: rgba(30, 133, 73, 0.9); background-color: var(--inherit-bg); } .--bgColor-primary-complement\:md { --inherit-bg: hsl(120, 100%, -1.568627451%); background-color: var(--inherit-bg); } .--bgColor-primary-complement1\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary-complement2\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary-complement3\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary-complement4\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary-complement5\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary-complement6\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary-complement7\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary-complement8\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary-complement9\:md { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary\:md { --inherit-bg: #2ecc71; background-color: var(--inherit-bg); } .--bgColor-secondary1\:md { --inherit-bg: rgba(46, 204, 113, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary2\:md { --inherit-bg: rgba(46, 204, 113, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary3\:md { --inherit-bg: rgba(46, 204, 113, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary4\:md { --inherit-bg: rgba(46, 204, 113, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary5\:md { --inherit-bg: rgba(46, 204, 113, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary6\:md { --inherit-bg: rgba(46, 204, 113, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary7\:md { --inherit-bg: rgba(46, 204, 113, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary8\:md { --inherit-bg: rgba(46, 204, 113, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary9\:md { --inherit-bg: rgba(46, 204, 113, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary-complement\:md { --inherit-bg: #1abc9c; background-color: var(--inherit-bg); } .--bgColor-secondary-complement1\:md { --inherit-bg: rgba(26, 188, 156, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary-complement2\:md { --inherit-bg: rgba(26, 188, 156, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary-complement3\:md { --inherit-bg: rgba(26, 188, 156, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary-complement4\:md { --inherit-bg: rgba(26, 188, 156, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary-complement5\:md { --inherit-bg: rgba(26, 188, 156, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary-complement6\:md { --inherit-bg: rgba(26, 188, 156, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary-complement7\:md { --inherit-bg: rgba(26, 188, 156, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary-complement8\:md { --inherit-bg: rgba(26, 188, 156, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary-complement9\:md { --inherit-bg: rgba(26, 188, 156, 0.9); background-color: var(--inherit-bg); } .--bgColor-danger\:md { --inherit-bg: #e74c3c; background-color: var(--inherit-bg); } .--bgColor-danger1\:md { --inherit-bg: rgba(231, 76, 60, 0.1); background-color: var(--inherit-bg); } .--bgColor-danger2\:md { --inherit-bg: rgba(231, 76, 60, 0.2); background-color: var(--inherit-bg); } .--bgColor-danger3\:md { --inherit-bg: rgba(231, 76, 60, 0.3); background-color: var(--inherit-bg); } .--bgColor-danger4\:md { --inherit-bg: rgba(231, 76, 60, 0.4); background-color: var(--inherit-bg); } .--bgColor-danger5\:md { --inherit-bg: rgba(231, 76, 60, 0.5); background-color: var(--inherit-bg); } .--bgColor-danger6\:md { --inherit-bg: rgba(231, 76, 60, 0.6); background-color: var(--inherit-bg); } .--bgColor-danger7\:md { --inherit-bg: rgba(231, 76, 60, 0.7); background-color: var(--inherit-bg); } .--bgColor-danger8\:md { --inherit-bg: rgba(231, 76, 60, 0.8); background-color: var(--inherit-bg); } .--bgColor-danger9\:md { --inherit-bg: rgba(231, 76, 60, 0.9); background-color: var(--inherit-bg); } .--bgColor-success\:md { --inherit-bg: #259c21; background-color: var(--inherit-bg); } .--bgColor-success1\:md { --inherit-bg: rgba(37, 156, 33, 0.1); background-color: var(--inherit-bg); } .--bgColor-success2\:md { --inherit-bg: rgba(37, 156, 33, 0.2); background-color: var(--inherit-bg); } .--bgColor-success3\:md { --inherit-bg: rgba(37, 156, 33, 0.3); background-color: var(--inherit-bg); } .--bgColor-success4\:md { --inherit-bg: rgba(37, 156, 33, 0.4); background-color: var(--inherit-bg); } .--bgColor-success5\:md { --inherit-bg: rgba(37, 156, 33, 0.5); background-color: var(--inherit-bg); } .--bgColor-success6\:md { --inherit-bg: rgba(37, 156, 33, 0.6); background-color: var(--inherit-bg); } .--bgColor-success7\:md { --inherit-bg: rgba(37, 156, 33, 0.7); background-color: var(--inherit-bg); } .--bgColor-success8\:md { --inherit-bg: rgba(37, 156, 33, 0.8); background-color: var(--inherit-bg); } .--bgColor-success9\:md { --inherit-bg: rgba(37, 156, 33, 0.9); background-color: var(--inherit-bg); } .--bgColor-warning\:md { --inherit-bg: #f39c12; background-color: var(--inherit-bg); } .--bgColor-warning1\:md { --inherit-bg: rgba(243, 156, 18, 0.1); background-color: var(--inherit-bg); } .--bgColor-warning2\:md { --inherit-bg: rgba(243, 156, 18, 0.2); background-color: var(--inherit-bg); } .--bgColor-warning3\:md { --inherit-bg: rgba(243, 156, 18, 0.3); background-color: var(--inherit-bg); } .--bgColor-warning4\:md { --inherit-bg: rgba(243, 156, 18, 0.4); background-color: var(--inherit-bg); } .--bgColor-warning5\:md { --inherit-bg: rgba(243, 156, 18, 0.5); background-color: var(--inherit-bg); } .--bgColor-warning6\:md { --inherit-bg: rgba(243, 156, 18, 0.6); background-color: var(--inherit-bg); } .--bgColor-warning7\:md { --inherit-bg: rgba(243, 156, 18, 0.7); background-color: var(--inherit-bg); } .--bgColor-warning8\:md { --inherit-bg: rgba(243, 156, 18, 0.8); background-color: var(--inherit-bg); } .--bgColor-warning9\:md { --inherit-bg: rgba(243, 156, 18, 0.9); background-color: var(--inherit-bg); } .--bgColor\:md { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light\:md { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light1\:md { --inherit-bg: rgba(255, 255, 255, 0.1); background-color: var(--inherit-bg); } .--bgColor-light2\:md { --inherit-bg: rgba(255, 255, 255, 0.2); background-color: var(--inherit-bg); } .--bgColor-light3\:md { --inherit-bg: rgba(255, 255, 255, 0.3); background-color: var(--inherit-bg); } .--bgColor-light4\:md { --inherit-bg: rgba(255, 255, 255, 0.4); background-color: var(--inherit-bg); } .--bgColor-light5\:md { --inherit-bg: rgba(255, 255, 255, 0.5); background-color: var(--inherit-bg); } .--bgColor-light6\:md { --inherit-bg: rgba(255, 255, 255, 0.6); background-color: var(--inherit-bg); } .--bgColor-light7\:md { --inherit-bg: rgba(255, 255, 255, 0.7); background-color: var(--inherit-bg); } .--bgColor-light8\:md { --inherit-bg: rgba(255, 255, 255, 0.8); background-color: var(--inherit-bg); } .--bgColor-light9\:md { --inherit-bg: rgba(255, 255, 255, 0.9); background-color: var(--inherit-bg); } .--bgColor-dark\:md { --inherit-bg: #000; background-color: var(--inherit-bg); } .--bgColor-dark1\:md { --inherit-bg: rgba(0, 0, 0, 0.1); background-color: var(--inherit-bg); } .--bgColor-dark2\:md { --inherit-bg: rgba(0, 0, 0, 0.2); background-color: var(--inherit-bg); } .--bgColor-dark3\:md { --inherit-bg: rgba(0, 0, 0, 0.3); background-color: var(--inherit-bg); } .--bgColor-dark4\:md { --inherit-bg: rgba(0, 0, 0, 0.4); background-color: var(--inherit-bg); } .--bgColor-dark5\:md { --inherit-bg: rgba(0, 0, 0, 0.5); background-color: var(--inherit-bg); } .--bgColor-dark6\:md { --inherit-bg: rgba(0, 0, 0, 0.6); background-color: var(--inherit-bg); } .--bgColor-dark7\:md { --inherit-bg: rgba(0, 0, 0, 0.7); background-color: var(--inherit-bg); } .--bgColor-dark8\:md { --inherit-bg: rgba(0, 0, 0, 0.8); background-color: var(--inherit-bg); } .--bgColor-dark9\:md { --inherit-bg: rgba(0, 0, 0, 0.9); background-color: var(--inherit-bg); } .--bgColor-none\:md { background-color: transparent; background-image: unset; } .--bdrColor\:md { border-color: rgba(var(--rgb-secondary), 0.1); } .--bdrColor-primary\:md { border-color: #1e8549; } .--bdrColor-primary1\:md { border-color: rgba(30, 133, 73, 0.1); } .--bdrColor-primary2\:md { border-color: rgba(30, 133, 73, 0.2); } .--bdrColor-primary3\:md { border-color: rgba(30, 133, 73, 0.3); } .--bdrColor-primary4\:md { border-color: rgba(30, 133, 73, 0.4); } .--bdrColor-primary5\:md { border-color: rgba(30, 133, 73, 0.5); } .--bdrColor-primary6\:md { border-color: rgba(30, 133, 73, 0.6); } .--bdrColor-primary7\:md { border-color: rgba(30, 133, 73, 0.7); } .--bdrColor-primary8\:md { border-color: rgba(30, 133, 73, 0.8); } .--bdrColor-primary9\:md { border-color: rgba(30, 133, 73, 0.9); } .--bdrColor-primary-complement\:md { border-color: hsl(120, 100%, -1.568627451%); } .--bdrColor-primary-complement1\:md { border-color: hsla(120, 100%, -1.568627451%, 0.1); } .--bdrColor-primary-complement2\:md { border-color: hsla(120, 100%, -1.568627451%, 0.2); } .--bdrColor-primary-complement3\:md { border-color: hsla(120, 100%, -1.568627451%, 0.3); } .--bdrColor-primary-complement4\:md { border-color: hsla(120, 100%, -1.568627451%, 0.4); } .--bdrColor-primary-complement5\:md { border-color: hsla(120, 100%, -1.568627451%, 0.5); } .--bdrColor-primary-complement6\:md { border-color: hsla(120, 100%, -1.568627451%, 0.6); } .--bdrColor-primary-complement7\:md { border-color: hsla(120, 100%, -1.568627451%, 0.7); } .--bdrColor-primary-complement8\:md { border-color: hsla(120, 100%, -1.568627451%, 0.8); } .--bdrColor-primary-complement9\:md { border-color: hsla(120, 100%, -1.568627451%, 0.9); } .--bdrColor-secondary\:md { border-color: #2ecc71; } .--bdrColor-secondary1\:md { border-color: rgba(46, 204, 113, 0.1); } .--bdrColor-secondary2\:md { border-color: rgba(46, 204, 113, 0.2); } .--bdrColor-secondary3\:md { border-color: rgba(46, 204, 113, 0.3); } .--bdrColor-secondary4\:md { border-color: rgba(46, 204, 113, 0.4); } .--bdrColor-secondary5\:md { border-color: rgba(46, 204, 113, 0.5); } .--bdrColor-secondary6\:md { border-color: rgba(46, 204, 113, 0.6); } .--bdrColor-secondary7\:md { border-color: rgba(46, 204, 113, 0.7); } .--bdrColor-secondary8\:md { border-color: rgba(46, 204, 113, 0.8); } .--bdrColor-secondary9\:md { border-color: rgba(46, 204, 113, 0.9); } .--bdrColor-secondary-complement\:md { border-color: #1abc9c; } .--bdrColor-secondary-complement1\:md { border-color: rgba(26, 188, 156, 0.1); } .--bdrColor-secondary-complement2\:md { border-color: rgba(26, 188, 156, 0.2); } .--bdrColor-secondary-complement3\:md { border-color: rgba(26, 188, 156, 0.3); } .--bdrColor-secondary-complement4\:md { border-color: rgba(26, 188, 156, 0.4); } .--bdrColor-secondary-complement5\:md { border-color: rgba(26, 188, 156, 0.5); } .--bdrColor-secondary-complement6\:md { border-color: rgba(26, 188, 156, 0.6); } .--bdrColor-secondary-complement7\:md { border-color: rgba(26, 188, 156, 0.7); } .--bdrColor-secondary-complement8\:md { border-color: rgba(26, 188, 156, 0.8); } .--bdrColor-secondary-complement9\:md { border-color: rgba(26, 188, 156, 0.9); } .--bdrColor-danger\:md { border-color: #e74c3c; } .--bdrColor-danger1\:md { border-color: rgba(231, 76, 60, 0.1); } .--bdrColor-danger2\:md { border-color: rgba(231, 76, 60, 0.2); } .--bdrColor-danger3\:md { border-color: rgba(231, 76, 60, 0.3); } .--bdrColor-danger4\:md { border-color: rgba(231, 76, 60, 0.4); } .--bdrColor-danger5\:md { border-color: rgba(231, 76, 60, 0.5); } .--bdrColor-danger6\:md { border-color: rgba(231, 76, 60, 0.6); } .--bdrColor-danger7\:md { border-color: rgba(231, 76, 60, 0.7); } .--bdrColor-danger8\:md { border-color: rgba(231, 76, 60, 0.8); } .--bdrColor-danger9\:md { border-color: rgba(231, 76, 60, 0.9); } .--bdrColor-success\:md { border-color: #259c21; } .--bdrColor-success1\:md { border-color: rgba(37, 156, 33, 0.1); } .--bdrColor-success2\:md { border-color: rgba(37, 156, 33, 0.2); } .--bdrColor-success3\:md { border-color: rgba(37, 156, 33, 0.3); } .--bdrColor-success4\:md { border-color: rgba(37, 156, 33, 0.4); } .--bdrColor-success5\:md { border-color: rgba(37, 156, 33, 0.5); } .--bdrColor-success6\:md { border-color: rgba(37, 156, 33, 0.6); } .--bdrColor-success7\:md { border-color: rgba(37, 156, 33, 0.7); } .--bdrColor-success8\:md { border-color: rgba(37, 156, 33, 0.8); } .--bdrColor-success9\:md { border-color: rgba(37, 156, 33, 0.9); } .--bdrColor-warning\:md { border-color: #f39c12; } .--bdrColor-warning1\:md { border-color: rgba(243, 156, 18, 0.1); } .--bdrColor-warning2\:md { border-color: rgba(243, 156, 18, 0.2); } .--bdrColor-warning3\:md { border-color: rgba(243, 156, 18, 0.3); } .--bdrColor-warning4\:md { border-color: rgba(243, 156, 18, 0.4); } .--bdrColor-warning5\:md { border-color: rgba(243, 156, 18, 0.5); } .--bdrColor-warning6\:md { border-color: rgba(243, 156, 18, 0.6); } .--bdrColor-warning7\:md { border-color: rgba(243, 156, 18, 0.7); } .--bdrColor-warning8\:md { border-color: rgba(243, 156, 18, 0.8); } .--bdrColor-warning9\:md { border-color: rgba(243, 156, 18, 0.9); } .--bdrColor-light\:md { border-color: #fff; } .--bdrColor-light1\:md { border-color: rgba(255, 255, 255, 0.1); } .--bdrColor-light2\:md { border-color: rgba(255, 255, 255, 0.2); } .--bdrColor-light3\:md { border-color: rgba(255, 255, 255, 0.3); } .--bdrColor-light4\:md { border-color: rgba(255, 255, 255, 0.4); } .--bdrColor-light5\:md { border-color: rgba(255, 255, 255, 0.5); } .--bdrColor-light6\:md { border-color: rgba(255, 255, 255, 0.6); } .--bdrColor-light7\:md { border-color: rgba(255, 255, 255, 0.7); } .--bdrColor-light8\:md { border-color: rgba(255, 255, 255, 0.8); } .--bdrColor-light9\:md { border-color: rgba(255, 255, 255, 0.9); } .--bdrColor-dark\:md { border-color: #000; } .--bdrColor-dark1\:md { border-color: rgba(0, 0, 0, 0.1); } .--bdrColor-dark2\:md { border-color: rgba(0, 0, 0, 0.2); } .--bdrColor-dark3\:md { border-color: rgba(0, 0, 0, 0.3); } .--bdrColor-dark4\:md { border-color: rgba(0, 0, 0, 0.4); } .--bdrColor-dark5\:md { border-color: rgba(0, 0, 0, 0.5); } .--bdrColor-dark6\:md { border-color: rgba(0, 0, 0, 0.6); } .--bdrColor-dark7\:md { border-color: rgba(0, 0, 0, 0.7); } .--bdrColor-dark8\:md { border-color: rgba(0, 0, 0, 0.8); } .--bdrColor-dark9\:md { border-color: rgba(0, 0, 0, 0.9); } .--bdrColor-none\:md { border-color: transparent; } .--striped-primary\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary-complement\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped-primary-complement\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary-complement\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-secondary-complement\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-danger\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-danger\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-success\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-success), 0.1); } .--striped-success\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-success), 0.1); } .--striped-warning\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-warning\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-light\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-light), 0.1); } .--striped-light\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-light), 0.1); } .--striped-dark\:md:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-dark), 0.1); } .--striped-dark\:md.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-dark), 0.1); } .--flxAlign-end\:md { align-items: flex-end; } .--flxAlign-start\:md { align-items: flex-start; } .--flxAlign-stretch\:md { align-items: stretch; } .--flxAlign-baseline\:md { align-items: baseline; } .--flxAlign\:md, .--flxAlign-center\:md { align-items: center; } .--flxAlignSelf-end\:md { align-self: flex-end; } .--flxAlignSelf-start\:md { align-self: flex-start; } .--flxAlignSelf-stretch\:md { align-self: stretch; } .--flxAlignSelf-baseline\:md { align-self: baseline; } .--flxAlignSelf\:md, .--flxAlignSelf-center\:md { align-self: center; } .--flx-fill\:md { flex: 1 1 100%; } .--flx-fit\:md { flex: 1 0 auto; } .--flx\:md, .--flx-auto\:md { flex: 1 1 auto; } .--flxJustify-end\:md { justify-content: flex-end; } .--flxJustify-end\:md.grd { justify-items: flex-end; } .--flxJustify-start\:md { justify-content: flex-start; } .--flxJustify-start\:md.grd { justify-items: flex-start; } .--flxJustify-around\:md { justify-content: space-around; } .--flxJustify-around\:md.grd { justify-items: space-around; } .--flxJustify-evenly\:md { justify-content: space-around; justify-content: space-evenly; } .--flxJustify-evenly\:md.grd { justify-items: space-around; justify-items: space-evenly; } .--flxJustify-between\:md { justify-content: space-between; } .--flxJustify-between\:md.grd { justify-items: space-between; } .--flxJustify-stretch\:md { justify-content: stretch; } .--flxJustify-stretch\:md.grd { justify-items: stretch; } .--flxJustify\:md, .--flxJustify-center\:md { justify-content: center; } .--flxJustify\:md.grd, .--flxJustify-center\:md.grd { justify-items: center; } .--flxJustifySelf-end\:md { justify-self: flex-end; } .--flxJustifySelf-start\:md { justify-self: flex-start; } .--flxJustifySelf-around\:md { justify-self: space-around; } .--flxJustifySelf-evenly\:md { justify-self: space-around; } .--flxJustifySelf-between\:md { justify-self: space-between; } .--flxJustifySelf-stretch\:md { justify-self: stretch; } .--flxJustifySelf\:md, .--flxJustifySelf-center\:md { justify-self: center; } .--flx-between\:md { align-items: center; } .--flx-between\:md, .--flx-between-stretch\:md, .--flx-between-baseline\:md, .--flx-between-start\:md, .--flx-between-center\:md, .--flx-between-end\:md { justify-content: space-between; } .--flx-between\:md.grd, .--flx-between-stretch\:md.grd, .--flx-between-baseline\:md.grd, .--flx-between-start\:md.grd, .--flx-between-center\:md.grd, .--flx-between-end\:md.grd { justify-items: space-between; } .--flx-around\:md { align-items: center; } .--flx-around\:md, .--flx-around-stretch\:md, .--flx-around-baseline\:md, .--flx-around-start\:md, .--flx-around-center\:md, .--flx-around-end\:md { justify-content: space-around; } .--flx-around\:md.grd, .--flx-around-stretch\:md.grd, .--flx-around-baseline\:md.grd, .--flx-around-start\:md.grd, .--flx-around-center\:md.grd, .--flx-around-end\:md.grd { justify-items: space-around; } .--flx-stretch\:md { align-items: center; } .--flx-stretch\:md, .--flx-stretch-stretch\:md, .--flx-stretch-baseline\:md, .--flx-stretch-start\:md, .--flx-stretch-center\:md, .--flx-stretch-end\:md { justify-content: stretch; } .--flx-stretch\:md.grd, .--flx-stretch-stretch\:md.grd, .--flx-stretch-baseline\:md.grd, .--flx-stretch-start\:md.grd, .--flx-stretch-center\:md.grd, .--flx-stretch-end\:md.grd { justify-items: stretch; } .--flx-evenly\:md { align-items: center; } .--flx-evenly\:md, .--flx-evenly-stretch\:md, .--flx-evenly-baseline\:md, .--flx-evenly-start\:md, .--flx-evenly-center\:md, .--flx-evenly-end\:md { justify-content: space-around; justify-content: space-evenly; } .--flx-evenly\:md.grd, .--flx-evenly-stretch\:md.grd, .--flx-evenly-baseline\:md.grd, .--flx-evenly-start\:md.grd, .--flx-evenly-center\:md.grd, .--flx-evenly-end\:md.grd { justify-items: space-around; justify-items: space-evenly; } .--flx-center\:md { align-items: center; } .--flx-center\:md, .--flx-center-stretch\:md, .--flx-center-baseline\:md, .--flx-center-start\:md, .--flx-center-center\:md, .--flx-center-end\:md { justify-content: center; } .--flx-center\:md.grd, .--flx-center-stretch\:md.grd, .--flx-center-baseline\:md.grd, .--flx-center-start\:md.grd, .--flx-center-center\:md.grd, .--flx-center-end\:md.grd { justify-items: center; } .--flx-start\:md { align-items: flex-start; } .--flx-start\:md, .--flx-start-stretch\:md, .--flx-start-baseline\:md, .--flx-start-start\:md, .--flx-start-center\:md, .--flx-start-end\:md { justify-content: flex-start; } .--flx-start\:md.grd, .--flx-start-stretch\:md.grd, .--flx-start-baseline\:md.grd, .--flx-start-start\:md.grd, .--flx-start-center\:md.grd, .--flx-start-end\:md.grd { justify-items: flex-start; } .--flx-end\:md { align-items: flex-end; } .--flx-end\:md, .--flx-end-stretch\:md, .--flx-end-baseline\:md, .--flx-end-start\:md, .--flx-end-center\:md, .--flx-end-end\:md { justify-content: flex-end; } .--flx-end\:md.grd, .--flx-end-stretch\:md.grd, .--flx-end-baseline\:md.grd, .--flx-end-start\:md.grd, .--flx-end-center\:md.grd, .--flx-end-end\:md.grd { justify-items: flex-end; } .--flx-start-start\:md, .--flx-center-start\:md, .--flx-end-start\:md, .--flx-stretch-start\:md, .--flx-between-start\:md, .--flx-around-start\:md, .--flx-evenly-start\:md { align-items: flex-start; } .--flx-start-center\:md, .--flx-center-center\:md, .--flx-end-center\:md, .--flx-stretch-center\:md, .--flx-between-center\:md, .--flx-around-center\:md, .--flx-evenly-center\:md { align-items: center; } .--flx-start-end\:md, .--flx-center-end\:md, .--flx-end-end\:md, .--flx-stretch-end\:md, .--flx-between-end\:md, .--flx-around-end\:md, .--flx-evenly-end\:md { align-items: flex-end; } .--flx-start-stretch\:md, .--flx-center-stretch\:md, .--flx-end-stretch\:md, .--flx-stretch-stretch\:md, .--flx-between-stretch\:md, .--flx-around-stretch\:md, .--flx-evenly-stretch\:md { align-items: stretch; } .--flx-start-baseline\:md, .--flx-center-baseline\:md, .--flx-end-baseline\:md, .--flx-stretch-baseline\:md, .--flx-between-baseline\:md, .--flx-around-baseline\:md, .--flx-evenly-baseline\:md { align-items: baseline; } .--flxSelf-between\:md { align-self: center; } .--flxSelf-between\:md, .--flxSelf-between-stretch\:md, .--flxSelf-between-baseline\:md, .--flxSelf-between-start\:md, .--flxSelf-between-center\:md, .--flxSelf-between-end\:md { justify-self: space-between; } .--flxSelf-around\:md { align-self: center; } .--flxSelf-around\:md, .--flxSelf-around-stretch\:md, .--flxSelf-around-baseline\:md, .--flxSelf-around-start\:md, .--flxSelf-around-center\:md, .--flxSelf-around-end\:md { justify-self: space-around; } .--flxSelf-stretch\:md { align-self: center; } .--flxSelf-stretch\:md, .--flxSelf-stretch-stretch\:md, .--flxSelf-stretch-baseline\:md, .--flxSelf-stretch-start\:md, .--flxSelf-stretch-center\:md, .--flxSelf-stretch-end\:md { justify-self: stretch; } .--flxSelf-evenly\:md { align-self: center; } .--flxSelf-evenly\:md, .--flxSelf-evenly-stretch\:md, .--flxSelf-evenly-baseline\:md, .--flxSelf-evenly-start\:md, .--flxSelf-evenly-center\:md, .--flxSelf-evenly-end\:md { justify-self: space-around; justify-self: space-evenly; } .--flxSelf-center\:md { align-self: center; } .--flxSelf-center\:md, .--flxSelf-center-stretch\:md, .--flxSelf-center-baseline\:md, .--flxSelf-center-start\:md, .--flxSelf-center-center\:md, .--flxSelf-center-end\:md { justify-self: center; } .--flxSelf-start\:md { align-self: flex-start; } .--flxSelf-start\:md, .--flxSelf-start-stretch\:md, .--flxSelf-start-baseline\:md, .--flxSelf-start-start\:md, .--flxSelf-start-center\:md, .--flxSelf-start-end\:md { justify-self: flex-start; } .--flxSelf-end\:md { align-self: flex-end; } .--flxSelf-end\:md, .--flxSelf-end-stretch\:md, .--flxSelf-end-baseline\:md, .--flxSelf-end-start\:md, .--flxSelf-end-center\:md, .--flxSelf-end-end\:md { justify-self: flex-end; } .--flxSelf-start-start\:md, .--flxSelf-center-start\:md, .--flxSelf-end-start\:md, .--flxSelf-stretch-start\:md, .--flxSelf-between-start\:md, .--flxSelf-around-start\:md, .--flxSelf-evenly-start\:md { align-self: flex-start; } .--flxSelf-start-center\:md, .--flxSelf-center-center\:md, .--flxSelf-end-center\:md, .--flxSelf-stretch-center\:md, .--flxSelf-between-center\:md, .--flxSelf-around-center\:md, .--flxSelf-evenly-center\:md { align-self: center; } .--flxSelf-start-end\:md, .--flxSelf-center-end\:md, .--flxSelf-end-end\:md, .--flxSelf-stretch-end\:md, .--flxSelf-between-end\:md, .--flxSelf-around-end\:md, .--flxSelf-evenly-end\:md { align-self: flex-end; } .--flxSelf-start-stretch\:md, .--flxSelf-center-stretch\:md, .--flxSelf-end-stretch\:md, .--flxSelf-stretch-stretch\:md, .--flxSelf-between-stretch\:md, .--flxSelf-around-stretch\:md, .--flxSelf-evenly-stretch\:md { align-self: stretch; } .--flxSelf-start-baseline\:md, .--flxSelf-center-baseline\:md, .--flxSelf-end-baseline\:md, .--flxSelf-stretch-baseline\:md, .--flxSelf-between-baseline\:md, .--flxSelf-around-baseline\:md, .--flxSelf-evenly-baseline\:md { align-self: baseline; } .--gap\:md { gap: 1rem; } .--gap-0\:md, .--gap-none\:md { gap: 0; } .--gapX\:md { column-gap: 1rem; } .--gapX-0\:md, .--gapX-none\:md { column-gap: 0; } .--gapY\:md { row-gap: 1rem; } .--gapY-0\:md, .--gapY-none\:md { row-gap: 0; } .--gap-5\:md { gap: 0.3333333333rem; } .--gapX-5\:md { column-gap: 0.3333333333rem; } .--gapY-5\:md { row-gap: 0.3333333333rem; } .--gap-10\:md { gap: 0.6666666667rem; } .--gapX-10\:md { column-gap: 0.6666666667rem; } .--gapY-10\:md { row-gap: 0.6666666667rem; } .--gap-15\:md { gap: 1rem; } .--gapX-15\:md { column-gap: 1rem; } .--gapY-15\:md { row-gap: 1rem; } .--gap-20\:md { gap: 1.3333333333rem; } .--gapX-20\:md { column-gap: 1.3333333333rem; } .--gapY-20\:md { row-gap: 1.3333333333rem; } .--gap-25\:md { gap: 1.6666666667rem; } .--gapX-25\:md { column-gap: 1.6666666667rem; } .--gapY-25\:md { row-gap: 1.6666666667rem; } .--gap-30\:md { gap: 2rem; } .--gapX-30\:md { column-gap: 2rem; } .--gapY-30\:md { row-gap: 2rem; } .--gap-35\:md { gap: 2.3333333333rem; } .--gapX-35\:md { column-gap: 2.3333333333rem; } .--gapY-35\:md { row-gap: 2.3333333333rem; } .--gap-40\:md { gap: 2.6666666667rem; } .--gapX-40\:md { column-gap: 2.6666666667rem; } .--gapY-40\:md { row-gap: 2.6666666667rem; } .--gap-45\:md { gap: 3rem; } .--gapX-45\:md { column-gap: 3rem; } .--gapY-45\:md { row-gap: 3rem; } .--gap-50\:md { gap: 3.3333333333rem; } .--gapX-50\:md { column-gap: 3.3333333333rem; } .--gapY-50\:md { row-gap: 3.3333333333rem; } .--height-quarter\:md, .--height-25\:md { height: 25%; } .--height-third\:md, .--height-33\:md { height: 33%; } .--height-half\:md, .--height-50\:md { height: 50%; } .--height-0\:md { height: 0; } .--height-none\:md { height: unset; height: none; } .--height-100\:md, .--height-full\:md { height: 100%; } .--height-1920\:md { height: 128rem; } .--height-1080\:md { height: 72rem; } .--height-480\:md { height: 32rem; } .--height-440\:md { height: 29rem; } .--height-220\:md { height: 15rem; } .--height-180\:md { height: 12rem; } .--height-90\:md { height: 6rem; } .--heightVw\:md { height: 25vw; height: 25dvw; } .--heightVw-30\:md { height: 30vw; height: 30dvw; } .--heightVw-40\:md { height: 40vw; height: 40dvw; } .--heightVw-50\:md { height: 50vw; height: 50dvw; } .--heightVw-60\:md { height: 60vw; height: 60dvw; } .--heightVw-70\:md { height: 70vw; height: 70dvw; } .--heightVw-80\:md { height: 80vw; height: 80dvw; } .--heightVw-90\:md { height: 90vw; height: 90dvw; } .--heightVw-100\:md { height: 100vw; height: 100dvw; } .--heightVh\:md { height: 25vh; height: 25dvh; } .--heightVh-30\:md { height: 30vh; height: 30dvh; } .--heightVh-40\:md { height: 40vh; height: 40dvh; } .--heightVh-50\:md { height: 50vh; height: 50dvh; } .--heightVh-60\:md { height: 60vh; height: 60dvh; } .--heightVh-70\:md { height: 70vh; height: 70dvh; } .--heightVh-80\:md { height: 80vh; height: 80dvh; } .--heightVh-90\:md { height: 90vh; height: 90dvh; } .--heightVh-100\:md { height: 100vh; height: 100dvh; } .--height\:md, .--height-auto\:md { height: auto; } .--height-fit\:md { height: fit-content; } .--height-max\:md { height: max-content; } .--height-min\:md { height: min-content; } .--minHeight-quarter\:md, .--minHeight-25\:md { min-height: 25%; } .--minHeight-third\:md, .--minHeight-33\:md { min-height: 33%; } .--minHeight-half\:md, .--minHeight-50\:md { min-height: 50%; } .--minHeight-0\:md { min-height: 0; } .--minHeight-none\:md { min-height: unset; min-height: none; } .--minHeight-100\:md, .--minHeight-full\:md { min-height: 100%; } .--minHeight-1920\:md { min-height: 128rem; } .--minHeight-1080\:md { min-height: 72rem; } .--minHeight-480\:md { min-height: 32rem; } .--minHeight-440\:md { min-height: 29rem; } .--minHeight-220\:md { min-height: 15rem; } .--minHeight-180\:md { min-height: 12rem; } .--minHeight-90\:md { min-height: 6rem; } .--minHeightVw\:md { min-height: 25vw; min-height: 25dvw; } .--minHeightVw-30\:md { min-height: 30vw; min-height: 30dvw; } .--minHeightVw-40\:md { min-height: 40vw; min-height: 40dvw; } .--minHeightVw-50\:md { min-height: 50vw; min-height: 50dvw; } .--minHeightVw-60\:md { min-height: 60vw; min-height: 60dvw; } .--minHeightVw-70\:md { min-height: 70vw; min-height: 70dvw; } .--minHeightVw-80\:md { min-height: 80vw; min-height: 80dvw; } .--minHeightVw-90\:md { min-height: 90vw; min-height: 90dvw; } .--minHeightVw-100\:md { min-height: 100vw; min-height: 100dvw; } .--minHeightVh\:md { min-height: 25vh; min-height: 25dvh; } .--minHeightVh-30\:md { min-height: 30vh; min-height: 30dvh; } .--minHeightVh-40\:md { min-height: 40vh; min-height: 40dvh; } .--minHeightVh-50\:md { min-height: 50vh; min-height: 50dvh; } .--minHeightVh-60\:md { min-height: 60vh; min-height: 60dvh; } .--minHeightVh-70\:md { min-height: 70vh; min-height: 70dvh; } .--minHeightVh-80\:md { min-height: 80vh; min-height: 80dvh; } .--minHeightVh-90\:md { min-height: 90vh; min-height: 90dvh; } .--minHeightVh-100\:md { min-height: 100vh; min-height: 100dvh; } .--minHeight\:md, .--minHeight-1200\:md { min-height: 75rem; } .--minHeight-fit\:md { min-height: fit-content; } .--minHeight-max\:md { min-height: max-content; } .--minHeight-min\:md { min-height: min-content; } .--maxHeight-quarter\:md, .--maxHeight-25\:md { max-height: 25%; } .--maxHeight-third\:md, .--maxHeight-33\:md { max-height: 33%; } .--maxHeight-half\:md, .--maxHeight-50\:md { max-height: 50%; } .--maxHeight-0\:md { max-height: 0; } .--maxHeight-none\:md { max-height: unset; max-height: none; } .--maxHeight-100\:md, .--maxHeight-full\:md { max-height: 100%; } .--maxHeight-1920\:md { max-height: 128rem; } .--maxHeight-1080\:md { max-height: 72rem; } .--maxHeight-480\:md { max-height: 32rem; } .--maxHeight-440\:md { max-height: 29rem; } .--maxHeight-220\:md { max-height: 15rem; } .--maxHeight-180\:md { max-height: 12rem; } .--maxHeight-90\:md { max-height: 6rem; } .--maxHeightVw\:md { max-height: 25vw; max-height: 25dvw; } .--maxHeightVw-30\:md { max-height: 30vw; max-height: 30dvw; } .--maxHeightVw-40\:md { max-height: 40vw; max-height: 40dvw; } .--maxHeightVw-50\:md { max-height: 50vw; max-height: 50dvw; } .--maxHeightVw-60\:md { max-height: 60vw; max-height: 60dvw; } .--maxHeightVw-70\:md { max-height: 70vw; max-height: 70dvw; } .--maxHeightVw-80\:md { max-height: 80vw; max-height: 80dvw; } .--maxHeightVw-90\:md { max-height: 90vw; max-height: 90dvw; } .--maxHeightVw-100\:md { max-height: 100vw; max-height: 100dvw; } .--maxHeightVh\:md { max-height: 25vh; max-height: 25dvh; } .--maxHeightVh-30\:md { max-height: 30vh; max-height: 30dvh; } .--maxHeightVh-40\:md { max-height: 40vh; max-height: 40dvh; } .--maxHeightVh-50\:md { max-height: 50vh; max-height: 50dvh; } .--maxHeightVh-60\:md { max-height: 60vh; max-height: 60dvh; } .--maxHeightVh-70\:md { max-height: 70vh; max-height: 70dvh; } .--maxHeightVh-80\:md { max-height: 80vh; max-height: 80dvh; } .--maxHeightVh-90\:md { max-height: 90vh; max-height: 90dvh; } .--maxHeightVh-100\:md { max-height: 100vh; max-height: 100dvh; } .--maxHeight\:md, .--maxHeight-1200\:md { max-height: 75rem; } .--maxHeight-fit\:md { max-height: fit-content; } .--maxHeight-max\:md { max-height: max-content; } .--maxHeight-min\:md { max-height: min-content; } .--m\:md { margin: 1rem; } .--m-0\:md, .--m-none\:md { margin: unset; margin: none; margin: 0; } .--mX\:md { margin-left: 1rem; margin-right: 1rem; } .--mX-0\:md, .--mX-none\:md { margin-left: unset; margin-left: none; margin-left: 0; margin-right: unset; margin-right: none; margin-right: 0; } .--mY\:md { margin-top: 1rem; margin-bottom: 1rem; } .--mY-0\:md, .--mY-none\:md { margin-top: unset; margin-top: none; margin-top: 0; margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--m-5\:md { margin: 0.3333333333rem; } .--mX-5\:md { margin-left: 0.3333333333rem; margin-right: 0.3333333333rem; } .--mY-5\:md { margin-top: 0.3333333333rem; margin-bottom: 0.3333333333rem; } .--m-10\:md { margin: 0.6666666667rem; } .--mX-10\:md { margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; } .--mY-10\:md { margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; } .--m-15\:md { margin: 1rem; } .--mX-15\:md { margin-left: 1rem; margin-right: 1rem; } .--mY-15\:md { margin-top: 1rem; margin-bottom: 1rem; } .--m-20\:md { margin: 1.3333333333rem; } .--mX-20\:md { margin-left: 1.3333333333rem; margin-right: 1.3333333333rem; } .--mY-20\:md { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } .--m-25\:md { margin: 1.6666666667rem; } .--mX-25\:md { margin-left: 1.6666666667rem; margin-right: 1.6666666667rem; } .--mY-25\:md { margin-top: 1.6666666667rem; margin-bottom: 1.6666666667rem; } .--m-30\:md { margin: 2rem; } .--mX-30\:md { margin-left: 2rem; margin-right: 2rem; } .--mY-30\:md { margin-top: 2rem; margin-bottom: 2rem; } .--m-35\:md { margin: 2.3333333333rem; } .--mX-35\:md { margin-left: 2.3333333333rem; margin-right: 2.3333333333rem; } .--mY-35\:md { margin-top: 2.3333333333rem; margin-bottom: 2.3333333333rem; } .--m-40\:md { margin: 2.6666666667rem; } .--mX-40\:md { margin-left: 2.6666666667rem; margin-right: 2.6666666667rem; } .--mY-40\:md { margin-top: 2.6666666667rem; margin-bottom: 2.6666666667rem; } .--m-45\:md { margin: 3rem; } .--mX-45\:md { margin-left: 3rem; margin-right: 3rem; } .--mY-45\:md { margin-top: 3rem; margin-bottom: 3rem; } .--m-50\:md { margin: 3.3333333333rem; } .--mX-50\:md { margin-left: 3.3333333333rem; margin-right: 3.3333333333rem; } .--mY-50\:md { margin-top: 3.3333333333rem; margin-bottom: 3.3333333333rem; } .--mTop\:md { margin-top: 1rem; } .--mTop-0\:md, .--mTop-none\:md { margin-top: unset; margin-top: none; margin-top: 0; } .--mTop-5\:md { margin-top: 0.3333333333rem; } .--mTop-10\:md { margin-top: 0.6666666667rem; } .--mTop-15\:md { margin-top: 1rem; } .--mTop-20\:md { margin-top: 1.3333333333rem; } .--mTop-25\:md { margin-top: 1.6666666667rem; } .--mTop-30\:md { margin-top: 2rem; } .--mTop-35\:md { margin-top: 2.3333333333rem; } .--mTop-40\:md { margin-top: 2.6666666667rem; } .--mTop-45\:md { margin-top: 3rem; } .--mTop-50\:md { margin-top: 3.3333333333rem; } .--mRight\:md { margin-right: 1rem; } .--mRight-0\:md, .--mRight-none\:md { margin-right: unset; margin-right: none; margin-right: 0; } .--mRight-5\:md { margin-right: 0.3333333333rem; } .--mRight-10\:md { margin-right: 0.6666666667rem; } .--mRight-15\:md { margin-right: 1rem; } .--mRight-20\:md { margin-right: 1.3333333333rem; } .--mRight-25\:md { margin-right: 1.6666666667rem; } .--mRight-30\:md { margin-right: 2rem; } .--mRight-35\:md { margin-right: 2.3333333333rem; } .--mRight-40\:md { margin-right: 2.6666666667rem; } .--mRight-45\:md { margin-right: 3rem; } .--mRight-50\:md { margin-right: 3.3333333333rem; } .--mBottom\:md { margin-bottom: 1rem; } .--mBottom-0\:md, .--mBottom-none\:md { margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--mBottom-5\:md { margin-bottom: 0.3333333333rem; } .--mBottom-10\:md { margin-bottom: 0.6666666667rem; } .--mBottom-15\:md { margin-bottom: 1rem; } .--mBottom-20\:md { margin-bottom: 1.3333333333rem; } .--mBottom-25\:md { margin-bottom: 1.6666666667rem; } .--mBottom-30\:md { margin-bottom: 2rem; } .--mBottom-35\:md { margin-bottom: 2.3333333333rem; } .--mBottom-40\:md { margin-bottom: 2.6666666667rem; } .--mBottom-45\:md { margin-bottom: 3rem; } .--mBottom-50\:md { margin-bottom: 3.3333333333rem; } .--mLeft\:md { margin-left: 1rem; } .--mLeft-0\:md, .--mLeft-none\:md { margin-left: unset; margin-left: none; margin-left: 0; } .--mLeft-5\:md { margin-left: 0.3333333333rem; } .--mLeft-10\:md { margin-left: 0.6666666667rem; } .--mLeft-15\:md { margin-left: 1rem; } .--mLeft-20\:md { margin-left: 1.3333333333rem; } .--mLeft-25\:md { margin-left: 1.6666666667rem; } .--mLeft-30\:md { margin-left: 2rem; } .--mLeft-35\:md { margin-left: 2.3333333333rem; } .--mLeft-40\:md { margin-left: 2.6666666667rem; } .--mLeft-45\:md { margin-left: 3rem; } .--mLeft-50\:md { margin-left: 3.3333333333rem; } .--m-center\:md { margin: 0 auto; } .--mX-left\:md { margin-left: 0; margin-right: auto; } .--mX-right\:md { margin-left: auto; margin-right: 0; } .--mX\:md, .--mX-center\:md { margin-left: auto; margin-right: auto; } .--mY-top\:md { margin-top: 0; margin-bottom: auto; } .--mY-bottom\:md { margin-top: auto; margin-bottom: 0; } .--mY\:md, .--mY-center\:md { margin-top: auto; margin-bottom: auto; } .--p\:md { padding: 1rem; } .--p-0\:md, .--p-none\:md { padding: unset; padding: none; padding: 0; } .--pX\:md { padding-left: 1rem; padding-right: 1rem; } .--pX-0\:md, .--pX-none\:md { padding-left: unset; padding-left: none; padding-left: 0; padding-right: unset; padding-right: none; padding-right: 0; } .--pY\:md { padding-top: 1rem; padding-bottom: 1rem; } .--pY-0\:md, .--pY-none\:md { padding-top: unset; padding-top: none; padding-top: 0; padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--p-5\:md { padding: 0.3333333333rem; } .--pX-5\:md { padding-left: 0.3333333333rem; padding-right: 0.3333333333rem; } .--pY-5\:md { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; } .--p-10\:md { padding: 0.6666666667rem; } .--pX-10\:md { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } .--pY-10\:md { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; } .--p-15\:md { padding: 1rem; } .--pX-15\:md { padding-left: 1rem; padding-right: 1rem; } .--pY-15\:md { padding-top: 1rem; padding-bottom: 1rem; } .--p-20\:md { padding: 1.3333333333rem; } .--pX-20\:md { padding-left: 1.3333333333rem; padding-right: 1.3333333333rem; } .--pY-20\:md { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } .--p-25\:md { padding: 1.6666666667rem; } .--pX-25\:md { padding-left: 1.6666666667rem; padding-right: 1.6666666667rem; } .--pY-25\:md { padding-top: 1.6666666667rem; padding-bottom: 1.6666666667rem; } .--p-30\:md { padding: 2rem; } .--pX-30\:md { padding-left: 2rem; padding-right: 2rem; } .--pY-30\:md { padding-top: 2rem; padding-bottom: 2rem; } .--p-35\:md { padding: 2.3333333333rem; } .--pX-35\:md { padding-left: 2.3333333333rem; padding-right: 2.3333333333rem; } .--pY-35\:md { padding-top: 2.3333333333rem; padding-bottom: 2.3333333333rem; } .--p-40\:md { padding: 2.6666666667rem; } .--pX-40\:md { padding-left: 2.6666666667rem; padding-right: 2.6666666667rem; } .--pY-40\:md { padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; } .--p-45\:md { padding: 3rem; } .--pX-45\:md { padding-left: 3rem; padding-right: 3rem; } .--pY-45\:md { padding-top: 3rem; padding-bottom: 3rem; } .--p-50\:md { padding: 3.3333333333rem; } .--pX-50\:md { padding-left: 3.3333333333rem; padding-right: 3.3333333333rem; } .--pY-50\:md { padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; } .--pTop\:md { padding-top: 1rem; } .--pTop-0\:md, .--pTop-none\:md { padding-top: unset; padding-top: none; padding-top: 0; } .--pTop-5\:md { padding-top: 0.3333333333rem; } .--pTop-10\:md { padding-top: 0.6666666667rem; } .--pTop-15\:md { padding-top: 1rem; } .--pTop-20\:md { padding-top: 1.3333333333rem; } .--pTop-25\:md { padding-top: 1.6666666667rem; } .--pTop-30\:md { padding-top: 2rem; } .--pTop-35\:md { padding-top: 2.3333333333rem; } .--pTop-40\:md { padding-top: 2.6666666667rem; } .--pTop-45\:md { padding-top: 3rem; } .--pTop-50\:md { padding-top: 3.3333333333rem; } .--pRight\:md { padding-right: 1rem; } .--pRight-0\:md, .--pRight-none\:md { padding-right: unset; padding-right: none; padding-right: 0; } .--pRight-5\:md { padding-right: 0.3333333333rem; } .--pRight-10\:md { padding-right: 0.6666666667rem; } .--pRight-15\:md { padding-right: 1rem; } .--pRight-20\:md { padding-right: 1.3333333333rem; } .--pRight-25\:md { padding-right: 1.6666666667rem; } .--pRight-30\:md { padding-right: 2rem; } .--pRight-35\:md { padding-right: 2.3333333333rem; } .--pRight-40\:md { padding-right: 2.6666666667rem; } .--pRight-45\:md { padding-right: 3rem; } .--pRight-50\:md { padding-right: 3.3333333333rem; } .--pBottom\:md { padding-bottom: 1rem; } .--pBottom-0\:md, .--pBottom-none\:md { padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--pBottom-5\:md { padding-bottom: 0.3333333333rem; } .--pBottom-10\:md { padding-bottom: 0.6666666667rem; } .--pBottom-15\:md { padding-bottom: 1rem; } .--pBottom-20\:md { padding-bottom: 1.3333333333rem; } .--pBottom-25\:md { padding-bottom: 1.6666666667rem; } .--pBottom-30\:md { padding-bottom: 2rem; } .--pBottom-35\:md { padding-bottom: 2.3333333333rem; } .--pBottom-40\:md { padding-bottom: 2.6666666667rem; } .--pBottom-45\:md { padding-bottom: 3rem; } .--pBottom-50\:md { padding-bottom: 3.3333333333rem; } .--pLeft\:md { padding-left: 1rem; } .--pLeft-0\:md, .--pLeft-none\:md { padding-left: unset; padding-left: none; padding-left: 0; } .--pLeft-5\:md { padding-left: 0.3333333333rem; } .--pLeft-10\:md { padding-left: 0.6666666667rem; } .--pLeft-15\:md { padding-left: 1rem; } .--pLeft-20\:md { padding-left: 1.3333333333rem; } .--pLeft-25\:md { padding-left: 1.6666666667rem; } .--pLeft-30\:md { padding-left: 2rem; } .--pLeft-35\:md { padding-left: 2.3333333333rem; } .--pLeft-40\:md { padding-left: 2.6666666667rem; } .--pLeft-45\:md { padding-left: 3rem; } .--pLeft-50\:md { padding-left: 3.3333333333rem; } .--width-quarter\:md, .--width-25\:md { width: 25%; } .--width-third\:md, .--width-33\:md { width: 33%; } .--width-half\:md, .--width-50\:md { width: 50%; } .--width-0\:md { width: 0; } .--width-none\:md { width: unset; width: none; } .--width-100\:md, .--width-full\:md { width: 100%; } .--width-1920\:md { width: 128rem; } .--width-1080\:md { width: 72rem; } .--width-480\:md { width: 32rem; } .--width-440\:md { width: 29rem; } .--width-220\:md { width: 15rem; } .--width-180\:md { width: 12rem; } .--width-90\:md { width: 6rem; } .--widthVw\:md { width: 25vw; width: 25dvw; } .--widthVw-30\:md { width: 30vw; width: 30dvw; } .--widthVw-40\:md { width: 40vw; width: 40dvw; } .--widthVw-50\:md { width: 50vw; width: 50dvw; } .--widthVw-60\:md { width: 60vw; width: 60dvw; } .--widthVw-70\:md { width: 70vw; width: 70dvw; } .--widthVw-80\:md { width: 80vw; width: 80dvw; } .--widthVw-90\:md { width: 90vw; width: 90dvw; } .--widthVw-100\:md { width: 100vw; width: 100dvw; } .--widthVh\:md { width: 25vh; width: 25dvh; } .--widthVh-30\:md { width: 30vh; width: 30dvh; } .--widthVh-40\:md { width: 40vh; width: 40dvh; } .--widthVh-50\:md { width: 50vh; width: 50dvh; } .--widthVh-60\:md { width: 60vh; width: 60dvh; } .--widthVh-70\:md { width: 70vh; width: 70dvh; } .--widthVh-80\:md { width: 80vh; width: 80dvh; } .--widthVh-90\:md { width: 90vh; width: 90dvh; } .--widthVh-100\:md { width: 100vh; width: 100dvh; } .--width\:md, .--width-auto\:md { width: auto; } .--width-fit\:md { width: fit-content; } .--width-max\:md { width: max-content; } .--width-min\:md { width: min-content; } .--minWidth-quarter\:md, .--minWidth-25\:md { min-width: 25%; } .--minWidth-third\:md, .--minWidth-33\:md { min-width: 33%; } .--minWidth-half\:md, .--minWidth-50\:md { min-width: 50%; } .--minWidth-0\:md { min-width: 0; } .--minWidth-none\:md { min-width: unset; min-width: none; } .--minWidth-100\:md, .--minWidth-full\:md { min-width: 100%; } .--minWidth-1920\:md { min-width: 128rem; } .--minWidth-1080\:md { min-width: 72rem; } .--minWidth-480\:md { min-width: 32rem; } .--minWidth-440\:md { min-width: 29rem; } .--minWidth-220\:md { min-width: 15rem; } .--minWidth-180\:md { min-width: 12rem; } .--minWidth-90\:md { min-width: 6rem; } .--minWidthVw\:md { min-width: 25vw; min-width: 25dvw; } .--minWidthVw-30\:md { min-width: 30vw; min-width: 30dvw; } .--minWidthVw-40\:md { min-width: 40vw; min-width: 40dvw; } .--minWidthVw-50\:md { min-width: 50vw; min-width: 50dvw; } .--minWidthVw-60\:md { min-width: 60vw; min-width: 60dvw; } .--minWidthVw-70\:md { min-width: 70vw; min-width: 70dvw; } .--minWidthVw-80\:md { min-width: 80vw; min-width: 80dvw; } .--minWidthVw-90\:md { min-width: 90vw; min-width: 90dvw; } .--minWidthVw-100\:md { min-width: 100vw; min-width: 100dvw; } .--minWidthVh\:md { min-width: 25vh; min-width: 25dvh; } .--minWidthVh-30\:md { min-width: 30vh; min-width: 30dvh; } .--minWidthVh-40\:md { min-width: 40vh; min-width: 40dvh; } .--minWidthVh-50\:md { min-width: 50vh; min-width: 50dvh; } .--minWidthVh-60\:md { min-width: 60vh; min-width: 60dvh; } .--minWidthVh-70\:md { min-width: 70vh; min-width: 70dvh; } .--minWidthVh-80\:md { min-width: 80vh; min-width: 80dvh; } .--minWidthVh-90\:md { min-width: 90vh; min-width: 90dvh; } .--minWidthVh-100\:md { min-width: 100vh; min-width: 100dvh; } .--minWidth\:md, .--minWidth-1200\:md { min-width: 75rem; } .--minWidth-fit\:md { min-width: fit-content; } .--minWidth-max\:md { min-width: max-content; } .--minWidth-min\:md { min-width: min-content; } .--maxWidth-quarter\:md, .--maxWidth-25\:md { max-width: 25%; } .--maxWidth-third\:md, .--maxWidth-33\:md { max-width: 33%; } .--maxWidth-half\:md, .--maxWidth-50\:md { max-width: 50%; } .--maxWidth-0\:md { max-width: 0; } .--maxWidth-none\:md { max-width: unset; max-width: none; } .--maxWidth-100\:md, .--maxWidth-full\:md { max-width: 100%; } .--maxWidth-1920\:md { max-width: 128rem; } .--maxWidth-1080\:md { max-width: 72rem; } .--maxWidth-480\:md { max-width: 32rem; } .--maxWidth-440\:md { max-width: 29rem; } .--maxWidth-220\:md { max-width: 15rem; } .--maxWidth-180\:md { max-width: 12rem; } .--maxWidth-90\:md { max-width: 6rem; } .--maxWidthVw\:md { max-width: 25vw; max-width: 25dvw; } .--maxWidthVw-30\:md { max-width: 30vw; max-width: 30dvw; } .--maxWidthVw-40\:md { max-width: 40vw; max-width: 40dvw; } .--maxWidthVw-50\:md { max-width: 50vw; max-width: 50dvw; } .--maxWidthVw-60\:md { max-width: 60vw; max-width: 60dvw; } .--maxWidthVw-70\:md { max-width: 70vw; max-width: 70dvw; } .--maxWidthVw-80\:md { max-width: 80vw; max-width: 80dvw; } .--maxWidthVw-90\:md { max-width: 90vw; max-width: 90dvw; } .--maxWidthVw-100\:md { max-width: 100vw; max-width: 100dvw; } .--maxWidthVh\:md { max-width: 25vh; max-width: 25dvh; } .--maxWidthVh-30\:md { max-width: 30vh; max-width: 30dvh; } .--maxWidthVh-40\:md { max-width: 40vh; max-width: 40dvh; } .--maxWidthVh-50\:md { max-width: 50vh; max-width: 50dvh; } .--maxWidthVh-60\:md { max-width: 60vh; max-width: 60dvh; } .--maxWidthVh-70\:md { max-width: 70vh; max-width: 70dvh; } .--maxWidthVh-80\:md { max-width: 80vh; max-width: 80dvh; } .--maxWidthVh-90\:md { max-width: 90vh; max-width: 90dvh; } .--maxWidthVh-100\:md { max-width: 100vh; max-width: 100dvh; } .--maxWidth\:md, .--maxWidth-1200\:md { max-width: 75rem; } .--maxWidth-fit\:md { max-width: fit-content; } .--maxWidth-max\:md { max-width: max-content; } .--maxWidth-min\:md { max-width: min-content; } .--txtAlign-right\:md { text-align: right; } .--txtAlign-right\:md:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:md { text-align: center; } .--txtAlign-center\:md:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:md { text-align: justify; } .--txtAlign-justify\:md:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:md, .--txtAlign-left\:md { text-align: left; } .--txtAlign\:md:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:md:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:md:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:md:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:md:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:md:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:md:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtColor\:md { color: #2f4858; } .--txtColor-primary\:md { color: #1e8549; } .--txtColor-primary1\:md { color: rgba(30, 133, 73, 0.1); } .--txtColor-primary2\:md { color: rgba(30, 133, 73, 0.2); } .--txtColor-primary3\:md { color: rgba(30, 133, 73, 0.3); } .--txtColor-primary4\:md { color: rgba(30, 133, 73, 0.4); } .--txtColor-primary5\:md { color: rgba(30, 133, 73, 0.5); } .--txtColor-primary6\:md { color: rgba(30, 133, 73, 0.6); } .--txtColor-primary7\:md { color: rgba(30, 133, 73, 0.7); } .--txtColor-primary8\:md { color: rgba(30, 133, 73, 0.8); } .--txtColor-primary9\:md { color: rgba(30, 133, 73, 0.9); } .--txtColor-primary-complement\:md { color: hsl(120, 100%, -1.568627451%); } .--txtColor-primary-complement1\:md { color: hsla(120, 100%, -1.568627451%, 0.1); } .--txtColor-primary-complement2\:md { color: hsla(120, 100%, -1.568627451%, 0.2); } .--txtColor-primary-complement3\:md { color: hsla(120, 100%, -1.568627451%, 0.3); } .--txtColor-primary-complement4\:md { color: hsla(120, 100%, -1.568627451%, 0.4); } .--txtColor-primary-complement5\:md { color: hsla(120, 100%, -1.568627451%, 0.5); } .--txtColor-primary-complement6\:md { color: hsla(120, 100%, -1.568627451%, 0.6); } .--txtColor-primary-complement7\:md { color: hsla(120, 100%, -1.568627451%, 0.7); } .--txtColor-primary-complement8\:md { color: hsla(120, 100%, -1.568627451%, 0.8); } .--txtColor-primary-complement9\:md { color: hsla(120, 100%, -1.568627451%, 0.9); } .--txtColor-secondary\:md { color: #2ecc71; } .--txtColor-secondary1\:md { color: rgba(46, 204, 113, 0.1); } .--txtColor-secondary2\:md { color: rgba(46, 204, 113, 0.2); } .--txtColor-secondary3\:md { color: rgba(46, 204, 113, 0.3); } .--txtColor-secondary4\:md { color: rgba(46, 204, 113, 0.4); } .--txtColor-secondary5\:md { color: rgba(46, 204, 113, 0.5); } .--txtColor-secondary6\:md { color: rgba(46, 204, 113, 0.6); } .--txtColor-secondary7\:md { color: rgba(46, 204, 113, 0.7); } .--txtColor-secondary8\:md { color: rgba(46, 204, 113, 0.8); } .--txtColor-secondary9\:md { color: rgba(46, 204, 113, 0.9); } .--txtColor-secondary-complement\:md { color: #1abc9c; } .--txtColor-secondary-complement1\:md { color: rgba(26, 188, 156, 0.1); } .--txtColor-secondary-complement2\:md { color: rgba(26, 188, 156, 0.2); } .--txtColor-secondary-complement3\:md { color: rgba(26, 188, 156, 0.3); } .--txtColor-secondary-complement4\:md { color: rgba(26, 188, 156, 0.4); } .--txtColor-secondary-complement5\:md { color: rgba(26, 188, 156, 0.5); } .--txtColor-secondary-complement6\:md { color: rgba(26, 188, 156, 0.6); } .--txtColor-secondary-complement7\:md { color: rgba(26, 188, 156, 0.7); } .--txtColor-secondary-complement8\:md { color: rgba(26, 188, 156, 0.8); } .--txtColor-secondary-complement9\:md { color: rgba(26, 188, 156, 0.9); } .--txtColor-danger\:md { color: #e74c3c; } .--txtColor-danger1\:md { color: rgba(231, 76, 60, 0.1); } .--txtColor-danger2\:md { color: rgba(231, 76, 60, 0.2); } .--txtColor-danger3\:md { color: rgba(231, 76, 60, 0.3); } .--txtColor-danger4\:md { color: rgba(231, 76, 60, 0.4); } .--txtColor-danger5\:md { color: rgba(231, 76, 60, 0.5); } .--txtColor-danger6\:md { color: rgba(231, 76, 60, 0.6); } .--txtColor-danger7\:md { color: rgba(231, 76, 60, 0.7); } .--txtColor-danger8\:md { color: rgba(231, 76, 60, 0.8); } .--txtColor-danger9\:md { color: rgba(231, 76, 60, 0.9); } .--txtColor-success\:md { color: #259c21; } .--txtColor-success1\:md { color: rgba(37, 156, 33, 0.1); } .--txtColor-success2\:md { color: rgba(37, 156, 33, 0.2); } .--txtColor-success3\:md { color: rgba(37, 156, 33, 0.3); } .--txtColor-success4\:md { color: rgba(37, 156, 33, 0.4); } .--txtColor-success5\:md { color: rgba(37, 156, 33, 0.5); } .--txtColor-success6\:md { color: rgba(37, 156, 33, 0.6); } .--txtColor-success7\:md { color: rgba(37, 156, 33, 0.7); } .--txtColor-success8\:md { color: rgba(37, 156, 33, 0.8); } .--txtColor-success9\:md { color: rgba(37, 156, 33, 0.9); } .--txtColor-warning\:md { color: #f39c12; } .--txtColor-warning1\:md { color: rgba(243, 156, 18, 0.1); } .--txtColor-warning2\:md { color: rgba(243, 156, 18, 0.2); } .--txtColor-warning3\:md { color: rgba(243, 156, 18, 0.3); } .--txtColor-warning4\:md { color: rgba(243, 156, 18, 0.4); } .--txtColor-warning5\:md { color: rgba(243, 156, 18, 0.5); } .--txtColor-warning6\:md { color: rgba(243, 156, 18, 0.6); } .--txtColor-warning7\:md { color: rgba(243, 156, 18, 0.7); } .--txtColor-warning8\:md { color: rgba(243, 156, 18, 0.8); } .--txtColor-warning9\:md { color: rgba(243, 156, 18, 0.9); } .--txtColor-light\:md { color: #fff; } .--txtColor-light1\:md { color: rgba(255, 255, 255, 0.1); } .--txtColor-light2\:md { color: rgba(255, 255, 255, 0.2); } .--txtColor-light3\:md { color: rgba(255, 255, 255, 0.3); } .--txtColor-light4\:md { color: rgba(255, 255, 255, 0.4); } .--txtColor-light5\:md { color: rgba(255, 255, 255, 0.5); } .--txtColor-light6\:md { color: rgba(255, 255, 255, 0.6); } .--txtColor-light7\:md { color: rgba(255, 255, 255, 0.7); } .--txtColor-light8\:md { color: rgba(255, 255, 255, 0.8); } .--txtColor-light9\:md { color: rgba(255, 255, 255, 0.9); } .--txtColor-dark\:md { color: #000; } .--txtColor-dark1\:md { color: rgba(0, 0, 0, 0.1); } .--txtColor-dark2\:md { color: rgba(0, 0, 0, 0.2); } .--txtColor-dark3\:md { color: rgba(0, 0, 0, 0.3); } .--txtColor-dark4\:md { color: rgba(0, 0, 0, 0.4); } .--txtColor-dark5\:md { color: rgba(0, 0, 0, 0.5); } .--txtColor-dark6\:md { color: rgba(0, 0, 0, 0.6); } .--txtColor-dark7\:md { color: rgba(0, 0, 0, 0.7); } .--txtColor-dark8\:md { color: rgba(0, 0, 0, 0.8); } .--txtColor-dark9\:md { color: rgba(0, 0, 0, 0.9); } .--txtColor-none\:md { color: transparent; } .--txtColor-inherit\:md { color: inherit; } .--txtShadow\:md { text-shadow: 1px 1px 1px rgba(var(--rgb-dark), 0.3); } .--txtShadow-primary\:md { text-shadow: 1px 1px 1px #1e8549; } .--txtShadow-primary1\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.1); } .--txtShadow-primary2\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.2); } .--txtShadow-primary3\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.3); } .--txtShadow-primary4\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.4); } .--txtShadow-primary5\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.5); } .--txtShadow-primary6\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.6); } .--txtShadow-primary7\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.7); } .--txtShadow-primary8\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.8); } .--txtShadow-primary9\:md { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.9); } .--txtShadow-primary-complement\:md { text-shadow: 1px 1px 1px hsl(120, 100%, -1.568627451%); } .--txtShadow-primary-complement1\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.1); } .--txtShadow-primary-complement2\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.2); } .--txtShadow-primary-complement3\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.3); } .--txtShadow-primary-complement4\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.4); } .--txtShadow-primary-complement5\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.5); } .--txtShadow-primary-complement6\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.6); } .--txtShadow-primary-complement7\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.7); } .--txtShadow-primary-complement8\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.8); } .--txtShadow-primary-complement9\:md { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.9); } .--txtShadow-secondary\:md { text-shadow: 1px 1px 1px #2ecc71; } .--txtShadow-secondary1\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.1); } .--txtShadow-secondary2\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.2); } .--txtShadow-secondary3\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.3); } .--txtShadow-secondary4\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.4); } .--txtShadow-secondary5\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.5); } .--txtShadow-secondary6\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.6); } .--txtShadow-secondary7\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.7); } .--txtShadow-secondary8\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.8); } .--txtShadow-secondary9\:md { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.9); } .--txtShadow-secondary-complement\:md { text-shadow: 1px 1px 1px #1abc9c; } .--txtShadow-secondary-complement1\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.1); } .--txtShadow-secondary-complement2\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.2); } .--txtShadow-secondary-complement3\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.3); } .--txtShadow-secondary-complement4\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.4); } .--txtShadow-secondary-complement5\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.5); } .--txtShadow-secondary-complement6\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.6); } .--txtShadow-secondary-complement7\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.7); } .--txtShadow-secondary-complement8\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.8); } .--txtShadow-secondary-complement9\:md { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.9); } .--txtShadow-danger\:md { text-shadow: 1px 1px 1px #e74c3c; } .--txtShadow-danger1\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.1); } .--txtShadow-danger2\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.2); } .--txtShadow-danger3\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.3); } .--txtShadow-danger4\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.4); } .--txtShadow-danger5\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.5); } .--txtShadow-danger6\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.6); } .--txtShadow-danger7\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.7); } .--txtShadow-danger8\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.8); } .--txtShadow-danger9\:md { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.9); } .--txtShadow-success\:md { text-shadow: 1px 1px 1px #259c21; } .--txtShadow-success1\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.1); } .--txtShadow-success2\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.2); } .--txtShadow-success3\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.3); } .--txtShadow-success4\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.4); } .--txtShadow-success5\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.5); } .--txtShadow-success6\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.6); } .--txtShadow-success7\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.7); } .--txtShadow-success8\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.8); } .--txtShadow-success9\:md { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.9); } .--txtShadow-warning\:md { text-shadow: 1px 1px 1px #f39c12; } .--txtShadow-warning1\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.1); } .--txtShadow-warning2\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.2); } .--txtShadow-warning3\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.3); } .--txtShadow-warning4\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.4); } .--txtShadow-warning5\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.5); } .--txtShadow-warning6\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.6); } .--txtShadow-warning7\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.7); } .--txtShadow-warning8\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.8); } .--txtShadow-warning9\:md { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.9); } .--txtShadow-light\:md { text-shadow: 1px 1px 1px #fff; } .--txtShadow-light1\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); } .--txtShadow-light2\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .--txtShadow-light3\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .--txtShadow-light4\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); } .--txtShadow-light5\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } .--txtShadow-light6\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); } .--txtShadow-light7\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); } .--txtShadow-light8\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } .--txtShadow-light9\:md { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); } .--txtShadow-dark\:md { text-shadow: 1px 1px 1px #000; } .--txtShadow-dark1\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .--txtShadow-dark2\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .--txtShadow-dark3\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .--txtShadow-dark4\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .--txtShadow-dark5\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .--txtShadow-dark6\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } .--txtShadow-dark7\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .--txtShadow-dark8\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } .--txtShadow-dark9\:md { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .--txtShadow-none\:md { text-shadow: none; } .--txtSize\:md, .--txtSize-normal\:md { font-size: 1rem; } .--txtSize-xs\:md { font-size: 0.7rem; } .--txtSize-sm\:md { font-size: 0.85rem; } .--txtSize-md\:md { font-size: 1rem; } .--txtSize-lg\:md { font-size: 1.4rem; } .--txtSize-xl\:md { font-size: 2.2rem; } .--txtSize-xx\:md { font-size: 3.6rem; } .--txtSize-mx\:md { font-size: 4.8rem; } .--txtSpacing\:md, .--txtSpacing-normal\:md { letter-spacing: normal; } .--txtSpacing-0\:md { letter-spacing: 0em; } .--txtSpacing-5\:md { letter-spacing: 0.3333333333em; } .--txtSpacing-10\:md { letter-spacing: 0.6666666667em; } .--txtSpacing-15\:md { letter-spacing: 1em; } .--txtSpacing-20\:md { letter-spacing: 1.3333333333em; } .--txtSpacing-25\:md { letter-spacing: 1.6666666667em; } .--txtSpacing-30\:md { letter-spacing: 2em; } .--txtStyle-normal\:md { font-style: normal; } .--txtStyle-oblique\:md { font-style: oblique; } .--txtStyle\:md, .--txtStyle-italic\:md { font-style: italic; } .--txtTransform-lower\:md, .--txtTransform-lower\:md::first-letter, .--txtTransform-lowercase\:md, .--txtTransform-lowercase\:md::first-letter { text-transform: lowercase; } .--txtTransform-upper\:md, .--txtTransform-upper\:md::first-letter, .--txtTransform-uppercase\:md, .--txtTransform-uppercase\:md::first-letter { text-transform: uppercase; } .--txtTransform-capitalize\:md, .--txtTransform-capitalize\:md::first-letter { text-transform: capitalize; } .--txtTransform\:md, .--txtTransform\:md::first-letter, .--txtTransform-none\:md, .--txtTransform-none\:md::first-letter { text-transform: none; } .--txtDecoration-none\:md { text-decoration: none; } .--txtDecoration-under\:md, .--txtDecoration-underline\:md { text-decoration: underline; } .--txtDecoration-through\:md, .--txtDecoration-lineThrough\:md { text-decoration: line-through; } .--txtWeight\:md { font-weight: 400; } .--txtWeight-thin\:md { font-weight: 100; } .--txtWeight-lighter\:md { font-weight: 200; } .--txtWeight-light\:md { font-weight: 300; } .--txtWeight-regular\:md { font-weight: 400; } .--txtWeight-medium\:md { font-weight: 500; } .--txtWeight-semibold\:md { font-weight: 600; } .--txtWeight-bold\:md { font-weight: 700; } .--txtWeight-bolder\:md { font-weight: 800; } .--txtWeight-black\:md { font-weight: 900; } .--txtWrap-nowrap\:md { white-space: nowrap; } .--txtWrap\:md, .--txtWrap-wrap\:md { white-space: normal; } .--txtLineHeight\:md { line-height: 1.2em; } .--txtLineHeight-xs\:md { line-height: 0.8333333333em; } .--txtLineHeight-sm\:md { line-height: 1em; } .--txtLineHeight-md\:md { line-height: 1.2em; } .--txtLineHeight-lg\:md { line-height: 1.44em; } .--txtLineHeight-xl\:md { line-height: 1.728em; } .--txtLineHeight-xx\:md { line-height: 2.0736em; } .--txtLineHeight-mx\:md { line-height: 2.48832em; } .--vAlign-middle\:md { vertical-align: middle; } .--vAlign-bottom\:md { vertical-align: bottom; } .--vAlign\:md, .--vAlign-top\:md, .--vAlign-sub\:md, .--vAlign-baseline\:md, .--vAlign-text-top\:md, .--vAlign-text-bottom\:md { vertical-align: baseline; } .--boxSizing-box\:md { box-sizing: border-box; } .--boxSizing\:md, .--boxSizing-content\:md { box-sizing: content-box; } .--bdr-xs\:md, .--bdr.--size-xs\:md { border-width: 2px; } .--bdr-sm\:md, .--bdr.--size-sm\:md { border-width: 2px; } .--bdr-md\:md, .--bdr.--size-md\:md { border-width: 2px; } .--bdr-lg\:md, .--bdr.--size-lg\:md { border-width: 3px; } .--bdr-xl\:md, .--bdr.--size-xl\:md { border-width: 4px; } .--bdr-xx\:md, .--bdr.--size-xx\:md { border-width: 5px; } .--bdr-mx\:md, .--bdr.--size-mx\:md { border-width: 6px; } .--clear\:md { clear: both; } .--float-right\:md { float: left; } .--float\:md, .--float-left\:md { float: left; } .--display\:md, .--display-block\:md { display: block; } .--display-inline\:md { display: inline; } .--display-inline\:md.flx { display: inline-flex; position: static; } .--display-inline\:md.grd { display: inline-grid; width: max-content; max-width: 100%; } .--overflow\:md, .--overflow-visible\:md { overflow: visible; } .--overflow-hidden\:md { overflow: hidden; } .--hidden\:md { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:md { display: none !important; } .--order\:md { order: 1; } .--order-1\:md { order: 1; } .--order-2\:md { order: 2; } .--order-3\:md { order: 3; } .--order-4\:md { order: 4; } .--order-5\:md { order: 5; } .--order-6\:md { order: 6; } .--order-7\:md { order: 7; } .--order-8\:md { order: 8; } .--order-9\:md { order: 9; } .--order-10\:md { order: 10; } .--position-fixed\:md { position: fixed; } .--position-sticky\:md { position: sticky; left: 0; top: 0; } .--position-relative\:md { position: relative; } .--position-absolute\:md { position: absolute; } .--position\:md, .--position-static\:md { position: static; } .--index\:md { z-index: 999; } .--index-1\:md { z-index: 1; } .--index-2\:md { z-index: 2; } .--index-3\:md { z-index: 3; } .--index-4\:md { z-index: 4; } .--index-5\:md { z-index: 5; } .--index-6\:md { z-index: 6; } .--index-7\:md { z-index: 7; } .--index-8\:md { z-index: 8; } .--index-9\:md { z-index: 9; } .--index-10\:md { z-index: 10; } .--opacity-0\:md, .--opacity-none\:md { opacity: 0; } .--opacity\:md, .--opacity-10\:md { opacity: 1; } .--opacity-01\:md { opacity: 0.1; } .--opacity-02\:md { opacity: 0.2; } .--opacity-03\:md { opacity: 0.3; } .--opacity-04\:md { opacity: 0.4; } .--opacity-05\:md { opacity: 0.5; } .--opacity-06\:md { opacity: 0.6; } .--opacity-07\:md { opacity: 0.7; } .--opacity-08\:md { opacity: 0.8; } .--opacity-09\:md { opacity: 0.9; } } @layer modifiers.defaults{ .--txtAlign-right\:md * { text-align: right; } .--txtAlign-center\:md * { text-align: center; } .--txtAlign-justify\:md * { text-align: justify; } .--txtAlign\:md *, .--txtAlign-left\:md * { text-align: left; } .--bdr-xs\:md, .--bdr.--size-xs\:md { border-style: solid; border-color: transparent; } .--bdr-sm\:md, .--bdr.--size-sm\:md { border-style: solid; border-color: transparent; } .--bdr-md\:md, .--bdr.--size-md\:md { border-style: solid; border-color: transparent; } .--bdr-lg\:md, .--bdr.--size-lg\:md { border-style: solid; border-color: transparent; } .--bdr-xl\:md, .--bdr.--size-xl\:md { border-style: solid; border-color: transparent; } .--bdr-xx\:md, .--bdr.--size-xx\:md { border-style: solid; border-color: transparent; } .--bdr-mx\:md, .--bdr.--size-mx\:md { border-style: solid; border-color: transparent; } } @layer definitions{ hr.--tm-primary.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231e8549'/%3E%3C/svg%3E"); } hr.--tm-primary.--solid\:md { background: rgba(var(--rgb-primary), 1); } hr.--tm-primary-complement.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } hr.--tm-primary-complement.--solid\:md { background: rgba(var(--rgb-primary-complement), 1); } hr:not([class*="--tm-"]).--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr:not([class*="--tm-"]).--solid\:md { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr.--tm-secondary.--solid\:md { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary-complement.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231abc9c'/%3E%3C/svg%3E"); } hr.--tm-secondary-complement.--solid\:md { background: rgba(var(--rgb-secondary-complement), 1); } hr.--tm-danger.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23e74c3c'/%3E%3C/svg%3E"); } hr.--tm-danger.--solid\:md { background: rgba(var(--rgb-danger), 1); } hr.--tm-success.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23259c21'/%3E%3C/svg%3E"); } hr.--tm-success.--solid\:md { background: rgba(var(--rgb-success), 1); } hr.--tm-warning.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23f39c12'/%3E%3C/svg%3E"); } hr.--tm-warning.--solid\:md { background: rgba(var(--rgb-warning), 1); } hr.--tm-light.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23fff'/%3E%3C/svg%3E"); } hr.--tm-light.--solid\:md { background: rgba(var(--rgb-light), 1); } hr.--tm-dark.--vertical\:md { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23000'/%3E%3C/svg%3E"); } hr.--tm-dark.--solid\:md { background: rgba(var(--rgb-dark), 1); } i.icon.--size-10\:md { font-size: 0.6666666667em; } i.icon.--size-15\:md { font-size: 1em; } i.icon.--size-20\:md { font-size: 1.3333333333em; } i.icon.--size-25\:md { font-size: 1.6666666667em; } i.icon.--size-30\:md { font-size: 2em; } i.icon.--size-35\:md { font-size: 2.3333333333em; } i.icon.--size-40\:md { font-size: 2.6666666667em; } i.icon.--size-45\:md { font-size: 3em; } i.icon.--size-50\:md { font-size: 3.3333333333em; } .svg.--size-10\:md { font-size: 0.6666666667em; } .svg.--size-15\:md { font-size: 1em; } .svg.--size-20\:md { font-size: 1.3333333333em; } .svg.--size-25\:md { font-size: 1.6666666667em; } .svg.--size-30\:md { font-size: 2em; } .svg.--size-35\:md { font-size: 2.3333333333em; } .svg.--size-40\:md { font-size: 2.6666666667em; } .svg.--size-45\:md { font-size: 3em; } .svg.--size-50\:md { font-size: 3.3333333333em; } .box.--size-xs\:md { border-radius: 0.9331rem; } .box.--size-sm\:md { border-radius: 1.13305rem; } .box.--size-md\:md { border-radius: 1.333rem; } .box.--size-lg\:md { border-radius: 1.8662rem; } .box.--size-xl\:md { border-radius: 2.9326rem; } .box.--size-xx\:md { border-radius: 4.7988rem; } .box.--size-mx\:md { border-radius: 6.3984rem; } .bttnToggle.--round\:md > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:md i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:md .svg + span { display: none; } .bttnToggle.--size-xs.--round\:md { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round\:md { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round\:xs { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round\:sm { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round\:md { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md:has(i.icon:only-child), .bttnToggle.--size-xs\:md:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:md { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round\:md { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round\:xs { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round\:sm { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round\:md { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md:has(i.icon:only-child), .bttnToggle.--size-sm\:md:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:md { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:md { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round\:md { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round\:xs { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round\:sm { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round\:md { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md:has(i.icon:only-child), .bttnToggle.--size-md\:md:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:md { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round\:md { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round\:xs { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round\:sm { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round\:md { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md:has(i.icon:only-child), .bttnToggle.--size-lg\:md:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:md { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round\:md { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round\:xs { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round\:sm { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round\:md { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md:has(i.icon:only-child), .bttnToggle.--size-xl\:md:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:md { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round\:md { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round\:xs { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round\:sm { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round\:md { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md:has(i.icon:only-child), .bttnToggle.--size-xx\:md:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:md { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round\:md { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round\:xs { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round\:sm { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round\:md { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md:has(i.icon:only-child), .bttnToggle.--size-mx\:md:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttnToggle.--size-xs\:md { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm\:md { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle.--size-md\:md { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg\:md { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl\:md { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx\:md { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx\:md { height: 11.52rem; padding: 0 3.84rem; } .bttnToggle.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; } .bttnToggle.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; } .bttnToggle.--size-md\:md { border-radius: 1rem; border-width: 2px; } .bttnToggle.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; } .bttnToggle.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; } .bttnToggle.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; } .bttnToggle.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; } .bttnY.--size-xs\:md { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm\:md { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY.--size-md\:md { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg\:md { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl\:md { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx\:md { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx\:md { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttnY.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; border-radius: 0.28rem; } .bttnY.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; border-radius: 0.34rem; } .bttnY.--size-md\:md { border-radius: 1rem; border-width: 2px; border-radius: 0.4rem; } .bttnY.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; border-radius: 0.56rem; } .bttnY.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; border-radius: 0.88rem; } .bttnY.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; border-radius: 1.44rem; } .bttnY.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; border-radius: 1.92rem; } .bttn.--round\:md > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md .svg + span { display: none; } .bttn.--size-xs.--round\:md { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round\:md { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round\:xs { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round\:sm { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round\:md { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md:has(i.icon:only-child), .bttn.--size-xs\:md:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:md { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round\:md { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round\:xs { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round\:sm { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round\:md { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md:has(i.icon:only-child), .bttn.--size-sm\:md:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:md { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:md { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round\:md { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round\:xs { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round\:sm { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round\:md { padding: 0; width: 2.4rem; } .bttn.--size-md\:md:has(i.icon:only-child), .bttn.--size-md\:md:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:md { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round\:md { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round\:xs { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round\:sm { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round\:md { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md:has(i.icon:only-child), .bttn.--size-lg\:md:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:md { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round\:md { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round\:xs { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round\:sm { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round\:md { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md:has(i.icon:only-child), .bttn.--size-xl\:md:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:md { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round\:md { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round\:xs { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round\:sm { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round\:md { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md:has(i.icon:only-child), .bttn.--size-xx\:md:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:md { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round\:md { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round\:xs { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round\:sm { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round\:md { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md:has(i.icon:only-child), .bttn.--size-mx\:md:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttn.--size-xs\:md { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm\:md { height: 2.04rem; padding: 0 0.68rem; } .bttn.--size-md\:md { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg\:md { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl\:md { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx\:md { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx\:md { height: 11.52rem; padding: 0 3.84rem; } .bttn.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; } .bttn.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; } .bttn.--size-md\:md { border-radius: 1rem; border-width: 2px; } .bttn.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; } .bttn.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; } .bttn.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; } .bttn.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:md :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox.--size-xs\:md + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm\:md + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox.--size-md\:md + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg\:md + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl\:md + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx\:md + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx\:md + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.--size-xs\:md + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm\:md + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox.--size-md\:md + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg\:md + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl\:md + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx\:md + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx\:md + label::after { border-radius: 3.36rem; } input[type^=r].iRadio.--size-xs\:md + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm\:md + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio.--size-md\:md + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg\:md + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl\:md + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx\:md + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx\:md + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.--size-xs\:md + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm\:md + label::after { border-radius: 42.5rem; } input[type^=r].iRadio.--size-md\:md + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg\:md + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl\:md + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx\:md + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx\:md + label::after { border-radius: 240rem; } .iSelect.--size-xs\:md { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm\:md { height: 2.04rem; padding: 0 0.68rem; } .iSelect.--size-md\:md { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg\:md { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl\:md { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx\:md { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx\:md { height: 11.52rem; padding: 0 3.84rem; } .iSelect.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; } .iSelect.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; } .iSelect.--size-md\:md { border-radius: 1rem; border-width: 2px; } .iSelect.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; } .iSelect.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; } .iSelect.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; } .iSelect.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; } .iSelect.--size-xs\:md { padding: 0 1.54rem 0 0.56rem; background-position: calc(100% - 0.56rem) 50%; } .iSelect.--size-sm\:md { padding: 0 1.87rem 0 0.68rem; background-position: calc(100% - 0.68rem) 50%; } .iSelect.--size-md\:md { padding: 0 2.2rem 0 0.8rem; background-position: calc(100% - 0.8rem) 50%; } .iSelect.--size-lg\:md { padding: 0 3.08rem 0 1.12rem; background-position: calc(100% - 1.12rem) 50%; } .iSelect.--size-xl\:md { padding: 0 4.84rem 0 1.76rem; background-position: calc(100% - 1.76rem) 50%; } .iSelect.--size-xx\:md { padding: 0 7.92rem 0 2.88rem; background-position: calc(100% - 2.88rem) 50%; } .iSelect.--size-mx\:md { padding: 0 10.56rem 0 3.84rem; background-position: calc(100% - 3.84rem) 50%; } .iTxt.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; } .iTxt.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; } .iTxt.--size-md\:md { border-radius: 1rem; border-width: 2px; } .iTxt.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; } .iTxt.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; } .iTxt.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; } .iTxt.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; } .iTxt:not(textarea).--size-xs\:md { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm\:md { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea).--size-md\:md { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg\:md { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl\:md { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx\:md { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx\:md { height: 11.52rem; padding: 0 3.84rem; } .iColor.--size-xs\:md { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm\:md { height: 2.04rem; width: 2.04rem; } .iColor.--size-md\:md { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg\:md { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl\:md { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx\:md { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx\:md { height: 11.52rem; width: 11.52rem; } .iColor.--size-xs\:md { border-radius: 0.7rem; border-width: 2px; } .iColor.--size-xs\:md::-webkit-color-swatch { border-radius: 0.7rem; } .iColor.--size-xs\:md::-moz-color-swatch { border-radius: 0.7rem; } .iColor.--size-sm\:md { border-radius: 0.85rem; border-width: 2px; } .iColor.--size-sm\:md::-webkit-color-swatch { border-radius: 0.85rem; } .iColor.--size-sm\:md::-moz-color-swatch { border-radius: 0.85rem; } .iColor.--size-md\:md { border-radius: 1rem; border-width: 2px; } .iColor.--size-md\:md::-webkit-color-swatch { border-radius: 1rem; } .iColor.--size-md\:md::-moz-color-swatch { border-radius: 1rem; } .iColor.--size-lg\:md { border-radius: 1.4rem; border-width: 3px; } .iColor.--size-lg\:md::-webkit-color-swatch { border-radius: 1.4rem; } .iColor.--size-lg\:md::-moz-color-swatch { border-radius: 1.4rem; } .iColor.--size-xl\:md { border-radius: 2.2rem; border-width: 4px; } .iColor.--size-xl\:md::-webkit-color-swatch { border-radius: 2.2rem; } .iColor.--size-xl\:md::-moz-color-swatch { border-radius: 2.2rem; } .iColor.--size-xx\:md { border-radius: 3.6rem; border-width: 5px; } .iColor.--size-xx\:md::-webkit-color-swatch { border-radius: 3.6rem; } .iColor.--size-xx\:md::-moz-color-swatch { border-radius: 3.6rem; } .iColor.--size-mx\:md { border-radius: 4.8rem; border-width: 6px; } .iColor.--size-mx\:md::-webkit-color-swatch { border-radius: 4.8rem; } .iColor.--size-mx\:md::-moz-color-swatch { border-radius: 4.8rem; } .link.--round\:md i.icon:last-child:not(:only-child), .link.--round\:md .svg:last-child:not(:only-child) { --fa-display: none; display: none; } *:hover > .toggle--dropdown:not(.only--active).link { color: var(--cl-h, var(--cl-a)); } .avatarAureo.--size-xs\:md { border-radius: 0.7rem; } .avatarAureo.--size-sm\:md { border-radius: 0.85rem; } .avatarAureo.--size-md\:md { border-radius: 1rem; } .avatarAureo.--size-lg\:md { border-radius: 1.4rem; } .avatarAureo.--size-xl\:md { border-radius: 2.2rem; } .avatarAureo.--size-xx\:md { border-radius: 3.6rem; } .avatarAureo.--size-mx\:md { border-radius: 4.8rem; } .avatar.--size-xs\:md { border-radius: 0.7rem; } .avatar.--size-sm\:md { border-radius: 0.85rem; } .avatar.--size-md\:md { border-radius: 1rem; } .avatar.--size-lg\:md { border-radius: 1.4rem; } .avatar.--size-xl\:md { border-radius: 2.2rem; } .avatar.--size-xx\:md { border-radius: 3.6rem; } .avatar.--size-mx\:md { border-radius: 4.8rem; } .avatar.--size-xs\:md { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:md { width: 3rem; height: 3rem; } .avatar\:md { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:md { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:md { width: 6rem; height: 6rem; } .avatar.--size-xl\:md { width: 9rem; height: 9rem; } .back.--header { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .back.--header { background-attachment: scroll; } } .back.--header::before { height: 7.4rem; background: transparent; background-image: linear-gradient(to bottom, rgba(var(--rgb-dark), 0.3), transparent); } .back.--header::after { width: 70%; display: block; } .cols.--count-2\:md { columns: 27rem 2; } .cols.--count-3\:md { columns: 18rem 3; } .cols.--count-4\:md { columns: 13.5rem 4; } .cols.--count-5\:md { columns: 10.8rem 5; } .cols.--count-6\:md { columns: 9rem 6; } .cols.--count-7\:md { columns: 7.7142857143rem 7; } .cols.--count-8\:md { columns: 6.75rem 8; } .cols.--count-9\:md { columns: 6rem 9; } .cols.--count-10\:md { columns: 5.4rem 10; } .cols.--count-11\:md { columns: 4.9090909091rem 11; } .cols.--count-12\:md { columns: 4.5rem 12; } .flx.--flxRow\:md, .flx.--flxRow-wrap\:md, .flx.--flxRow-reverse\:md, .flx.--flxRow-nowrap\:md { flex-direction: row; } .flx.--flxRowReverse\:md, .flx.--flxRowReverse-wrap\:md, .flx.--flxRowReverse-reverse\:md, .flx.--flxRowReverse-nowrap\:md { flex-direction: row-reverse; } .flx.--flxColumn\:md, .flx.--flxColumn-wrap\:md, .flx.--flxColumn-reverse\:md, .flx.--flxColumn-nowrap\:md { flex-direction: column; } .flx.--flxColumnReverse\:md, .flx.--flxColumnReverse-wrap\:md, .flx.--flxColumnReverse-reverse\:md, .flx.--flxColumnReverse-nowrap\:md { flex-direction: column-reverse; } .flx.--flxRow-wrap\:md, .flx.--flxColumn-wrap\:md, .flx.--flxRowReverse-wrap\:md, .flx.--flxColumnReverse-wrap\:md { flex-wrap: wrap; } .flx.--flxRow-reverse\:md, .flx.--flxColumn-reverse\:md, .flx.--flxRowReverse-reverse\:md, .flx.--flxColumnReverse-reverse\:md { flex-wrap: wrap-reverse; } .flx.--flxRow\:md, .flx.--flxRow-nowrap\:md, .flx.--flxColumn\:md, .flx.--flxColumn-nowrap\:md, .flx.--flxRowReverse\:md, .flx.--flxRowReverse-nowrap\:md, .flx.--flxColumnReverse\:md, .flx.--flxColumnReverse-nowrap\:md { flex-wrap: nowrap; } .grd.--autoRows\:md { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows\:md { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single\:md { grid-template-rows: 1fr; } .grd.--grdRows-autoFit\:md { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin\:md { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin\:md { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn\:md { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn\:md { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2\:md { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2\:md { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3\:md { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3\:md { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4\:md { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4\:md { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5\:md { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5\:md { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6\:md { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6\:md { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7\:md { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7\:md { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8\:md { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8\:md { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9\:md { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9\:md { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10\:md { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10\:md { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11\:md { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11\:md { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12\:md { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12\:md { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns\:md { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single\:md { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit\:md { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin\:md { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin\:md { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn\:md { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn\:md { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2\:md { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2\:md { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3\:md { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3\:md { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4\:md { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4\:md { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5\:md { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5\:md { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6\:md { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6\:md { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7\:md { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7\:md { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8\:md { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8\:md { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9\:md { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9\:md { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10\:md { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10\:md { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11\:md { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11\:md { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12\:md { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12\:md { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft\:md, .grd.--grdVoidLeft-1\:md, .grd.--grdVoidLeft-1-1\:md { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4\:md { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3\:md { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2\:md { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft\:md > *:last-child, .grd.--grdVoidLeft-1\:md > *:last-child, .grd.--grdVoidLeft-1-1\:md > *:last-child, .grd.--grdVoidLeft-1-4\:md > *:last-child, .grd.--grdVoidLeft-2-3\:md > *:last-child, .grd.--grdVoidLeft-3-2\:md > *:last-child { grid-area: a; } .grd.--grdVoidRight\:md, .grd.--grdVoidRight-1\:md, .grd.--grdVoidRight-1-1\:md { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1\:md { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2\:md { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight\:md > *:first-child, .grd.--grdVoidRight-1\:md > *:first-child, .grd.--grdVoidRight-1-1\:md > *:first-child, .grd.--grdVoidRight-4-1\:md > *:first-child, .grd.--grdVoidRight-3-2\:md > *:first-child, .grd.--grdVoidRight-2-3\:md > *:first-child { grid-area: a; } .grd-item.--grdColumnSpan-2\:md { grid-column: span 2; } .grd-item.--grdRowSpan-2\:md { grid-row: span 2; } .grd-item.--grdColumnSpan-3\:md { grid-column: span 3; } .grd-item.--grdRowSpan-3\:md { grid-row: span 3; } .grd-item.--grdColumnSpan-4\:md { grid-column: span 4; } .grd-item.--grdRowSpan-4\:md { grid-row: span 4; } .grd-item.--grdColumnSpan-5\:md { grid-column: span 5; } .grd-item.--grdRowSpan-5\:md { grid-row: span 5; } .grd-item.--grdColumnSpan-6\:md { grid-column: span 6; } .grd-item.--grdRowSpan-6\:md { grid-row: span 6; } .grd-item.--grdColumnSpan-7\:md { grid-column: span 7; } .grd-item.--grdRowSpan-7\:md { grid-row: span 7; } .grd-item.--grdColumnSpan-8\:md { grid-column: span 8; } .grd-item.--grdRowSpan-8\:md { grid-row: span 8; } .grd-item.--grdColumnSpan-9\:md { grid-column: span 9; } .grd-item.--grdRowSpan-9\:md { grid-row: span 9; } .grd-item.--grdColumnSpan-10\:md { grid-column: span 10; } .grd-item.--grdRowSpan-10\:md { grid-row: span 10; } .grd-item.--grdColumnSpan-11\:md { grid-column: span 11; } .grd-item.--grdRowSpan-11\:md { grid-row: span 11; } .grd-item.--grdColumnSpan-12\:md { grid-column: span 12; } .grd-item.--grdRowSpan-12\:md { grid-row: span 12; } .grd-item.--grdColumnSpan\:md { grid-column: span 2; } .grd-item.--grdRowSpan\:md { grid-row: span 2; } .dropdown.flx.--display-inline\:md, .dropdown.grd.--display-inline\:md { display: none; } .dropdown.--size-xs\:md:not(:has(> .dropdown-item)), .dropdown.--size-xs\:md > .dropdown-item { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .dropdown.--size-sm\:md:not(:has(> .dropdown-item)), .dropdown.--size-sm\:md > .dropdown-item { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .dropdown.--size-md\:md:not(:has(> .dropdown-item)), .dropdown.--size-md\:md > .dropdown-item { padding: 0.7rem 1rem; border-radius: 1.333rem; } .dropdown.--size-lg\:md:not(:has(> .dropdown-item)), .dropdown.--size-lg\:md > .dropdown-item { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .dropdown.--size-xl\:md:not(:has(> .dropdown-item)), .dropdown.--size-xl\:md > .dropdown-item { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .dropdown.--size-xx\:md:not(:has(> .dropdown-item)), .dropdown.--size-xx\:md > .dropdown-item { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .dropdown.--size-mx\:md:not(:has(> .dropdown-item)), .dropdown.--size-mx\:md > .dropdown-item { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .dropdown.--position-right\:md, .dropdown.--position-right-top\:md, .dropdown.--position-right-center\:md, .dropdown.--position-right-bottom\:md { left: calc(100% + 0.4rem); } .dropdown.--position-right\:md::before, .dropdown.--position-right-top\:md::before, .dropdown.--position-right-center\:md::before, .dropdown.--position-right-bottom\:md::before { left: -0.4rem; top: 0; } .dropdown.--position-left\:md, .dropdown.--position-left-top\:md, .dropdown.--position-left-center\:md, .dropdown.--position-left-bottom\:md { right: calc(100% + 0.4rem); } .dropdown.--position-left\:md::before, .dropdown.--position-left-top\:md::before, .dropdown.--position-left-center\:md::before, .dropdown.--position-left-bottom\:md::before { right: -0.4rem; top: 0; } .dropdown.--position-right-center\:md, .dropdown.--position-left-center\:md { top: 50%; transform: translateY(-50%); } .dropdown.--position-right-bottom\:md, .dropdown.--position-left-bottom\:md { bottom: -1rem; } .dropdown.--position-right\:md, .dropdown.--position-right-top\:md, .dropdown.--position-left\:md, .dropdown.--position-left-top\:md { top: -1rem; } .dropdown.--position-top\:md, .dropdown.--position-top-left\:md, .dropdown.--position-top-right\:md, .dropdown.--position-top-center\:md { bottom: calc(100% + 0.4rem); } .dropdown.--position-top\:md::before, .dropdown.--position-top-left\:md::before, .dropdown.--position-top-right\:md::before, .dropdown.--position-top-center\:md::before { left: 0; bottom: -0.4rem; } .dropdown.--position-bottom\:md, .dropdown.--position-bottom-left\:md, .dropdown.--position-bottom-right\:md, .dropdown.--position-bottom-center\:md { top: calc(100% + 0.4rem); } .dropdown.--position-bottom\:md::before, .dropdown.--position-bottom-left\:md::before, .dropdown.--position-bottom-right\:md::before, .dropdown.--position-bottom-center\:md::before { right: 0; top: -0.4rem; } .dropdown.--position-top-right\:md, .dropdown.--position-bottom-right\:md { right: -0.7rem; } .dropdown.--position-top-center\:md, .dropdown.--position-bottom-center\:md { left: 50%; transform: translateX(-50%); } .dropdown.--position-top\:md, .dropdown.--position-top-left\:md, .dropdown.--position-bottom\:md, .dropdown.--position-bottom-left\:md { left: -0.7rem; } .holder:not(.--p-none) { padding: 0 2rem; } .navigationY-menu.--sub { overflow: hidden; } .navigationY-menu.--sub { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; } } @layer definitions.defaults{ hr.--vertical\:md { width: 2px; height: auto; margin: -0.4rem 0; } .float.--floatDir-right\:md > * { float: right; } .float.--floatDir\:md > *, .float.--floatDir-left\:md > * { float: left; } .modal.--size-xs\:md { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .modal.--size-xs\:md .modal-content { padding-left: 0.7rem; padding-right: 0.7rem; } .modal.--size-sm\:md { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .modal.--size-sm\:md .modal-content { padding-left: 0.85rem; padding-right: 0.85rem; } .modal.--size-md\:md { padding: 0.7rem 1rem; border-radius: 1.333rem; } .modal.--size-md\:md .modal-content { padding-left: 1rem; padding-right: 1rem; } .modal.--size-lg\:md { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .modal.--size-lg\:md .modal-content { padding-left: 1.4rem; padding-right: 1.4rem; } .modal.--size-xl\:md { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .modal.--size-xl\:md .modal-content { padding-left: 2.2rem; padding-right: 2.2rem; } .modal.--size-xx\:md { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .modal.--size-xx\:md .modal-content { padding-left: 3.6rem; padding-right: 3.6rem; } .modal.--size-mx\:md { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .modal.--size-mx\:md .modal-content { padding-left: 4.8rem; padding-right: 4.8rem; } } } @media only screen and (width > 1080px) and (width <= 1280px){ @layer definitions{ .bttnToggle.--size-xs\:lg.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm\:lg.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttnToggle.--size-md\:lg.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg\:lg.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl\:lg.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx\:lg.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx\:lg.--round\:xl-inv { padding: 0; width: 11.52rem; } .bttn.--size-xs\:lg.--round\:xl-inv { padding: 0; width: 1.68rem; } .bttn.--size-sm\:lg.--round\:xl-inv { padding: 0; width: 2.04rem; } .bttn.--size-md\:lg.--round\:xl-inv { padding: 0; width: 2.4rem; } .bttn.--size-lg\:lg.--round\:xl-inv { padding: 0; width: 3.36rem; } .bttn.--size-xl\:lg.--round\:xl-inv { padding: 0; width: 5.28rem; } .bttn.--size-xx\:lg.--round\:xl-inv { padding: 0; width: 8.64rem; } .bttn.--size-mx\:lg.--round\:xl-inv { padding: 0; width: 11.52rem; } } } @media only screen and (width > 1080px){ @layer modifiers{ .--bgColor-primary\:lg { --inherit-bg: #1e8549; background-color: var(--inherit-bg); } .--bgColor-primary1\:lg { --inherit-bg: rgba(30, 133, 73, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary2\:lg { --inherit-bg: rgba(30, 133, 73, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary3\:lg { --inherit-bg: rgba(30, 133, 73, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary4\:lg { --inherit-bg: rgba(30, 133, 73, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary5\:lg { --inherit-bg: rgba(30, 133, 73, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary6\:lg { --inherit-bg: rgba(30, 133, 73, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary7\:lg { --inherit-bg: rgba(30, 133, 73, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary8\:lg { --inherit-bg: rgba(30, 133, 73, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary9\:lg { --inherit-bg: rgba(30, 133, 73, 0.9); background-color: var(--inherit-bg); } .--bgColor-primary-complement\:lg { --inherit-bg: hsl(120, 100%, -1.568627451%); background-color: var(--inherit-bg); } .--bgColor-primary-complement1\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.1); background-color: var(--inherit-bg); } .--bgColor-primary-complement2\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.2); background-color: var(--inherit-bg); } .--bgColor-primary-complement3\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.3); background-color: var(--inherit-bg); } .--bgColor-primary-complement4\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.4); background-color: var(--inherit-bg); } .--bgColor-primary-complement5\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.5); background-color: var(--inherit-bg); } .--bgColor-primary-complement6\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.6); background-color: var(--inherit-bg); } .--bgColor-primary-complement7\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.7); background-color: var(--inherit-bg); } .--bgColor-primary-complement8\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.8); background-color: var(--inherit-bg); } .--bgColor-primary-complement9\:lg { --inherit-bg: hsla(120, 100%, -1.568627451%, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary\:lg { --inherit-bg: #2ecc71; background-color: var(--inherit-bg); } .--bgColor-secondary1\:lg { --inherit-bg: rgba(46, 204, 113, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary2\:lg { --inherit-bg: rgba(46, 204, 113, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary3\:lg { --inherit-bg: rgba(46, 204, 113, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary4\:lg { --inherit-bg: rgba(46, 204, 113, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary5\:lg { --inherit-bg: rgba(46, 204, 113, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary6\:lg { --inherit-bg: rgba(46, 204, 113, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary7\:lg { --inherit-bg: rgba(46, 204, 113, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary8\:lg { --inherit-bg: rgba(46, 204, 113, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary9\:lg { --inherit-bg: rgba(46, 204, 113, 0.9); background-color: var(--inherit-bg); } .--bgColor-secondary-complement\:lg { --inherit-bg: #1abc9c; background-color: var(--inherit-bg); } .--bgColor-secondary-complement1\:lg { --inherit-bg: rgba(26, 188, 156, 0.1); background-color: var(--inherit-bg); } .--bgColor-secondary-complement2\:lg { --inherit-bg: rgba(26, 188, 156, 0.2); background-color: var(--inherit-bg); } .--bgColor-secondary-complement3\:lg { --inherit-bg: rgba(26, 188, 156, 0.3); background-color: var(--inherit-bg); } .--bgColor-secondary-complement4\:lg { --inherit-bg: rgba(26, 188, 156, 0.4); background-color: var(--inherit-bg); } .--bgColor-secondary-complement5\:lg { --inherit-bg: rgba(26, 188, 156, 0.5); background-color: var(--inherit-bg); } .--bgColor-secondary-complement6\:lg { --inherit-bg: rgba(26, 188, 156, 0.6); background-color: var(--inherit-bg); } .--bgColor-secondary-complement7\:lg { --inherit-bg: rgba(26, 188, 156, 0.7); background-color: var(--inherit-bg); } .--bgColor-secondary-complement8\:lg { --inherit-bg: rgba(26, 188, 156, 0.8); background-color: var(--inherit-bg); } .--bgColor-secondary-complement9\:lg { --inherit-bg: rgba(26, 188, 156, 0.9); background-color: var(--inherit-bg); } .--bgColor-danger\:lg { --inherit-bg: #e74c3c; background-color: var(--inherit-bg); } .--bgColor-danger1\:lg { --inherit-bg: rgba(231, 76, 60, 0.1); background-color: var(--inherit-bg); } .--bgColor-danger2\:lg { --inherit-bg: rgba(231, 76, 60, 0.2); background-color: var(--inherit-bg); } .--bgColor-danger3\:lg { --inherit-bg: rgba(231, 76, 60, 0.3); background-color: var(--inherit-bg); } .--bgColor-danger4\:lg { --inherit-bg: rgba(231, 76, 60, 0.4); background-color: var(--inherit-bg); } .--bgColor-danger5\:lg { --inherit-bg: rgba(231, 76, 60, 0.5); background-color: var(--inherit-bg); } .--bgColor-danger6\:lg { --inherit-bg: rgba(231, 76, 60, 0.6); background-color: var(--inherit-bg); } .--bgColor-danger7\:lg { --inherit-bg: rgba(231, 76, 60, 0.7); background-color: var(--inherit-bg); } .--bgColor-danger8\:lg { --inherit-bg: rgba(231, 76, 60, 0.8); background-color: var(--inherit-bg); } .--bgColor-danger9\:lg { --inherit-bg: rgba(231, 76, 60, 0.9); background-color: var(--inherit-bg); } .--bgColor-success\:lg { --inherit-bg: #259c21; background-color: var(--inherit-bg); } .--bgColor-success1\:lg { --inherit-bg: rgba(37, 156, 33, 0.1); background-color: var(--inherit-bg); } .--bgColor-success2\:lg { --inherit-bg: rgba(37, 156, 33, 0.2); background-color: var(--inherit-bg); } .--bgColor-success3\:lg { --inherit-bg: rgba(37, 156, 33, 0.3); background-color: var(--inherit-bg); } .--bgColor-success4\:lg { --inherit-bg: rgba(37, 156, 33, 0.4); background-color: var(--inherit-bg); } .--bgColor-success5\:lg { --inherit-bg: rgba(37, 156, 33, 0.5); background-color: var(--inherit-bg); } .--bgColor-success6\:lg { --inherit-bg: rgba(37, 156, 33, 0.6); background-color: var(--inherit-bg); } .--bgColor-success7\:lg { --inherit-bg: rgba(37, 156, 33, 0.7); background-color: var(--inherit-bg); } .--bgColor-success8\:lg { --inherit-bg: rgba(37, 156, 33, 0.8); background-color: var(--inherit-bg); } .--bgColor-success9\:lg { --inherit-bg: rgba(37, 156, 33, 0.9); background-color: var(--inherit-bg); } .--bgColor-warning\:lg { --inherit-bg: #f39c12; background-color: var(--inherit-bg); } .--bgColor-warning1\:lg { --inherit-bg: rgba(243, 156, 18, 0.1); background-color: var(--inherit-bg); } .--bgColor-warning2\:lg { --inherit-bg: rgba(243, 156, 18, 0.2); background-color: var(--inherit-bg); } .--bgColor-warning3\:lg { --inherit-bg: rgba(243, 156, 18, 0.3); background-color: var(--inherit-bg); } .--bgColor-warning4\:lg { --inherit-bg: rgba(243, 156, 18, 0.4); background-color: var(--inherit-bg); } .--bgColor-warning5\:lg { --inherit-bg: rgba(243, 156, 18, 0.5); background-color: var(--inherit-bg); } .--bgColor-warning6\:lg { --inherit-bg: rgba(243, 156, 18, 0.6); background-color: var(--inherit-bg); } .--bgColor-warning7\:lg { --inherit-bg: rgba(243, 156, 18, 0.7); background-color: var(--inherit-bg); } .--bgColor-warning8\:lg { --inherit-bg: rgba(243, 156, 18, 0.8); background-color: var(--inherit-bg); } .--bgColor-warning9\:lg { --inherit-bg: rgba(243, 156, 18, 0.9); background-color: var(--inherit-bg); } .--bgColor\:lg { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light\:lg { --inherit-bg: #fff; background-color: var(--inherit-bg); } .--bgColor-light1\:lg { --inherit-bg: rgba(255, 255, 255, 0.1); background-color: var(--inherit-bg); } .--bgColor-light2\:lg { --inherit-bg: rgba(255, 255, 255, 0.2); background-color: var(--inherit-bg); } .--bgColor-light3\:lg { --inherit-bg: rgba(255, 255, 255, 0.3); background-color: var(--inherit-bg); } .--bgColor-light4\:lg { --inherit-bg: rgba(255, 255, 255, 0.4); background-color: var(--inherit-bg); } .--bgColor-light5\:lg { --inherit-bg: rgba(255, 255, 255, 0.5); background-color: var(--inherit-bg); } .--bgColor-light6\:lg { --inherit-bg: rgba(255, 255, 255, 0.6); background-color: var(--inherit-bg); } .--bgColor-light7\:lg { --inherit-bg: rgba(255, 255, 255, 0.7); background-color: var(--inherit-bg); } .--bgColor-light8\:lg { --inherit-bg: rgba(255, 255, 255, 0.8); background-color: var(--inherit-bg); } .--bgColor-light9\:lg { --inherit-bg: rgba(255, 255, 255, 0.9); background-color: var(--inherit-bg); } .--bgColor-dark\:lg { --inherit-bg: #000; background-color: var(--inherit-bg); } .--bgColor-dark1\:lg { --inherit-bg: rgba(0, 0, 0, 0.1); background-color: var(--inherit-bg); } .--bgColor-dark2\:lg { --inherit-bg: rgba(0, 0, 0, 0.2); background-color: var(--inherit-bg); } .--bgColor-dark3\:lg { --inherit-bg: rgba(0, 0, 0, 0.3); background-color: var(--inherit-bg); } .--bgColor-dark4\:lg { --inherit-bg: rgba(0, 0, 0, 0.4); background-color: var(--inherit-bg); } .--bgColor-dark5\:lg { --inherit-bg: rgba(0, 0, 0, 0.5); background-color: var(--inherit-bg); } .--bgColor-dark6\:lg { --inherit-bg: rgba(0, 0, 0, 0.6); background-color: var(--inherit-bg); } .--bgColor-dark7\:lg { --inherit-bg: rgba(0, 0, 0, 0.7); background-color: var(--inherit-bg); } .--bgColor-dark8\:lg { --inherit-bg: rgba(0, 0, 0, 0.8); background-color: var(--inherit-bg); } .--bgColor-dark9\:lg { --inherit-bg: rgba(0, 0, 0, 0.9); background-color: var(--inherit-bg); } .--bgColor-none\:lg { background-color: transparent; background-image: unset; } .--bdrColor\:lg { border-color: rgba(var(--rgb-secondary), 0.1); } .--bdrColor-primary\:lg { border-color: #1e8549; } .--bdrColor-primary1\:lg { border-color: rgba(30, 133, 73, 0.1); } .--bdrColor-primary2\:lg { border-color: rgba(30, 133, 73, 0.2); } .--bdrColor-primary3\:lg { border-color: rgba(30, 133, 73, 0.3); } .--bdrColor-primary4\:lg { border-color: rgba(30, 133, 73, 0.4); } .--bdrColor-primary5\:lg { border-color: rgba(30, 133, 73, 0.5); } .--bdrColor-primary6\:lg { border-color: rgba(30, 133, 73, 0.6); } .--bdrColor-primary7\:lg { border-color: rgba(30, 133, 73, 0.7); } .--bdrColor-primary8\:lg { border-color: rgba(30, 133, 73, 0.8); } .--bdrColor-primary9\:lg { border-color: rgba(30, 133, 73, 0.9); } .--bdrColor-primary-complement\:lg { border-color: hsl(120, 100%, -1.568627451%); } .--bdrColor-primary-complement1\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.1); } .--bdrColor-primary-complement2\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.2); } .--bdrColor-primary-complement3\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.3); } .--bdrColor-primary-complement4\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.4); } .--bdrColor-primary-complement5\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.5); } .--bdrColor-primary-complement6\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.6); } .--bdrColor-primary-complement7\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.7); } .--bdrColor-primary-complement8\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.8); } .--bdrColor-primary-complement9\:lg { border-color: hsla(120, 100%, -1.568627451%, 0.9); } .--bdrColor-secondary\:lg { border-color: #2ecc71; } .--bdrColor-secondary1\:lg { border-color: rgba(46, 204, 113, 0.1); } .--bdrColor-secondary2\:lg { border-color: rgba(46, 204, 113, 0.2); } .--bdrColor-secondary3\:lg { border-color: rgba(46, 204, 113, 0.3); } .--bdrColor-secondary4\:lg { border-color: rgba(46, 204, 113, 0.4); } .--bdrColor-secondary5\:lg { border-color: rgba(46, 204, 113, 0.5); } .--bdrColor-secondary6\:lg { border-color: rgba(46, 204, 113, 0.6); } .--bdrColor-secondary7\:lg { border-color: rgba(46, 204, 113, 0.7); } .--bdrColor-secondary8\:lg { border-color: rgba(46, 204, 113, 0.8); } .--bdrColor-secondary9\:lg { border-color: rgba(46, 204, 113, 0.9); } .--bdrColor-secondary-complement\:lg { border-color: #1abc9c; } .--bdrColor-secondary-complement1\:lg { border-color: rgba(26, 188, 156, 0.1); } .--bdrColor-secondary-complement2\:lg { border-color: rgba(26, 188, 156, 0.2); } .--bdrColor-secondary-complement3\:lg { border-color: rgba(26, 188, 156, 0.3); } .--bdrColor-secondary-complement4\:lg { border-color: rgba(26, 188, 156, 0.4); } .--bdrColor-secondary-complement5\:lg { border-color: rgba(26, 188, 156, 0.5); } .--bdrColor-secondary-complement6\:lg { border-color: rgba(26, 188, 156, 0.6); } .--bdrColor-secondary-complement7\:lg { border-color: rgba(26, 188, 156, 0.7); } .--bdrColor-secondary-complement8\:lg { border-color: rgba(26, 188, 156, 0.8); } .--bdrColor-secondary-complement9\:lg { border-color: rgba(26, 188, 156, 0.9); } .--bdrColor-danger\:lg { border-color: #e74c3c; } .--bdrColor-danger1\:lg { border-color: rgba(231, 76, 60, 0.1); } .--bdrColor-danger2\:lg { border-color: rgba(231, 76, 60, 0.2); } .--bdrColor-danger3\:lg { border-color: rgba(231, 76, 60, 0.3); } .--bdrColor-danger4\:lg { border-color: rgba(231, 76, 60, 0.4); } .--bdrColor-danger5\:lg { border-color: rgba(231, 76, 60, 0.5); } .--bdrColor-danger6\:lg { border-color: rgba(231, 76, 60, 0.6); } .--bdrColor-danger7\:lg { border-color: rgba(231, 76, 60, 0.7); } .--bdrColor-danger8\:lg { border-color: rgba(231, 76, 60, 0.8); } .--bdrColor-danger9\:lg { border-color: rgba(231, 76, 60, 0.9); } .--bdrColor-success\:lg { border-color: #259c21; } .--bdrColor-success1\:lg { border-color: rgba(37, 156, 33, 0.1); } .--bdrColor-success2\:lg { border-color: rgba(37, 156, 33, 0.2); } .--bdrColor-success3\:lg { border-color: rgba(37, 156, 33, 0.3); } .--bdrColor-success4\:lg { border-color: rgba(37, 156, 33, 0.4); } .--bdrColor-success5\:lg { border-color: rgba(37, 156, 33, 0.5); } .--bdrColor-success6\:lg { border-color: rgba(37, 156, 33, 0.6); } .--bdrColor-success7\:lg { border-color: rgba(37, 156, 33, 0.7); } .--bdrColor-success8\:lg { border-color: rgba(37, 156, 33, 0.8); } .--bdrColor-success9\:lg { border-color: rgba(37, 156, 33, 0.9); } .--bdrColor-warning\:lg { border-color: #f39c12; } .--bdrColor-warning1\:lg { border-color: rgba(243, 156, 18, 0.1); } .--bdrColor-warning2\:lg { border-color: rgba(243, 156, 18, 0.2); } .--bdrColor-warning3\:lg { border-color: rgba(243, 156, 18, 0.3); } .--bdrColor-warning4\:lg { border-color: rgba(243, 156, 18, 0.4); } .--bdrColor-warning5\:lg { border-color: rgba(243, 156, 18, 0.5); } .--bdrColor-warning6\:lg { border-color: rgba(243, 156, 18, 0.6); } .--bdrColor-warning7\:lg { border-color: rgba(243, 156, 18, 0.7); } .--bdrColor-warning8\:lg { border-color: rgba(243, 156, 18, 0.8); } .--bdrColor-warning9\:lg { border-color: rgba(243, 156, 18, 0.9); } .--bdrColor-light\:lg { border-color: #fff; } .--bdrColor-light1\:lg { border-color: rgba(255, 255, 255, 0.1); } .--bdrColor-light2\:lg { border-color: rgba(255, 255, 255, 0.2); } .--bdrColor-light3\:lg { border-color: rgba(255, 255, 255, 0.3); } .--bdrColor-light4\:lg { border-color: rgba(255, 255, 255, 0.4); } .--bdrColor-light5\:lg { border-color: rgba(255, 255, 255, 0.5); } .--bdrColor-light6\:lg { border-color: rgba(255, 255, 255, 0.6); } .--bdrColor-light7\:lg { border-color: rgba(255, 255, 255, 0.7); } .--bdrColor-light8\:lg { border-color: rgba(255, 255, 255, 0.8); } .--bdrColor-light9\:lg { border-color: rgba(255, 255, 255, 0.9); } .--bdrColor-dark\:lg { border-color: #000; } .--bdrColor-dark1\:lg { border-color: rgba(0, 0, 0, 0.1); } .--bdrColor-dark2\:lg { border-color: rgba(0, 0, 0, 0.2); } .--bdrColor-dark3\:lg { border-color: rgba(0, 0, 0, 0.3); } .--bdrColor-dark4\:lg { border-color: rgba(0, 0, 0, 0.4); } .--bdrColor-dark5\:lg { border-color: rgba(0, 0, 0, 0.5); } .--bdrColor-dark6\:lg { border-color: rgba(0, 0, 0, 0.6); } .--bdrColor-dark7\:lg { border-color: rgba(0, 0, 0, 0.7); } .--bdrColor-dark8\:lg { border-color: rgba(0, 0, 0, 0.8); } .--bdrColor-dark9\:lg { border-color: rgba(0, 0, 0, 0.9); } .--bdrColor-none\:lg { border-color: transparent; } .--striped-primary\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary), 0.1); } .--striped-primary-complement\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped-primary-complement\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-primary-complement), 0.1); } .--striped\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary), 0.1); } .--striped-secondary-complement\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-secondary-complement\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-secondary-complement), 0.1); } .--striped-danger\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-danger\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-danger), 0.1); } .--striped-success\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-success), 0.1); } .--striped-success\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-success), 0.1); } .--striped-warning\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-warning\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-warning), 0.1); } .--striped-light\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-light), 0.1); } .--striped-light\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-light), 0.1); } .--striped-dark\:lg:not(.tbl) > :nth-child(even) { background-color: rgba(var(--rgb-dark), 0.1); } .--striped-dark\:lg.tbl tbody tr:nth-child(even) td:after { background-color: rgba(var(--rgb-dark), 0.1); } .--flxAlign-end\:lg { align-items: flex-end; } .--flxAlign-start\:lg { align-items: flex-start; } .--flxAlign-stretch\:lg { align-items: stretch; } .--flxAlign-baseline\:lg { align-items: baseline; } .--flxAlign\:lg, .--flxAlign-center\:lg { align-items: center; } .--flxAlignSelf-end\:lg { align-self: flex-end; } .--flxAlignSelf-start\:lg { align-self: flex-start; } .--flxAlignSelf-stretch\:lg { align-self: stretch; } .--flxAlignSelf-baseline\:lg { align-self: baseline; } .--flxAlignSelf\:lg, .--flxAlignSelf-center\:lg { align-self: center; } .--flx-fill\:lg { flex: 1 1 100%; } .--flx-fit\:lg { flex: 1 0 auto; } .--flx\:lg, .--flx-auto\:lg { flex: 1 1 auto; } .--flxJustify-end\:lg { justify-content: flex-end; } .--flxJustify-end\:lg.grd { justify-items: flex-end; } .--flxJustify-start\:lg { justify-content: flex-start; } .--flxJustify-start\:lg.grd { justify-items: flex-start; } .--flxJustify-around\:lg { justify-content: space-around; } .--flxJustify-around\:lg.grd { justify-items: space-around; } .--flxJustify-evenly\:lg { justify-content: space-around; justify-content: space-evenly; } .--flxJustify-evenly\:lg.grd { justify-items: space-around; justify-items: space-evenly; } .--flxJustify-between\:lg { justify-content: space-between; } .--flxJustify-between\:lg.grd { justify-items: space-between; } .--flxJustify-stretch\:lg { justify-content: stretch; } .--flxJustify-stretch\:lg.grd { justify-items: stretch; } .--flxJustify\:lg, .--flxJustify-center\:lg { justify-content: center; } .--flxJustify\:lg.grd, .--flxJustify-center\:lg.grd { justify-items: center; } .--flxJustifySelf-end\:lg { justify-self: flex-end; } .--flxJustifySelf-start\:lg { justify-self: flex-start; } .--flxJustifySelf-around\:lg { justify-self: space-around; } .--flxJustifySelf-evenly\:lg { justify-self: space-around; } .--flxJustifySelf-between\:lg { justify-self: space-between; } .--flxJustifySelf-stretch\:lg { justify-self: stretch; } .--flxJustifySelf\:lg, .--flxJustifySelf-center\:lg { justify-self: center; } .--flx-between\:lg { align-items: center; } .--flx-between\:lg, .--flx-between-stretch\:lg, .--flx-between-baseline\:lg, .--flx-between-start\:lg, .--flx-between-center\:lg, .--flx-between-end\:lg { justify-content: space-between; } .--flx-between\:lg.grd, .--flx-between-stretch\:lg.grd, .--flx-between-baseline\:lg.grd, .--flx-between-start\:lg.grd, .--flx-between-center\:lg.grd, .--flx-between-end\:lg.grd { justify-items: space-between; } .--flx-around\:lg { align-items: center; } .--flx-around\:lg, .--flx-around-stretch\:lg, .--flx-around-baseline\:lg, .--flx-around-start\:lg, .--flx-around-center\:lg, .--flx-around-end\:lg { justify-content: space-around; } .--flx-around\:lg.grd, .--flx-around-stretch\:lg.grd, .--flx-around-baseline\:lg.grd, .--flx-around-start\:lg.grd, .--flx-around-center\:lg.grd, .--flx-around-end\:lg.grd { justify-items: space-around; } .--flx-stretch\:lg { align-items: center; } .--flx-stretch\:lg, .--flx-stretch-stretch\:lg, .--flx-stretch-baseline\:lg, .--flx-stretch-start\:lg, .--flx-stretch-center\:lg, .--flx-stretch-end\:lg { justify-content: stretch; } .--flx-stretch\:lg.grd, .--flx-stretch-stretch\:lg.grd, .--flx-stretch-baseline\:lg.grd, .--flx-stretch-start\:lg.grd, .--flx-stretch-center\:lg.grd, .--flx-stretch-end\:lg.grd { justify-items: stretch; } .--flx-evenly\:lg { align-items: center; } .--flx-evenly\:lg, .--flx-evenly-stretch\:lg, .--flx-evenly-baseline\:lg, .--flx-evenly-start\:lg, .--flx-evenly-center\:lg, .--flx-evenly-end\:lg { justify-content: space-around; justify-content: space-evenly; } .--flx-evenly\:lg.grd, .--flx-evenly-stretch\:lg.grd, .--flx-evenly-baseline\:lg.grd, .--flx-evenly-start\:lg.grd, .--flx-evenly-center\:lg.grd, .--flx-evenly-end\:lg.grd { justify-items: space-around; justify-items: space-evenly; } .--flx-center\:lg { align-items: center; } .--flx-center\:lg, .--flx-center-stretch\:lg, .--flx-center-baseline\:lg, .--flx-center-start\:lg, .--flx-center-center\:lg, .--flx-center-end\:lg { justify-content: center; } .--flx-center\:lg.grd, .--flx-center-stretch\:lg.grd, .--flx-center-baseline\:lg.grd, .--flx-center-start\:lg.grd, .--flx-center-center\:lg.grd, .--flx-center-end\:lg.grd { justify-items: center; } .--flx-start\:lg { align-items: flex-start; } .--flx-start\:lg, .--flx-start-stretch\:lg, .--flx-start-baseline\:lg, .--flx-start-start\:lg, .--flx-start-center\:lg, .--flx-start-end\:lg { justify-content: flex-start; } .--flx-start\:lg.grd, .--flx-start-stretch\:lg.grd, .--flx-start-baseline\:lg.grd, .--flx-start-start\:lg.grd, .--flx-start-center\:lg.grd, .--flx-start-end\:lg.grd { justify-items: flex-start; } .--flx-end\:lg { align-items: flex-end; } .--flx-end\:lg, .--flx-end-stretch\:lg, .--flx-end-baseline\:lg, .--flx-end-start\:lg, .--flx-end-center\:lg, .--flx-end-end\:lg { justify-content: flex-end; } .--flx-end\:lg.grd, .--flx-end-stretch\:lg.grd, .--flx-end-baseline\:lg.grd, .--flx-end-start\:lg.grd, .--flx-end-center\:lg.grd, .--flx-end-end\:lg.grd { justify-items: flex-end; } .--flx-start-start\:lg, .--flx-center-start\:lg, .--flx-end-start\:lg, .--flx-stretch-start\:lg, .--flx-between-start\:lg, .--flx-around-start\:lg, .--flx-evenly-start\:lg { align-items: flex-start; } .--flx-start-center\:lg, .--flx-center-center\:lg, .--flx-end-center\:lg, .--flx-stretch-center\:lg, .--flx-between-center\:lg, .--flx-around-center\:lg, .--flx-evenly-center\:lg { align-items: center; } .--flx-start-end\:lg, .--flx-center-end\:lg, .--flx-end-end\:lg, .--flx-stretch-end\:lg, .--flx-between-end\:lg, .--flx-around-end\:lg, .--flx-evenly-end\:lg { align-items: flex-end; } .--flx-start-stretch\:lg, .--flx-center-stretch\:lg, .--flx-end-stretch\:lg, .--flx-stretch-stretch\:lg, .--flx-between-stretch\:lg, .--flx-around-stretch\:lg, .--flx-evenly-stretch\:lg { align-items: stretch; } .--flx-start-baseline\:lg, .--flx-center-baseline\:lg, .--flx-end-baseline\:lg, .--flx-stretch-baseline\:lg, .--flx-between-baseline\:lg, .--flx-around-baseline\:lg, .--flx-evenly-baseline\:lg { align-items: baseline; } .--flxSelf-between\:lg { align-self: center; } .--flxSelf-between\:lg, .--flxSelf-between-stretch\:lg, .--flxSelf-between-baseline\:lg, .--flxSelf-between-start\:lg, .--flxSelf-between-center\:lg, .--flxSelf-between-end\:lg { justify-self: space-between; } .--flxSelf-around\:lg { align-self: center; } .--flxSelf-around\:lg, .--flxSelf-around-stretch\:lg, .--flxSelf-around-baseline\:lg, .--flxSelf-around-start\:lg, .--flxSelf-around-center\:lg, .--flxSelf-around-end\:lg { justify-self: space-around; } .--flxSelf-stretch\:lg { align-self: center; } .--flxSelf-stretch\:lg, .--flxSelf-stretch-stretch\:lg, .--flxSelf-stretch-baseline\:lg, .--flxSelf-stretch-start\:lg, .--flxSelf-stretch-center\:lg, .--flxSelf-stretch-end\:lg { justify-self: stretch; } .--flxSelf-evenly\:lg { align-self: center; } .--flxSelf-evenly\:lg, .--flxSelf-evenly-stretch\:lg, .--flxSelf-evenly-baseline\:lg, .--flxSelf-evenly-start\:lg, .--flxSelf-evenly-center\:lg, .--flxSelf-evenly-end\:lg { justify-self: space-around; justify-self: space-evenly; } .--flxSelf-center\:lg { align-self: center; } .--flxSelf-center\:lg, .--flxSelf-center-stretch\:lg, .--flxSelf-center-baseline\:lg, .--flxSelf-center-start\:lg, .--flxSelf-center-center\:lg, .--flxSelf-center-end\:lg { justify-self: center; } .--flxSelf-start\:lg { align-self: flex-start; } .--flxSelf-start\:lg, .--flxSelf-start-stretch\:lg, .--flxSelf-start-baseline\:lg, .--flxSelf-start-start\:lg, .--flxSelf-start-center\:lg, .--flxSelf-start-end\:lg { justify-self: flex-start; } .--flxSelf-end\:lg { align-self: flex-end; } .--flxSelf-end\:lg, .--flxSelf-end-stretch\:lg, .--flxSelf-end-baseline\:lg, .--flxSelf-end-start\:lg, .--flxSelf-end-center\:lg, .--flxSelf-end-end\:lg { justify-self: flex-end; } .--flxSelf-start-start\:lg, .--flxSelf-center-start\:lg, .--flxSelf-end-start\:lg, .--flxSelf-stretch-start\:lg, .--flxSelf-between-start\:lg, .--flxSelf-around-start\:lg, .--flxSelf-evenly-start\:lg { align-self: flex-start; } .--flxSelf-start-center\:lg, .--flxSelf-center-center\:lg, .--flxSelf-end-center\:lg, .--flxSelf-stretch-center\:lg, .--flxSelf-between-center\:lg, .--flxSelf-around-center\:lg, .--flxSelf-evenly-center\:lg { align-self: center; } .--flxSelf-start-end\:lg, .--flxSelf-center-end\:lg, .--flxSelf-end-end\:lg, .--flxSelf-stretch-end\:lg, .--flxSelf-between-end\:lg, .--flxSelf-around-end\:lg, .--flxSelf-evenly-end\:lg { align-self: flex-end; } .--flxSelf-start-stretch\:lg, .--flxSelf-center-stretch\:lg, .--flxSelf-end-stretch\:lg, .--flxSelf-stretch-stretch\:lg, .--flxSelf-between-stretch\:lg, .--flxSelf-around-stretch\:lg, .--flxSelf-evenly-stretch\:lg { align-self: stretch; } .--flxSelf-start-baseline\:lg, .--flxSelf-center-baseline\:lg, .--flxSelf-end-baseline\:lg, .--flxSelf-stretch-baseline\:lg, .--flxSelf-between-baseline\:lg, .--flxSelf-around-baseline\:lg, .--flxSelf-evenly-baseline\:lg { align-self: baseline; } .--gap\:lg { gap: 1rem; } .--gap-0\:lg, .--gap-none\:lg { gap: 0; } .--gapX\:lg { column-gap: 1rem; } .--gapX-0\:lg, .--gapX-none\:lg { column-gap: 0; } .--gapY\:lg { row-gap: 1rem; } .--gapY-0\:lg, .--gapY-none\:lg { row-gap: 0; } .--gap-5\:lg { gap: 0.3333333333rem; } .--gapX-5\:lg { column-gap: 0.3333333333rem; } .--gapY-5\:lg { row-gap: 0.3333333333rem; } .--gap-10\:lg { gap: 0.6666666667rem; } .--gapX-10\:lg { column-gap: 0.6666666667rem; } .--gapY-10\:lg { row-gap: 0.6666666667rem; } .--gap-15\:lg { gap: 1rem; } .--gapX-15\:lg { column-gap: 1rem; } .--gapY-15\:lg { row-gap: 1rem; } .--gap-20\:lg { gap: 1.3333333333rem; } .--gapX-20\:lg { column-gap: 1.3333333333rem; } .--gapY-20\:lg { row-gap: 1.3333333333rem; } .--gap-25\:lg { gap: 1.6666666667rem; } .--gapX-25\:lg { column-gap: 1.6666666667rem; } .--gapY-25\:lg { row-gap: 1.6666666667rem; } .--gap-30\:lg { gap: 2rem; } .--gapX-30\:lg { column-gap: 2rem; } .--gapY-30\:lg { row-gap: 2rem; } .--gap-35\:lg { gap: 2.3333333333rem; } .--gapX-35\:lg { column-gap: 2.3333333333rem; } .--gapY-35\:lg { row-gap: 2.3333333333rem; } .--gap-40\:lg { gap: 2.6666666667rem; } .--gapX-40\:lg { column-gap: 2.6666666667rem; } .--gapY-40\:lg { row-gap: 2.6666666667rem; } .--gap-45\:lg { gap: 3rem; } .--gapX-45\:lg { column-gap: 3rem; } .--gapY-45\:lg { row-gap: 3rem; } .--gap-50\:lg { gap: 3.3333333333rem; } .--gapX-50\:lg { column-gap: 3.3333333333rem; } .--gapY-50\:lg { row-gap: 3.3333333333rem; } .--height-quarter\:lg, .--height-25\:lg { height: 25%; } .--height-third\:lg, .--height-33\:lg { height: 33%; } .--height-half\:lg, .--height-50\:lg { height: 50%; } .--height-0\:lg { height: 0; } .--height-none\:lg { height: unset; height: none; } .--height-100\:lg, .--height-full\:lg { height: 100%; } .--height-1920\:lg { height: 128rem; } .--height-1080\:lg { height: 72rem; } .--height-480\:lg { height: 32rem; } .--height-440\:lg { height: 29rem; } .--height-220\:lg { height: 15rem; } .--height-180\:lg { height: 12rem; } .--height-90\:lg { height: 6rem; } .--heightVw\:lg { height: 25vw; height: 25dvw; } .--heightVw-30\:lg { height: 30vw; height: 30dvw; } .--heightVw-40\:lg { height: 40vw; height: 40dvw; } .--heightVw-50\:lg { height: 50vw; height: 50dvw; } .--heightVw-60\:lg { height: 60vw; height: 60dvw; } .--heightVw-70\:lg { height: 70vw; height: 70dvw; } .--heightVw-80\:lg { height: 80vw; height: 80dvw; } .--heightVw-90\:lg { height: 90vw; height: 90dvw; } .--heightVw-100\:lg { height: 100vw; height: 100dvw; } .--heightVh\:lg { height: 25vh; height: 25dvh; } .--heightVh-30\:lg { height: 30vh; height: 30dvh; } .--heightVh-40\:lg { height: 40vh; height: 40dvh; } .--heightVh-50\:lg { height: 50vh; height: 50dvh; } .--heightVh-60\:lg { height: 60vh; height: 60dvh; } .--heightVh-70\:lg { height: 70vh; height: 70dvh; } .--heightVh-80\:lg { height: 80vh; height: 80dvh; } .--heightVh-90\:lg { height: 90vh; height: 90dvh; } .--heightVh-100\:lg { height: 100vh; height: 100dvh; } .--height\:lg, .--height-auto\:lg { height: auto; } .--height-fit\:lg { height: fit-content; } .--height-max\:lg { height: max-content; } .--height-min\:lg { height: min-content; } .--minHeight-quarter\:lg, .--minHeight-25\:lg { min-height: 25%; } .--minHeight-third\:lg, .--minHeight-33\:lg { min-height: 33%; } .--minHeight-half\:lg, .--minHeight-50\:lg { min-height: 50%; } .--minHeight-0\:lg { min-height: 0; } .--minHeight-none\:lg { min-height: unset; min-height: none; } .--minHeight-100\:lg, .--minHeight-full\:lg { min-height: 100%; } .--minHeight-1920\:lg { min-height: 128rem; } .--minHeight-1080\:lg { min-height: 72rem; } .--minHeight-480\:lg { min-height: 32rem; } .--minHeight-440\:lg { min-height: 29rem; } .--minHeight-220\:lg { min-height: 15rem; } .--minHeight-180\:lg { min-height: 12rem; } .--minHeight-90\:lg { min-height: 6rem; } .--minHeightVw\:lg { min-height: 25vw; min-height: 25dvw; } .--minHeightVw-30\:lg { min-height: 30vw; min-height: 30dvw; } .--minHeightVw-40\:lg { min-height: 40vw; min-height: 40dvw; } .--minHeightVw-50\:lg { min-height: 50vw; min-height: 50dvw; } .--minHeightVw-60\:lg { min-height: 60vw; min-height: 60dvw; } .--minHeightVw-70\:lg { min-height: 70vw; min-height: 70dvw; } .--minHeightVw-80\:lg { min-height: 80vw; min-height: 80dvw; } .--minHeightVw-90\:lg { min-height: 90vw; min-height: 90dvw; } .--minHeightVw-100\:lg { min-height: 100vw; min-height: 100dvw; } .--minHeightVh\:lg { min-height: 25vh; min-height: 25dvh; } .--minHeightVh-30\:lg { min-height: 30vh; min-height: 30dvh; } .--minHeightVh-40\:lg { min-height: 40vh; min-height: 40dvh; } .--minHeightVh-50\:lg { min-height: 50vh; min-height: 50dvh; } .--minHeightVh-60\:lg { min-height: 60vh; min-height: 60dvh; } .--minHeightVh-70\:lg { min-height: 70vh; min-height: 70dvh; } .--minHeightVh-80\:lg { min-height: 80vh; min-height: 80dvh; } .--minHeightVh-90\:lg { min-height: 90vh; min-height: 90dvh; } .--minHeightVh-100\:lg { min-height: 100vh; min-height: 100dvh; } .--minHeight\:lg, .--minHeight-1200\:lg { min-height: 75rem; } .--minHeight-fit\:lg { min-height: fit-content; } .--minHeight-max\:lg { min-height: max-content; } .--minHeight-min\:lg { min-height: min-content; } .--maxHeight-quarter\:lg, .--maxHeight-25\:lg { max-height: 25%; } .--maxHeight-third\:lg, .--maxHeight-33\:lg { max-height: 33%; } .--maxHeight-half\:lg, .--maxHeight-50\:lg { max-height: 50%; } .--maxHeight-0\:lg { max-height: 0; } .--maxHeight-none\:lg { max-height: unset; max-height: none; } .--maxHeight-100\:lg, .--maxHeight-full\:lg { max-height: 100%; } .--maxHeight-1920\:lg { max-height: 128rem; } .--maxHeight-1080\:lg { max-height: 72rem; } .--maxHeight-480\:lg { max-height: 32rem; } .--maxHeight-440\:lg { max-height: 29rem; } .--maxHeight-220\:lg { max-height: 15rem; } .--maxHeight-180\:lg { max-height: 12rem; } .--maxHeight-90\:lg { max-height: 6rem; } .--maxHeightVw\:lg { max-height: 25vw; max-height: 25dvw; } .--maxHeightVw-30\:lg { max-height: 30vw; max-height: 30dvw; } .--maxHeightVw-40\:lg { max-height: 40vw; max-height: 40dvw; } .--maxHeightVw-50\:lg { max-height: 50vw; max-height: 50dvw; } .--maxHeightVw-60\:lg { max-height: 60vw; max-height: 60dvw; } .--maxHeightVw-70\:lg { max-height: 70vw; max-height: 70dvw; } .--maxHeightVw-80\:lg { max-height: 80vw; max-height: 80dvw; } .--maxHeightVw-90\:lg { max-height: 90vw; max-height: 90dvw; } .--maxHeightVw-100\:lg { max-height: 100vw; max-height: 100dvw; } .--maxHeightVh\:lg { max-height: 25vh; max-height: 25dvh; } .--maxHeightVh-30\:lg { max-height: 30vh; max-height: 30dvh; } .--maxHeightVh-40\:lg { max-height: 40vh; max-height: 40dvh; } .--maxHeightVh-50\:lg { max-height: 50vh; max-height: 50dvh; } .--maxHeightVh-60\:lg { max-height: 60vh; max-height: 60dvh; } .--maxHeightVh-70\:lg { max-height: 70vh; max-height: 70dvh; } .--maxHeightVh-80\:lg { max-height: 80vh; max-height: 80dvh; } .--maxHeightVh-90\:lg { max-height: 90vh; max-height: 90dvh; } .--maxHeightVh-100\:lg { max-height: 100vh; max-height: 100dvh; } .--maxHeight\:lg, .--maxHeight-1200\:lg { max-height: 75rem; } .--maxHeight-fit\:lg { max-height: fit-content; } .--maxHeight-max\:lg { max-height: max-content; } .--maxHeight-min\:lg { max-height: min-content; } .--m\:lg { margin: 1rem; } .--m-0\:lg, .--m-none\:lg { margin: unset; margin: none; margin: 0; } .--mX\:lg { margin-left: 1rem; margin-right: 1rem; } .--mX-0\:lg, .--mX-none\:lg { margin-left: unset; margin-left: none; margin-left: 0; margin-right: unset; margin-right: none; margin-right: 0; } .--mY\:lg { margin-top: 1rem; margin-bottom: 1rem; } .--mY-0\:lg, .--mY-none\:lg { margin-top: unset; margin-top: none; margin-top: 0; margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--m-5\:lg { margin: 0.3333333333rem; } .--mX-5\:lg { margin-left: 0.3333333333rem; margin-right: 0.3333333333rem; } .--mY-5\:lg { margin-top: 0.3333333333rem; margin-bottom: 0.3333333333rem; } .--m-10\:lg { margin: 0.6666666667rem; } .--mX-10\:lg { margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; } .--mY-10\:lg { margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; } .--m-15\:lg { margin: 1rem; } .--mX-15\:lg { margin-left: 1rem; margin-right: 1rem; } .--mY-15\:lg { margin-top: 1rem; margin-bottom: 1rem; } .--m-20\:lg { margin: 1.3333333333rem; } .--mX-20\:lg { margin-left: 1.3333333333rem; margin-right: 1.3333333333rem; } .--mY-20\:lg { margin-top: 1.3333333333rem; margin-bottom: 1.3333333333rem; } .--m-25\:lg { margin: 1.6666666667rem; } .--mX-25\:lg { margin-left: 1.6666666667rem; margin-right: 1.6666666667rem; } .--mY-25\:lg { margin-top: 1.6666666667rem; margin-bottom: 1.6666666667rem; } .--m-30\:lg { margin: 2rem; } .--mX-30\:lg { margin-left: 2rem; margin-right: 2rem; } .--mY-30\:lg { margin-top: 2rem; margin-bottom: 2rem; } .--m-35\:lg { margin: 2.3333333333rem; } .--mX-35\:lg { margin-left: 2.3333333333rem; margin-right: 2.3333333333rem; } .--mY-35\:lg { margin-top: 2.3333333333rem; margin-bottom: 2.3333333333rem; } .--m-40\:lg { margin: 2.6666666667rem; } .--mX-40\:lg { margin-left: 2.6666666667rem; margin-right: 2.6666666667rem; } .--mY-40\:lg { margin-top: 2.6666666667rem; margin-bottom: 2.6666666667rem; } .--m-45\:lg { margin: 3rem; } .--mX-45\:lg { margin-left: 3rem; margin-right: 3rem; } .--mY-45\:lg { margin-top: 3rem; margin-bottom: 3rem; } .--m-50\:lg { margin: 3.3333333333rem; } .--mX-50\:lg { margin-left: 3.3333333333rem; margin-right: 3.3333333333rem; } .--mY-50\:lg { margin-top: 3.3333333333rem; margin-bottom: 3.3333333333rem; } .--mTop\:lg { margin-top: 1rem; } .--mTop-0\:lg, .--mTop-none\:lg { margin-top: unset; margin-top: none; margin-top: 0; } .--mTop-5\:lg { margin-top: 0.3333333333rem; } .--mTop-10\:lg { margin-top: 0.6666666667rem; } .--mTop-15\:lg { margin-top: 1rem; } .--mTop-20\:lg { margin-top: 1.3333333333rem; } .--mTop-25\:lg { margin-top: 1.6666666667rem; } .--mTop-30\:lg { margin-top: 2rem; } .--mTop-35\:lg { margin-top: 2.3333333333rem; } .--mTop-40\:lg { margin-top: 2.6666666667rem; } .--mTop-45\:lg { margin-top: 3rem; } .--mTop-50\:lg { margin-top: 3.3333333333rem; } .--mRight\:lg { margin-right: 1rem; } .--mRight-0\:lg, .--mRight-none\:lg { margin-right: unset; margin-right: none; margin-right: 0; } .--mRight-5\:lg { margin-right: 0.3333333333rem; } .--mRight-10\:lg { margin-right: 0.6666666667rem; } .--mRight-15\:lg { margin-right: 1rem; } .--mRight-20\:lg { margin-right: 1.3333333333rem; } .--mRight-25\:lg { margin-right: 1.6666666667rem; } .--mRight-30\:lg { margin-right: 2rem; } .--mRight-35\:lg { margin-right: 2.3333333333rem; } .--mRight-40\:lg { margin-right: 2.6666666667rem; } .--mRight-45\:lg { margin-right: 3rem; } .--mRight-50\:lg { margin-right: 3.3333333333rem; } .--mBottom\:lg { margin-bottom: 1rem; } .--mBottom-0\:lg, .--mBottom-none\:lg { margin-bottom: unset; margin-bottom: none; margin-bottom: 0; } .--mBottom-5\:lg { margin-bottom: 0.3333333333rem; } .--mBottom-10\:lg { margin-bottom: 0.6666666667rem; } .--mBottom-15\:lg { margin-bottom: 1rem; } .--mBottom-20\:lg { margin-bottom: 1.3333333333rem; } .--mBottom-25\:lg { margin-bottom: 1.6666666667rem; } .--mBottom-30\:lg { margin-bottom: 2rem; } .--mBottom-35\:lg { margin-bottom: 2.3333333333rem; } .--mBottom-40\:lg { margin-bottom: 2.6666666667rem; } .--mBottom-45\:lg { margin-bottom: 3rem; } .--mBottom-50\:lg { margin-bottom: 3.3333333333rem; } .--mLeft\:lg { margin-left: 1rem; } .--mLeft-0\:lg, .--mLeft-none\:lg { margin-left: unset; margin-left: none; margin-left: 0; } .--mLeft-5\:lg { margin-left: 0.3333333333rem; } .--mLeft-10\:lg { margin-left: 0.6666666667rem; } .--mLeft-15\:lg { margin-left: 1rem; } .--mLeft-20\:lg { margin-left: 1.3333333333rem; } .--mLeft-25\:lg { margin-left: 1.6666666667rem; } .--mLeft-30\:lg { margin-left: 2rem; } .--mLeft-35\:lg { margin-left: 2.3333333333rem; } .--mLeft-40\:lg { margin-left: 2.6666666667rem; } .--mLeft-45\:lg { margin-left: 3rem; } .--mLeft-50\:lg { margin-left: 3.3333333333rem; } .--m-center\:lg { margin: 0 auto; } .--mX-left\:lg { margin-left: 0; margin-right: auto; } .--mX-right\:lg { margin-left: auto; margin-right: 0; } .--mX\:lg, .--mX-center\:lg { margin-left: auto; margin-right: auto; } .--mY-top\:lg { margin-top: 0; margin-bottom: auto; } .--mY-bottom\:lg { margin-top: auto; margin-bottom: 0; } .--mY\:lg, .--mY-center\:lg { margin-top: auto; margin-bottom: auto; } .--p\:lg { padding: 1rem; } .--p-0\:lg, .--p-none\:lg { padding: unset; padding: none; padding: 0; } .--pX\:lg { padding-left: 1rem; padding-right: 1rem; } .--pX-0\:lg, .--pX-none\:lg { padding-left: unset; padding-left: none; padding-left: 0; padding-right: unset; padding-right: none; padding-right: 0; } .--pY\:lg { padding-top: 1rem; padding-bottom: 1rem; } .--pY-0\:lg, .--pY-none\:lg { padding-top: unset; padding-top: none; padding-top: 0; padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--p-5\:lg { padding: 0.3333333333rem; } .--pX-5\:lg { padding-left: 0.3333333333rem; padding-right: 0.3333333333rem; } .--pY-5\:lg { padding-top: 0.3333333333rem; padding-bottom: 0.3333333333rem; } .--p-10\:lg { padding: 0.6666666667rem; } .--pX-10\:lg { padding-left: 0.6666666667rem; padding-right: 0.6666666667rem; } .--pY-10\:lg { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; } .--p-15\:lg { padding: 1rem; } .--pX-15\:lg { padding-left: 1rem; padding-right: 1rem; } .--pY-15\:lg { padding-top: 1rem; padding-bottom: 1rem; } .--p-20\:lg { padding: 1.3333333333rem; } .--pX-20\:lg { padding-left: 1.3333333333rem; padding-right: 1.3333333333rem; } .--pY-20\:lg { padding-top: 1.3333333333rem; padding-bottom: 1.3333333333rem; } .--p-25\:lg { padding: 1.6666666667rem; } .--pX-25\:lg { padding-left: 1.6666666667rem; padding-right: 1.6666666667rem; } .--pY-25\:lg { padding-top: 1.6666666667rem; padding-bottom: 1.6666666667rem; } .--p-30\:lg { padding: 2rem; } .--pX-30\:lg { padding-left: 2rem; padding-right: 2rem; } .--pY-30\:lg { padding-top: 2rem; padding-bottom: 2rem; } .--p-35\:lg { padding: 2.3333333333rem; } .--pX-35\:lg { padding-left: 2.3333333333rem; padding-right: 2.3333333333rem; } .--pY-35\:lg { padding-top: 2.3333333333rem; padding-bottom: 2.3333333333rem; } .--p-40\:lg { padding: 2.6666666667rem; } .--pX-40\:lg { padding-left: 2.6666666667rem; padding-right: 2.6666666667rem; } .--pY-40\:lg { padding-top: 2.6666666667rem; padding-bottom: 2.6666666667rem; } .--p-45\:lg { padding: 3rem; } .--pX-45\:lg { padding-left: 3rem; padding-right: 3rem; } .--pY-45\:lg { padding-top: 3rem; padding-bottom: 3rem; } .--p-50\:lg { padding: 3.3333333333rem; } .--pX-50\:lg { padding-left: 3.3333333333rem; padding-right: 3.3333333333rem; } .--pY-50\:lg { padding-top: 3.3333333333rem; padding-bottom: 3.3333333333rem; } .--pTop\:lg { padding-top: 1rem; } .--pTop-0\:lg, .--pTop-none\:lg { padding-top: unset; padding-top: none; padding-top: 0; } .--pTop-5\:lg { padding-top: 0.3333333333rem; } .--pTop-10\:lg { padding-top: 0.6666666667rem; } .--pTop-15\:lg { padding-top: 1rem; } .--pTop-20\:lg { padding-top: 1.3333333333rem; } .--pTop-25\:lg { padding-top: 1.6666666667rem; } .--pTop-30\:lg { padding-top: 2rem; } .--pTop-35\:lg { padding-top: 2.3333333333rem; } .--pTop-40\:lg { padding-top: 2.6666666667rem; } .--pTop-45\:lg { padding-top: 3rem; } .--pTop-50\:lg { padding-top: 3.3333333333rem; } .--pRight\:lg { padding-right: 1rem; } .--pRight-0\:lg, .--pRight-none\:lg { padding-right: unset; padding-right: none; padding-right: 0; } .--pRight-5\:lg { padding-right: 0.3333333333rem; } .--pRight-10\:lg { padding-right: 0.6666666667rem; } .--pRight-15\:lg { padding-right: 1rem; } .--pRight-20\:lg { padding-right: 1.3333333333rem; } .--pRight-25\:lg { padding-right: 1.6666666667rem; } .--pRight-30\:lg { padding-right: 2rem; } .--pRight-35\:lg { padding-right: 2.3333333333rem; } .--pRight-40\:lg { padding-right: 2.6666666667rem; } .--pRight-45\:lg { padding-right: 3rem; } .--pRight-50\:lg { padding-right: 3.3333333333rem; } .--pBottom\:lg { padding-bottom: 1rem; } .--pBottom-0\:lg, .--pBottom-none\:lg { padding-bottom: unset; padding-bottom: none; padding-bottom: 0; } .--pBottom-5\:lg { padding-bottom: 0.3333333333rem; } .--pBottom-10\:lg { padding-bottom: 0.6666666667rem; } .--pBottom-15\:lg { padding-bottom: 1rem; } .--pBottom-20\:lg { padding-bottom: 1.3333333333rem; } .--pBottom-25\:lg { padding-bottom: 1.6666666667rem; } .--pBottom-30\:lg { padding-bottom: 2rem; } .--pBottom-35\:lg { padding-bottom: 2.3333333333rem; } .--pBottom-40\:lg { padding-bottom: 2.6666666667rem; } .--pBottom-45\:lg { padding-bottom: 3rem; } .--pBottom-50\:lg { padding-bottom: 3.3333333333rem; } .--pLeft\:lg { padding-left: 1rem; } .--pLeft-0\:lg, .--pLeft-none\:lg { padding-left: unset; padding-left: none; padding-left: 0; } .--pLeft-5\:lg { padding-left: 0.3333333333rem; } .--pLeft-10\:lg { padding-left: 0.6666666667rem; } .--pLeft-15\:lg { padding-left: 1rem; } .--pLeft-20\:lg { padding-left: 1.3333333333rem; } .--pLeft-25\:lg { padding-left: 1.6666666667rem; } .--pLeft-30\:lg { padding-left: 2rem; } .--pLeft-35\:lg { padding-left: 2.3333333333rem; } .--pLeft-40\:lg { padding-left: 2.6666666667rem; } .--pLeft-45\:lg { padding-left: 3rem; } .--pLeft-50\:lg { padding-left: 3.3333333333rem; } .--width-quarter\:lg, .--width-25\:lg { width: 25%; } .--width-third\:lg, .--width-33\:lg { width: 33%; } .--width-half\:lg, .--width-50\:lg { width: 50%; } .--width-0\:lg { width: 0; } .--width-none\:lg { width: unset; width: none; } .--width-100\:lg, .--width-full\:lg { width: 100%; } .--width-1920\:lg { width: 128rem; } .--width-1080\:lg { width: 72rem; } .--width-480\:lg { width: 32rem; } .--width-440\:lg { width: 29rem; } .--width-220\:lg { width: 15rem; } .--width-180\:lg { width: 12rem; } .--width-90\:lg { width: 6rem; } .--widthVw\:lg { width: 25vw; width: 25dvw; } .--widthVw-30\:lg { width: 30vw; width: 30dvw; } .--widthVw-40\:lg { width: 40vw; width: 40dvw; } .--widthVw-50\:lg { width: 50vw; width: 50dvw; } .--widthVw-60\:lg { width: 60vw; width: 60dvw; } .--widthVw-70\:lg { width: 70vw; width: 70dvw; } .--widthVw-80\:lg { width: 80vw; width: 80dvw; } .--widthVw-90\:lg { width: 90vw; width: 90dvw; } .--widthVw-100\:lg { width: 100vw; width: 100dvw; } .--widthVh\:lg { width: 25vh; width: 25dvh; } .--widthVh-30\:lg { width: 30vh; width: 30dvh; } .--widthVh-40\:lg { width: 40vh; width: 40dvh; } .--widthVh-50\:lg { width: 50vh; width: 50dvh; } .--widthVh-60\:lg { width: 60vh; width: 60dvh; } .--widthVh-70\:lg { width: 70vh; width: 70dvh; } .--widthVh-80\:lg { width: 80vh; width: 80dvh; } .--widthVh-90\:lg { width: 90vh; width: 90dvh; } .--widthVh-100\:lg { width: 100vh; width: 100dvh; } .--width\:lg, .--width-auto\:lg { width: auto; } .--width-fit\:lg { width: fit-content; } .--width-max\:lg { width: max-content; } .--width-min\:lg { width: min-content; } .--minWidth-quarter\:lg, .--minWidth-25\:lg { min-width: 25%; } .--minWidth-third\:lg, .--minWidth-33\:lg { min-width: 33%; } .--minWidth-half\:lg, .--minWidth-50\:lg { min-width: 50%; } .--minWidth-0\:lg { min-width: 0; } .--minWidth-none\:lg { min-width: unset; min-width: none; } .--minWidth-100\:lg, .--minWidth-full\:lg { min-width: 100%; } .--minWidth-1920\:lg { min-width: 128rem; } .--minWidth-1080\:lg { min-width: 72rem; } .--minWidth-480\:lg { min-width: 32rem; } .--minWidth-440\:lg { min-width: 29rem; } .--minWidth-220\:lg { min-width: 15rem; } .--minWidth-180\:lg { min-width: 12rem; } .--minWidth-90\:lg { min-width: 6rem; } .--minWidthVw\:lg { min-width: 25vw; min-width: 25dvw; } .--minWidthVw-30\:lg { min-width: 30vw; min-width: 30dvw; } .--minWidthVw-40\:lg { min-width: 40vw; min-width: 40dvw; } .--minWidthVw-50\:lg { min-width: 50vw; min-width: 50dvw; } .--minWidthVw-60\:lg { min-width: 60vw; min-width: 60dvw; } .--minWidthVw-70\:lg { min-width: 70vw; min-width: 70dvw; } .--minWidthVw-80\:lg { min-width: 80vw; min-width: 80dvw; } .--minWidthVw-90\:lg { min-width: 90vw; min-width: 90dvw; } .--minWidthVw-100\:lg { min-width: 100vw; min-width: 100dvw; } .--minWidthVh\:lg { min-width: 25vh; min-width: 25dvh; } .--minWidthVh-30\:lg { min-width: 30vh; min-width: 30dvh; } .--minWidthVh-40\:lg { min-width: 40vh; min-width: 40dvh; } .--minWidthVh-50\:lg { min-width: 50vh; min-width: 50dvh; } .--minWidthVh-60\:lg { min-width: 60vh; min-width: 60dvh; } .--minWidthVh-70\:lg { min-width: 70vh; min-width: 70dvh; } .--minWidthVh-80\:lg { min-width: 80vh; min-width: 80dvh; } .--minWidthVh-90\:lg { min-width: 90vh; min-width: 90dvh; } .--minWidthVh-100\:lg { min-width: 100vh; min-width: 100dvh; } .--minWidth\:lg, .--minWidth-1200\:lg { min-width: 75rem; } .--minWidth-fit\:lg { min-width: fit-content; } .--minWidth-max\:lg { min-width: max-content; } .--minWidth-min\:lg { min-width: min-content; } .--maxWidth-quarter\:lg, .--maxWidth-25\:lg { max-width: 25%; } .--maxWidth-third\:lg, .--maxWidth-33\:lg { max-width: 33%; } .--maxWidth-half\:lg, .--maxWidth-50\:lg { max-width: 50%; } .--maxWidth-0\:lg { max-width: 0; } .--maxWidth-none\:lg { max-width: unset; max-width: none; } .--maxWidth-100\:lg, .--maxWidth-full\:lg { max-width: 100%; } .--maxWidth-1920\:lg { max-width: 128rem; } .--maxWidth-1080\:lg { max-width: 72rem; } .--maxWidth-480\:lg { max-width: 32rem; } .--maxWidth-440\:lg { max-width: 29rem; } .--maxWidth-220\:lg { max-width: 15rem; } .--maxWidth-180\:lg { max-width: 12rem; } .--maxWidth-90\:lg { max-width: 6rem; } .--maxWidthVw\:lg { max-width: 25vw; max-width: 25dvw; } .--maxWidthVw-30\:lg { max-width: 30vw; max-width: 30dvw; } .--maxWidthVw-40\:lg { max-width: 40vw; max-width: 40dvw; } .--maxWidthVw-50\:lg { max-width: 50vw; max-width: 50dvw; } .--maxWidthVw-60\:lg { max-width: 60vw; max-width: 60dvw; } .--maxWidthVw-70\:lg { max-width: 70vw; max-width: 70dvw; } .--maxWidthVw-80\:lg { max-width: 80vw; max-width: 80dvw; } .--maxWidthVw-90\:lg { max-width: 90vw; max-width: 90dvw; } .--maxWidthVw-100\:lg { max-width: 100vw; max-width: 100dvw; } .--maxWidthVh\:lg { max-width: 25vh; max-width: 25dvh; } .--maxWidthVh-30\:lg { max-width: 30vh; max-width: 30dvh; } .--maxWidthVh-40\:lg { max-width: 40vh; max-width: 40dvh; } .--maxWidthVh-50\:lg { max-width: 50vh; max-width: 50dvh; } .--maxWidthVh-60\:lg { max-width: 60vh; max-width: 60dvh; } .--maxWidthVh-70\:lg { max-width: 70vh; max-width: 70dvh; } .--maxWidthVh-80\:lg { max-width: 80vh; max-width: 80dvh; } .--maxWidthVh-90\:lg { max-width: 90vh; max-width: 90dvh; } .--maxWidthVh-100\:lg { max-width: 100vh; max-width: 100dvh; } .--maxWidth\:lg, .--maxWidth-1200\:lg { max-width: 75rem; } .--maxWidth-fit\:lg { max-width: fit-content; } .--maxWidth-max\:lg { max-width: max-content; } .--maxWidth-min\:lg { max-width: min-content; } .--txtAlign-right\:lg { text-align: right; } .--txtAlign-right\:lg:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:lg { text-align: center; } .--txtAlign-center\:lg:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:lg { text-align: justify; } .--txtAlign-justify\:lg:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:lg, .--txtAlign-left\:lg { text-align: left; } .--txtAlign\:lg:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:lg:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:lg:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:lg:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:lg:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:lg:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:lg:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtColor\:lg { color: #2f4858; } .--txtColor-primary\:lg { color: #1e8549; } .--txtColor-primary1\:lg { color: rgba(30, 133, 73, 0.1); } .--txtColor-primary2\:lg { color: rgba(30, 133, 73, 0.2); } .--txtColor-primary3\:lg { color: rgba(30, 133, 73, 0.3); } .--txtColor-primary4\:lg { color: rgba(30, 133, 73, 0.4); } .--txtColor-primary5\:lg { color: rgba(30, 133, 73, 0.5); } .--txtColor-primary6\:lg { color: rgba(30, 133, 73, 0.6); } .--txtColor-primary7\:lg { color: rgba(30, 133, 73, 0.7); } .--txtColor-primary8\:lg { color: rgba(30, 133, 73, 0.8); } .--txtColor-primary9\:lg { color: rgba(30, 133, 73, 0.9); } .--txtColor-primary-complement\:lg { color: hsl(120, 100%, -1.568627451%); } .--txtColor-primary-complement1\:lg { color: hsla(120, 100%, -1.568627451%, 0.1); } .--txtColor-primary-complement2\:lg { color: hsla(120, 100%, -1.568627451%, 0.2); } .--txtColor-primary-complement3\:lg { color: hsla(120, 100%, -1.568627451%, 0.3); } .--txtColor-primary-complement4\:lg { color: hsla(120, 100%, -1.568627451%, 0.4); } .--txtColor-primary-complement5\:lg { color: hsla(120, 100%, -1.568627451%, 0.5); } .--txtColor-primary-complement6\:lg { color: hsla(120, 100%, -1.568627451%, 0.6); } .--txtColor-primary-complement7\:lg { color: hsla(120, 100%, -1.568627451%, 0.7); } .--txtColor-primary-complement8\:lg { color: hsla(120, 100%, -1.568627451%, 0.8); } .--txtColor-primary-complement9\:lg { color: hsla(120, 100%, -1.568627451%, 0.9); } .--txtColor-secondary\:lg { color: #2ecc71; } .--txtColor-secondary1\:lg { color: rgba(46, 204, 113, 0.1); } .--txtColor-secondary2\:lg { color: rgba(46, 204, 113, 0.2); } .--txtColor-secondary3\:lg { color: rgba(46, 204, 113, 0.3); } .--txtColor-secondary4\:lg { color: rgba(46, 204, 113, 0.4); } .--txtColor-secondary5\:lg { color: rgba(46, 204, 113, 0.5); } .--txtColor-secondary6\:lg { color: rgba(46, 204, 113, 0.6); } .--txtColor-secondary7\:lg { color: rgba(46, 204, 113, 0.7); } .--txtColor-secondary8\:lg { color: rgba(46, 204, 113, 0.8); } .--txtColor-secondary9\:lg { color: rgba(46, 204, 113, 0.9); } .--txtColor-secondary-complement\:lg { color: #1abc9c; } .--txtColor-secondary-complement1\:lg { color: rgba(26, 188, 156, 0.1); } .--txtColor-secondary-complement2\:lg { color: rgba(26, 188, 156, 0.2); } .--txtColor-secondary-complement3\:lg { color: rgba(26, 188, 156, 0.3); } .--txtColor-secondary-complement4\:lg { color: rgba(26, 188, 156, 0.4); } .--txtColor-secondary-complement5\:lg { color: rgba(26, 188, 156, 0.5); } .--txtColor-secondary-complement6\:lg { color: rgba(26, 188, 156, 0.6); } .--txtColor-secondary-complement7\:lg { color: rgba(26, 188, 156, 0.7); } .--txtColor-secondary-complement8\:lg { color: rgba(26, 188, 156, 0.8); } .--txtColor-secondary-complement9\:lg { color: rgba(26, 188, 156, 0.9); } .--txtColor-danger\:lg { color: #e74c3c; } .--txtColor-danger1\:lg { color: rgba(231, 76, 60, 0.1); } .--txtColor-danger2\:lg { color: rgba(231, 76, 60, 0.2); } .--txtColor-danger3\:lg { color: rgba(231, 76, 60, 0.3); } .--txtColor-danger4\:lg { color: rgba(231, 76, 60, 0.4); } .--txtColor-danger5\:lg { color: rgba(231, 76, 60, 0.5); } .--txtColor-danger6\:lg { color: rgba(231, 76, 60, 0.6); } .--txtColor-danger7\:lg { color: rgba(231, 76, 60, 0.7); } .--txtColor-danger8\:lg { color: rgba(231, 76, 60, 0.8); } .--txtColor-danger9\:lg { color: rgba(231, 76, 60, 0.9); } .--txtColor-success\:lg { color: #259c21; } .--txtColor-success1\:lg { color: rgba(37, 156, 33, 0.1); } .--txtColor-success2\:lg { color: rgba(37, 156, 33, 0.2); } .--txtColor-success3\:lg { color: rgba(37, 156, 33, 0.3); } .--txtColor-success4\:lg { color: rgba(37, 156, 33, 0.4); } .--txtColor-success5\:lg { color: rgba(37, 156, 33, 0.5); } .--txtColor-success6\:lg { color: rgba(37, 156, 33, 0.6); } .--txtColor-success7\:lg { color: rgba(37, 156, 33, 0.7); } .--txtColor-success8\:lg { color: rgba(37, 156, 33, 0.8); } .--txtColor-success9\:lg { color: rgba(37, 156, 33, 0.9); } .--txtColor-warning\:lg { color: #f39c12; } .--txtColor-warning1\:lg { color: rgba(243, 156, 18, 0.1); } .--txtColor-warning2\:lg { color: rgba(243, 156, 18, 0.2); } .--txtColor-warning3\:lg { color: rgba(243, 156, 18, 0.3); } .--txtColor-warning4\:lg { color: rgba(243, 156, 18, 0.4); } .--txtColor-warning5\:lg { color: rgba(243, 156, 18, 0.5); } .--txtColor-warning6\:lg { color: rgba(243, 156, 18, 0.6); } .--txtColor-warning7\:lg { color: rgba(243, 156, 18, 0.7); } .--txtColor-warning8\:lg { color: rgba(243, 156, 18, 0.8); } .--txtColor-warning9\:lg { color: rgba(243, 156, 18, 0.9); } .--txtColor-light\:lg { color: #fff; } .--txtColor-light1\:lg { color: rgba(255, 255, 255, 0.1); } .--txtColor-light2\:lg { color: rgba(255, 255, 255, 0.2); } .--txtColor-light3\:lg { color: rgba(255, 255, 255, 0.3); } .--txtColor-light4\:lg { color: rgba(255, 255, 255, 0.4); } .--txtColor-light5\:lg { color: rgba(255, 255, 255, 0.5); } .--txtColor-light6\:lg { color: rgba(255, 255, 255, 0.6); } .--txtColor-light7\:lg { color: rgba(255, 255, 255, 0.7); } .--txtColor-light8\:lg { color: rgba(255, 255, 255, 0.8); } .--txtColor-light9\:lg { color: rgba(255, 255, 255, 0.9); } .--txtColor-dark\:lg { color: #000; } .--txtColor-dark1\:lg { color: rgba(0, 0, 0, 0.1); } .--txtColor-dark2\:lg { color: rgba(0, 0, 0, 0.2); } .--txtColor-dark3\:lg { color: rgba(0, 0, 0, 0.3); } .--txtColor-dark4\:lg { color: rgba(0, 0, 0, 0.4); } .--txtColor-dark5\:lg { color: rgba(0, 0, 0, 0.5); } .--txtColor-dark6\:lg { color: rgba(0, 0, 0, 0.6); } .--txtColor-dark7\:lg { color: rgba(0, 0, 0, 0.7); } .--txtColor-dark8\:lg { color: rgba(0, 0, 0, 0.8); } .--txtColor-dark9\:lg { color: rgba(0, 0, 0, 0.9); } .--txtColor-none\:lg { color: transparent; } .--txtColor-inherit\:lg { color: inherit; } .--txtShadow\:lg { text-shadow: 1px 1px 1px rgba(var(--rgb-dark), 0.3); } .--txtShadow-primary\:lg { text-shadow: 1px 1px 1px #1e8549; } .--txtShadow-primary1\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.1); } .--txtShadow-primary2\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.2); } .--txtShadow-primary3\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.3); } .--txtShadow-primary4\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.4); } .--txtShadow-primary5\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.5); } .--txtShadow-primary6\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.6); } .--txtShadow-primary7\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.7); } .--txtShadow-primary8\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.8); } .--txtShadow-primary9\:lg { text-shadow: 1px 1px 1px rgba(30, 133, 73, 0.9); } .--txtShadow-primary-complement\:lg { text-shadow: 1px 1px 1px hsl(120, 100%, -1.568627451%); } .--txtShadow-primary-complement1\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.1); } .--txtShadow-primary-complement2\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.2); } .--txtShadow-primary-complement3\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.3); } .--txtShadow-primary-complement4\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.4); } .--txtShadow-primary-complement5\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.5); } .--txtShadow-primary-complement6\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.6); } .--txtShadow-primary-complement7\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.7); } .--txtShadow-primary-complement8\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.8); } .--txtShadow-primary-complement9\:lg { text-shadow: 1px 1px 1px hsla(120, 100%, -1.568627451%, 0.9); } .--txtShadow-secondary\:lg { text-shadow: 1px 1px 1px #2ecc71; } .--txtShadow-secondary1\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.1); } .--txtShadow-secondary2\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.2); } .--txtShadow-secondary3\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.3); } .--txtShadow-secondary4\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.4); } .--txtShadow-secondary5\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.5); } .--txtShadow-secondary6\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.6); } .--txtShadow-secondary7\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.7); } .--txtShadow-secondary8\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.8); } .--txtShadow-secondary9\:lg { text-shadow: 1px 1px 1px rgba(46, 204, 113, 0.9); } .--txtShadow-secondary-complement\:lg { text-shadow: 1px 1px 1px #1abc9c; } .--txtShadow-secondary-complement1\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.1); } .--txtShadow-secondary-complement2\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.2); } .--txtShadow-secondary-complement3\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.3); } .--txtShadow-secondary-complement4\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.4); } .--txtShadow-secondary-complement5\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.5); } .--txtShadow-secondary-complement6\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.6); } .--txtShadow-secondary-complement7\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.7); } .--txtShadow-secondary-complement8\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.8); } .--txtShadow-secondary-complement9\:lg { text-shadow: 1px 1px 1px rgba(26, 188, 156, 0.9); } .--txtShadow-danger\:lg { text-shadow: 1px 1px 1px #e74c3c; } .--txtShadow-danger1\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.1); } .--txtShadow-danger2\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.2); } .--txtShadow-danger3\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.3); } .--txtShadow-danger4\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.4); } .--txtShadow-danger5\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.5); } .--txtShadow-danger6\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.6); } .--txtShadow-danger7\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.7); } .--txtShadow-danger8\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.8); } .--txtShadow-danger9\:lg { text-shadow: 1px 1px 1px rgba(231, 76, 60, 0.9); } .--txtShadow-success\:lg { text-shadow: 1px 1px 1px #259c21; } .--txtShadow-success1\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.1); } .--txtShadow-success2\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.2); } .--txtShadow-success3\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.3); } .--txtShadow-success4\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.4); } .--txtShadow-success5\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.5); } .--txtShadow-success6\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.6); } .--txtShadow-success7\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.7); } .--txtShadow-success8\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.8); } .--txtShadow-success9\:lg { text-shadow: 1px 1px 1px rgba(37, 156, 33, 0.9); } .--txtShadow-warning\:lg { text-shadow: 1px 1px 1px #f39c12; } .--txtShadow-warning1\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.1); } .--txtShadow-warning2\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.2); } .--txtShadow-warning3\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.3); } .--txtShadow-warning4\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.4); } .--txtShadow-warning5\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.5); } .--txtShadow-warning6\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.6); } .--txtShadow-warning7\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.7); } .--txtShadow-warning8\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.8); } .--txtShadow-warning9\:lg { text-shadow: 1px 1px 1px rgba(243, 156, 18, 0.9); } .--txtShadow-light\:lg { text-shadow: 1px 1px 1px #fff; } .--txtShadow-light1\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); } .--txtShadow-light2\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); } .--txtShadow-light3\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .--txtShadow-light4\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); } .--txtShadow-light5\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); } .--txtShadow-light6\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); } .--txtShadow-light7\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); } .--txtShadow-light8\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } .--txtShadow-light9\:lg { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); } .--txtShadow-dark\:lg { text-shadow: 1px 1px 1px #000; } .--txtShadow-dark1\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .--txtShadow-dark2\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .--txtShadow-dark3\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .--txtShadow-dark4\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } .--txtShadow-dark5\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .--txtShadow-dark6\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); } .--txtShadow-dark7\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .--txtShadow-dark8\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); } .--txtShadow-dark9\:lg { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); } .--txtShadow-none\:lg { text-shadow: none; } .--txtSize\:lg, .--txtSize-normal\:lg { font-size: 1rem; } .--txtSize-xs\:lg { font-size: 0.7rem; } .--txtSize-sm\:lg { font-size: 0.85rem; } .--txtSize-md\:lg { font-size: 1rem; } .--txtSize-lg\:lg { font-size: 1.4rem; } .--txtSize-xl\:lg { font-size: 2.2rem; } .--txtSize-xx\:lg { font-size: 3.6rem; } .--txtSize-mx\:lg { font-size: 4.8rem; } .--txtSpacing\:lg, .--txtSpacing-normal\:lg { letter-spacing: normal; } .--txtSpacing-0\:lg { letter-spacing: 0em; } .--txtSpacing-5\:lg { letter-spacing: 0.3333333333em; } .--txtSpacing-10\:lg { letter-spacing: 0.6666666667em; } .--txtSpacing-15\:lg { letter-spacing: 1em; } .--txtSpacing-20\:lg { letter-spacing: 1.3333333333em; } .--txtSpacing-25\:lg { letter-spacing: 1.6666666667em; } .--txtSpacing-30\:lg { letter-spacing: 2em; } .--txtStyle-normal\:lg { font-style: normal; } .--txtStyle-oblique\:lg { font-style: oblique; } .--txtStyle\:lg, .--txtStyle-italic\:lg { font-style: italic; } .--txtTransform-lower\:lg, .--txtTransform-lower\:lg::first-letter, .--txtTransform-lowercase\:lg, .--txtTransform-lowercase\:lg::first-letter { text-transform: lowercase; } .--txtTransform-upper\:lg, .--txtTransform-upper\:lg::first-letter, .--txtTransform-uppercase\:lg, .--txtTransform-uppercase\:lg::first-letter { text-transform: uppercase; } .--txtTransform-capitalize\:lg, .--txtTransform-capitalize\:lg::first-letter { text-transform: capitalize; } .--txtTransform\:lg, .--txtTransform\:lg::first-letter, .--txtTransform-none\:lg, .--txtTransform-none\:lg::first-letter { text-transform: none; } .--txtDecoration-none\:lg { text-decoration: none; } .--txtDecoration-under\:lg, .--txtDecoration-underline\:lg { text-decoration: underline; } .--txtDecoration-through\:lg, .--txtDecoration-lineThrough\:lg { text-decoration: line-through; } .--txtWeight\:lg { font-weight: 400; } .--txtWeight-thin\:lg { font-weight: 100; } .--txtWeight-lighter\:lg { font-weight: 200; } .--txtWeight-light\:lg { font-weight: 300; } .--txtWeight-regular\:lg { font-weight: 400; } .--txtWeight-medium\:lg { font-weight: 500; } .--txtWeight-semibold\:lg { font-weight: 600; } .--txtWeight-bold\:lg { font-weight: 700; } .--txtWeight-bolder\:lg { font-weight: 800; } .--txtWeight-black\:lg { font-weight: 900; } .--txtWrap-nowrap\:lg { white-space: nowrap; } .--txtWrap\:lg, .--txtWrap-wrap\:lg { white-space: normal; } .--txtLineHeight\:lg { line-height: 1.2em; } .--txtLineHeight-xs\:lg { line-height: 0.8333333333em; } .--txtLineHeight-sm\:lg { line-height: 1em; } .--txtLineHeight-md\:lg { line-height: 1.2em; } .--txtLineHeight-lg\:lg { line-height: 1.44em; } .--txtLineHeight-xl\:lg { line-height: 1.728em; } .--txtLineHeight-xx\:lg { line-height: 2.0736em; } .--txtLineHeight-mx\:lg { line-height: 2.48832em; } .--vAlign-middle\:lg { vertical-align: middle; } .--vAlign-bottom\:lg { vertical-align: bottom; } .--vAlign\:lg, .--vAlign-top\:lg, .--vAlign-sub\:lg, .--vAlign-baseline\:lg, .--vAlign-text-top\:lg, .--vAlign-text-bottom\:lg { vertical-align: baseline; } .--boxSizing-box\:lg { box-sizing: border-box; } .--boxSizing\:lg, .--boxSizing-content\:lg { box-sizing: content-box; } .--bdr-xs\:lg, .--bdr.--size-xs\:lg { border-width: 2px; } .--bdr-sm\:lg, .--bdr.--size-sm\:lg { border-width: 2px; } .--bdr-md\:lg, .--bdr.--size-md\:lg { border-width: 2px; } .--bdr-lg\:lg, .--bdr.--size-lg\:lg { border-width: 3px; } .--bdr-xl\:lg, .--bdr.--size-xl\:lg { border-width: 4px; } .--bdr-xx\:lg, .--bdr.--size-xx\:lg { border-width: 5px; } .--bdr-mx\:lg, .--bdr.--size-mx\:lg { border-width: 6px; } .--clear\:lg { clear: both; } .--float-right\:lg { float: left; } .--float\:lg, .--float-left\:lg { float: left; } .--display\:lg, .--display-block\:lg { display: block; } .--display-inline\:lg { display: inline; } .--display-inline\:lg.flx { display: inline-flex; position: static; } .--display-inline\:lg.grd { display: inline-grid; width: max-content; max-width: 100%; } .--overflow\:lg, .--overflow-visible\:lg { overflow: visible; } .--overflow-hidden\:lg { overflow: hidden; } .--hidden\:lg { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:lg { display: none !important; } .--order\:lg { order: 1; } .--order-1\:lg { order: 1; } .--order-2\:lg { order: 2; } .--order-3\:lg { order: 3; } .--order-4\:lg { order: 4; } .--order-5\:lg { order: 5; } .--order-6\:lg { order: 6; } .--order-7\:lg { order: 7; } .--order-8\:lg { order: 8; } .--order-9\:lg { order: 9; } .--order-10\:lg { order: 10; } .--position-fixed\:lg { position: fixed; } .--position-sticky\:lg { position: sticky; left: 0; top: 0; } .--position-relative\:lg { position: relative; } .--position-absolute\:lg { position: absolute; } .--position\:lg, .--position-static\:lg { position: static; } .--index\:lg { z-index: 999; } .--index-1\:lg { z-index: 1; } .--index-2\:lg { z-index: 2; } .--index-3\:lg { z-index: 3; } .--index-4\:lg { z-index: 4; } .--index-5\:lg { z-index: 5; } .--index-6\:lg { z-index: 6; } .--index-7\:lg { z-index: 7; } .--index-8\:lg { z-index: 8; } .--index-9\:lg { z-index: 9; } .--index-10\:lg { z-index: 10; } .--opacity-0\:lg, .--opacity-none\:lg { opacity: 0; } .--opacity\:lg, .--opacity-10\:lg { opacity: 1; } .--opacity-01\:lg { opacity: 0.1; } .--opacity-02\:lg { opacity: 0.2; } .--opacity-03\:lg { opacity: 0.3; } .--opacity-04\:lg { opacity: 0.4; } .--opacity-05\:lg { opacity: 0.5; } .--opacity-06\:lg { opacity: 0.6; } .--opacity-07\:lg { opacity: 0.7; } .--opacity-08\:lg { opacity: 0.8; } .--opacity-09\:lg { opacity: 0.9; } } @layer modifiers.defaults{ .--txtAlign-right\:lg * { text-align: right; } .--txtAlign-center\:lg * { text-align: center; } .--txtAlign-justify\:lg * { text-align: justify; } .--txtAlign\:lg *, .--txtAlign-left\:lg * { text-align: left; } .--bdr-xs\:lg, .--bdr.--size-xs\:lg { border-style: solid; border-color: transparent; } .--bdr-sm\:lg, .--bdr.--size-sm\:lg { border-style: solid; border-color: transparent; } .--bdr-md\:lg, .--bdr.--size-md\:lg { border-style: solid; border-color: transparent; } .--bdr-lg\:lg, .--bdr.--size-lg\:lg { border-style: solid; border-color: transparent; } .--bdr-xl\:lg, .--bdr.--size-xl\:lg { border-style: solid; border-color: transparent; } .--bdr-xx\:lg, .--bdr.--size-xx\:lg { border-style: solid; border-color: transparent; } .--bdr-mx\:lg, .--bdr.--size-mx\:lg { border-style: solid; border-color: transparent; } } @layer definitions{ hr.--tm-primary.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231e8549'/%3E%3C/svg%3E"); } hr.--tm-primary.--solid\:lg { background: rgba(var(--rgb-primary), 1); } hr.--tm-primary-complement.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23hsl(120, 100%, -1.568627451%)'/%3E%3C/svg%3E"); } hr.--tm-primary-complement.--solid\:lg { background: rgba(var(--rgb-primary-complement), 1); } hr:not([class*="--tm-"]).--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr:not([class*="--tm-"]).--solid\:lg { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%232ecc71'/%3E%3C/svg%3E"); } hr.--tm-secondary.--solid\:lg { background: rgba(var(--rgb-secondary), 1); } hr.--tm-secondary-complement.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%231abc9c'/%3E%3C/svg%3E"); } hr.--tm-secondary-complement.--solid\:lg { background: rgba(var(--rgb-secondary-complement), 1); } hr.--tm-danger.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23e74c3c'/%3E%3C/svg%3E"); } hr.--tm-danger.--solid\:lg { background: rgba(var(--rgb-danger), 1); } hr.--tm-success.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23259c21'/%3E%3C/svg%3E"); } hr.--tm-success.--solid\:lg { background: rgba(var(--rgb-success), 1); } hr.--tm-warning.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23f39c12'/%3E%3C/svg%3E"); } hr.--tm-warning.--solid\:lg { background: rgba(var(--rgb-warning), 1); } hr.--tm-light.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23fff'/%3E%3C/svg%3E"); } hr.--tm-light.--solid\:lg { background: rgba(var(--rgb-light), 1); } hr.--tm-dark.--vertical\:lg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='12' viewBox='0 0 1 12'%3E%3Crect width='1' height='6' transform='translate(0 3)' fill='%23000'/%3E%3C/svg%3E"); } hr.--tm-dark.--solid\:lg { background: rgba(var(--rgb-dark), 1); } i.icon.--size-10\:lg { font-size: 0.6666666667em; } i.icon.--size-15\:lg { font-size: 1em; } i.icon.--size-20\:lg { font-size: 1.3333333333em; } i.icon.--size-25\:lg { font-size: 1.6666666667em; } i.icon.--size-30\:lg { font-size: 2em; } i.icon.--size-35\:lg { font-size: 2.3333333333em; } i.icon.--size-40\:lg { font-size: 2.6666666667em; } i.icon.--size-45\:lg { font-size: 3em; } i.icon.--size-50\:lg { font-size: 3.3333333333em; } .svg.--size-10\:lg { font-size: 0.6666666667em; } .svg.--size-15\:lg { font-size: 1em; } .svg.--size-20\:lg { font-size: 1.3333333333em; } .svg.--size-25\:lg { font-size: 1.6666666667em; } .svg.--size-30\:lg { font-size: 2em; } .svg.--size-35\:lg { font-size: 2.3333333333em; } .svg.--size-40\:lg { font-size: 2.6666666667em; } .svg.--size-45\:lg { font-size: 3em; } .svg.--size-50\:lg { font-size: 3.3333333333em; } .box.--size-xs\:lg { border-radius: 0.9331rem; } .box.--size-sm\:lg { border-radius: 1.13305rem; } .box.--size-md\:lg { border-radius: 1.333rem; } .box.--size-lg\:lg { border-radius: 1.8662rem; } .box.--size-xl\:lg { border-radius: 2.9326rem; } .box.--size-xx\:lg { border-radius: 4.7988rem; } .box.--size-mx\:lg { border-radius: 6.3984rem; } .bttnToggle.--round\:lg > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:lg i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:lg .svg + span { display: none; } .bttnToggle.--size-xs.--round\:lg { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round\:lg { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round\:lg { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round\:xs { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round\:sm { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round\:md { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round\:lg { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg:has(i.icon:only-child), .bttnToggle.--size-xs\:lg:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:lg { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round\:lg { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round\:lg { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round\:xs { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round\:sm { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round\:md { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round\:lg { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg:has(i.icon:only-child), .bttnToggle.--size-sm\:lg:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:lg { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:lg { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round\:lg { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round\:lg { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round\:xs { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round\:sm { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round\:md { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round\:lg { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg:has(i.icon:only-child), .bttnToggle.--size-md\:lg:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:lg { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round\:lg { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round\:lg { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round\:xs { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round\:sm { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round\:md { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round\:lg { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg:has(i.icon:only-child), .bttnToggle.--size-lg\:lg:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:lg { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round\:lg { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round\:lg { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round\:xs { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round\:sm { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round\:md { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round\:lg { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg:has(i.icon:only-child), .bttnToggle.--size-xl\:lg:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:lg { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round\:lg { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round\:lg { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round\:xs { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round\:sm { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round\:md { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round\:lg { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg:has(i.icon:only-child), .bttnToggle.--size-xx\:lg:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:lg { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round\:lg { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round\:lg { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round\:xs { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round\:sm { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round\:md { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round\:lg { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg:has(i.icon:only-child), .bttnToggle.--size-mx\:lg:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttnToggle.--size-xs\:lg { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm\:lg { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle.--size-md\:lg { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg\:lg { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl\:lg { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx\:lg { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx\:lg { height: 11.52rem; padding: 0 3.84rem; } .bttnToggle.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; } .bttnToggle.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; } .bttnToggle.--size-md\:lg { border-radius: 1rem; border-width: 2px; } .bttnToggle.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; } .bttnToggle.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; } .bttnToggle.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; } .bttnToggle.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; } .bttnY.--size-xs\:lg { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm\:lg { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY.--size-md\:lg { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg\:lg { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl\:lg { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx\:lg { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx\:lg { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttnY.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; border-radius: 0.28rem; } .bttnY.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; border-radius: 0.34rem; } .bttnY.--size-md\:lg { border-radius: 1rem; border-width: 2px; border-radius: 0.4rem; } .bttnY.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; border-radius: 0.56rem; } .bttnY.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; border-radius: 0.88rem; } .bttnY.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; border-radius: 1.44rem; } .bttnY.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; border-radius: 1.92rem; } .bttn.--round\:lg > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg .svg + span { display: none; } .bttn.--size-xs.--round\:lg { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round\:lg { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round\:lg { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round\:xs { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round\:sm { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round\:md { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round\:lg { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg:has(i.icon:only-child), .bttn.--size-xs\:lg:has(.svg:only-child) { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:lg { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round\:lg { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round\:lg { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round\:xs { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round\:sm { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round\:md { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round\:lg { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg:has(i.icon:only-child), .bttn.--size-sm\:lg:has(.svg:only-child) { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:lg { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:lg { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round\:lg { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round\:lg { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round\:xs { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round\:sm { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round\:md { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round\:lg { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg:has(i.icon:only-child), .bttn.--size-md\:lg:has(.svg:only-child) { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:lg { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round\:lg { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round\:lg { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round\:xs { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round\:sm { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round\:md { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round\:lg { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg:has(i.icon:only-child), .bttn.--size-lg\:lg:has(.svg:only-child) { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:lg { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round\:lg { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round\:lg { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round\:xs { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round\:sm { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round\:md { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round\:lg { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg:has(i.icon:only-child), .bttn.--size-xl\:lg:has(.svg:only-child) { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:lg { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round\:lg { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round\:lg { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round\:xs { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round\:sm { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round\:md { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round\:lg { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg:has(i.icon:only-child), .bttn.--size-xx\:lg:has(.svg:only-child) { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:lg { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round\:lg { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round\:lg { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round\:xs { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round\:sm { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round\:md { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round\:lg { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg:has(i.icon:only-child), .bttn.--size-mx\:lg:has(.svg:only-child) { padding: 0; width: 11.52rem; } .bttn.--size-xs\:lg { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm\:lg { height: 2.04rem; padding: 0 0.68rem; } .bttn.--size-md\:lg { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg\:lg { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl\:lg { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx\:lg { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx\:lg { height: 11.52rem; padding: 0 3.84rem; } .bttn.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; } .bttn.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; } .bttn.--size-md\:lg { border-radius: 1rem; border-width: 2px; } .bttn.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; } .bttn.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; } .bttn.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; } .bttn.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:lg :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox.--size-xs\:lg + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm\:lg + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox.--size-md\:lg + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg\:lg + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl\:lg + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx\:lg + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx\:lg + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.--size-xs\:lg + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm\:lg + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox.--size-md\:lg + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg\:lg + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl\:lg + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx\:lg + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx\:lg + label::after { border-radius: 3.36rem; } input[type^=r].iRadio.--size-xs\:lg + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm\:lg + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio.--size-md\:lg + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg\:lg + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl\:lg + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx\:lg + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx\:lg + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.--size-xs\:lg + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm\:lg + label::after { border-radius: 42.5rem; } input[type^=r].iRadio.--size-md\:lg + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg\:lg + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl\:lg + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx\:lg + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx\:lg + label::after { border-radius: 240rem; } .iSelect.--size-xs\:lg { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm\:lg { height: 2.04rem; padding: 0 0.68rem; } .iSelect.--size-md\:lg { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg\:lg { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl\:lg { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx\:lg { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx\:lg { height: 11.52rem; padding: 0 3.84rem; } .iSelect.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; } .iSelect.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; } .iSelect.--size-md\:lg { border-radius: 1rem; border-width: 2px; } .iSelect.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; } .iSelect.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; } .iSelect.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; } .iSelect.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; } .iSelect.--size-xs\:lg { padding: 0 1.54rem 0 0.56rem; background-position: calc(100% - 0.56rem) 50%; } .iSelect.--size-sm\:lg { padding: 0 1.87rem 0 0.68rem; background-position: calc(100% - 0.68rem) 50%; } .iSelect.--size-md\:lg { padding: 0 2.2rem 0 0.8rem; background-position: calc(100% - 0.8rem) 50%; } .iSelect.--size-lg\:lg { padding: 0 3.08rem 0 1.12rem; background-position: calc(100% - 1.12rem) 50%; } .iSelect.--size-xl\:lg { padding: 0 4.84rem 0 1.76rem; background-position: calc(100% - 1.76rem) 50%; } .iSelect.--size-xx\:lg { padding: 0 7.92rem 0 2.88rem; background-position: calc(100% - 2.88rem) 50%; } .iSelect.--size-mx\:lg { padding: 0 10.56rem 0 3.84rem; background-position: calc(100% - 3.84rem) 50%; } .iTxt.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; } .iTxt.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; } .iTxt.--size-md\:lg { border-radius: 1rem; border-width: 2px; } .iTxt.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; } .iTxt.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; } .iTxt.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; } .iTxt.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; } .iTxt:not(textarea).--size-xs\:lg { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm\:lg { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea).--size-md\:lg { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg\:lg { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl\:lg { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx\:lg { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx\:lg { height: 11.52rem; padding: 0 3.84rem; } .iColor.--size-xs\:lg { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm\:lg { height: 2.04rem; width: 2.04rem; } .iColor.--size-md\:lg { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg\:lg { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl\:lg { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx\:lg { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx\:lg { height: 11.52rem; width: 11.52rem; } .iColor.--size-xs\:lg { border-radius: 0.7rem; border-width: 2px; } .iColor.--size-xs\:lg::-webkit-color-swatch { border-radius: 0.7rem; } .iColor.--size-xs\:lg::-moz-color-swatch { border-radius: 0.7rem; } .iColor.--size-sm\:lg { border-radius: 0.85rem; border-width: 2px; } .iColor.--size-sm\:lg::-webkit-color-swatch { border-radius: 0.85rem; } .iColor.--size-sm\:lg::-moz-color-swatch { border-radius: 0.85rem; } .iColor.--size-md\:lg { border-radius: 1rem; border-width: 2px; } .iColor.--size-md\:lg::-webkit-color-swatch { border-radius: 1rem; } .iColor.--size-md\:lg::-moz-color-swatch { border-radius: 1rem; } .iColor.--size-lg\:lg { border-radius: 1.4rem; border-width: 3px; } .iColor.--size-lg\:lg::-webkit-color-swatch { border-radius: 1.4rem; } .iColor.--size-lg\:lg::-moz-color-swatch { border-radius: 1.4rem; } .iColor.--size-xl\:lg { border-radius: 2.2rem; border-width: 4px; } .iColor.--size-xl\:lg::-webkit-color-swatch { border-radius: 2.2rem; } .iColor.--size-xl\:lg::-moz-color-swatch { border-radius: 2.2rem; } .iColor.--size-xx\:lg { border-radius: 3.6rem; border-width: 5px; } .iColor.--size-xx\:lg::-webkit-color-swatch { border-radius: 3.6rem; } .iColor.--size-xx\:lg::-moz-color-swatch { border-radius: 3.6rem; } .iColor.--size-mx\:lg { border-radius: 4.8rem; border-width: 6px; } .iColor.--size-mx\:lg::-webkit-color-swatch { border-radius: 4.8rem; } .iColor.--size-mx\:lg::-moz-color-swatch { border-radius: 4.8rem; } .link.--round\:lg i.icon:last-child:not(:only-child), .link.--round\:lg .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatarAureo.--size-xs\:lg { border-radius: 0.7rem; } .avatarAureo.--size-sm\:lg { border-radius: 0.85rem; } .avatarAureo.--size-md\:lg { border-radius: 1rem; } .avatarAureo.--size-lg\:lg { border-radius: 1.4rem; } .avatarAureo.--size-xl\:lg { border-radius: 2.2rem; } .avatarAureo.--size-xx\:lg { border-radius: 3.6rem; } .avatarAureo.--size-mx\:lg { border-radius: 4.8rem; } .avatar.--size-xs\:lg { border-radius: 0.7rem; } .avatar.--size-sm\:lg { border-radius: 0.85rem; } .avatar.--size-md\:lg { border-radius: 1rem; } .avatar.--size-lg\:lg { border-radius: 1.4rem; } .avatar.--size-xl\:lg { border-radius: 2.2rem; } .avatar.--size-xx\:lg { border-radius: 3.6rem; } .avatar.--size-mx\:lg { border-radius: 4.8rem; } .avatar.--size-xs\:lg { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:lg { width: 3rem; height: 3rem; } .avatar\:lg { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:lg { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:lg { width: 6rem; height: 6rem; } .avatar.--size-xl\:lg { width: 9rem; height: 9rem; } .cols.--count-2\:lg { columns: 27rem 2; } .cols.--count-3\:lg { columns: 18rem 3; } .cols.--count-4\:lg { columns: 13.5rem 4; } .cols.--count-5\:lg { columns: 10.8rem 5; } .cols.--count-6\:lg { columns: 9rem 6; } .cols.--count-7\:lg { columns: 7.7142857143rem 7; } .cols.--count-8\:lg { columns: 6.75rem 8; } .cols.--count-9\:lg { columns: 6rem 9; } .cols.--count-10\:lg { columns: 5.4rem 10; } .cols.--count-11\:lg { columns: 4.9090909091rem 11; } .cols.--count-12\:lg { columns: 4.5rem 12; } .flx.--flxRow\:lg, .flx.--flxRow-wrap\:lg, .flx.--flxRow-reverse\:lg, .flx.--flxRow-nowrap\:lg { flex-direction: row; } .flx.--flxRowReverse\:lg, .flx.--flxRowReverse-wrap\:lg, .flx.--flxRowReverse-reverse\:lg, .flx.--flxRowReverse-nowrap\:lg { flex-direction: row-reverse; } .flx.--flxColumn\:lg, .flx.--flxColumn-wrap\:lg, .flx.--flxColumn-reverse\:lg, .flx.--flxColumn-nowrap\:lg { flex-direction: column; } .flx.--flxColumnReverse\:lg, .flx.--flxColumnReverse-wrap\:lg, .flx.--flxColumnReverse-reverse\:lg, .flx.--flxColumnReverse-nowrap\:lg { flex-direction: column-reverse; } .flx.--flxRow-wrap\:lg, .flx.--flxColumn-wrap\:lg, .flx.--flxRowReverse-wrap\:lg, .flx.--flxColumnReverse-wrap\:lg { flex-wrap: wrap; } .flx.--flxRow-reverse\:lg, .flx.--flxColumn-reverse\:lg, .flx.--flxRowReverse-reverse\:lg, .flx.--flxColumnReverse-reverse\:lg { flex-wrap: wrap-reverse; } .flx.--flxRow\:lg, .flx.--flxRow-nowrap\:lg, .flx.--flxColumn\:lg, .flx.--flxColumn-nowrap\:lg, .flx.--flxRowReverse\:lg, .flx.--flxRowReverse-nowrap\:lg, .flx.--flxColumnReverse\:lg, .flx.--flxColumnReverse-nowrap\:lg { flex-wrap: nowrap; } .grd.--autoRows\:lg { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows\:lg { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single\:lg { grid-template-rows: 1fr; } .grd.--grdRows-autoFit\:lg { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin\:lg { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin\:lg { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn\:lg { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn\:lg { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2\:lg { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2\:lg { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3\:lg { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3\:lg { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4\:lg { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4\:lg { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5\:lg { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5\:lg { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6\:lg { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6\:lg { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7\:lg { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7\:lg { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8\:lg { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8\:lg { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9\:lg { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9\:lg { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10\:lg { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10\:lg { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11\:lg { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11\:lg { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12\:lg { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12\:lg { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns\:lg { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single\:lg { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit\:lg { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin\:lg { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin\:lg { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn\:lg { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn\:lg { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2\:lg { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2\:lg { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3\:lg { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3\:lg { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4\:lg { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4\:lg { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5\:lg { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5\:lg { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6\:lg { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6\:lg { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7\:lg { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7\:lg { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8\:lg { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8\:lg { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9\:lg { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9\:lg { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10\:lg { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10\:lg { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11\:lg { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11\:lg { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12\:lg { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12\:lg { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft\:lg, .grd.--grdVoidLeft-1\:lg, .grd.--grdVoidLeft-1-1\:lg { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4\:lg { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3\:lg { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2\:lg { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft\:lg > *:last-child, .grd.--grdVoidLeft-1\:lg > *:last-child, .grd.--grdVoidLeft-1-1\:lg > *:last-child, .grd.--grdVoidLeft-1-4\:lg > *:last-child, .grd.--grdVoidLeft-2-3\:lg > *:last-child, .grd.--grdVoidLeft-3-2\:lg > *:last-child { grid-area: a; } .grd.--grdVoidRight\:lg, .grd.--grdVoidRight-1\:lg, .grd.--grdVoidRight-1-1\:lg { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1\:lg { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2\:lg { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight\:lg > *:first-child, .grd.--grdVoidRight-1\:lg > *:first-child, .grd.--grdVoidRight-1-1\:lg > *:first-child, .grd.--grdVoidRight-4-1\:lg > *:first-child, .grd.--grdVoidRight-3-2\:lg > *:first-child, .grd.--grdVoidRight-2-3\:lg > *:first-child { grid-area: a; } .grd-item.--grdColumnSpan-2\:lg { grid-column: span 2; } .grd-item.--grdRowSpan-2\:lg { grid-row: span 2; } .grd-item.--grdColumnSpan-3\:lg { grid-column: span 3; } .grd-item.--grdRowSpan-3\:lg { grid-row: span 3; } .grd-item.--grdColumnSpan-4\:lg { grid-column: span 4; } .grd-item.--grdRowSpan-4\:lg { grid-row: span 4; } .grd-item.--grdColumnSpan-5\:lg { grid-column: span 5; } .grd-item.--grdRowSpan-5\:lg { grid-row: span 5; } .grd-item.--grdColumnSpan-6\:lg { grid-column: span 6; } .grd-item.--grdRowSpan-6\:lg { grid-row: span 6; } .grd-item.--grdColumnSpan-7\:lg { grid-column: span 7; } .grd-item.--grdRowSpan-7\:lg { grid-row: span 7; } .grd-item.--grdColumnSpan-8\:lg { grid-column: span 8; } .grd-item.--grdRowSpan-8\:lg { grid-row: span 8; } .grd-item.--grdColumnSpan-9\:lg { grid-column: span 9; } .grd-item.--grdRowSpan-9\:lg { grid-row: span 9; } .grd-item.--grdColumnSpan-10\:lg { grid-column: span 10; } .grd-item.--grdRowSpan-10\:lg { grid-row: span 10; } .grd-item.--grdColumnSpan-11\:lg { grid-column: span 11; } .grd-item.--grdRowSpan-11\:lg { grid-row: span 11; } .grd-item.--grdColumnSpan-12\:lg { grid-column: span 12; } .grd-item.--grdRowSpan-12\:lg { grid-row: span 12; } .grd-item.--grdColumnSpan\:lg { grid-column: span 2; } .grd-item.--grdRowSpan\:lg { grid-row: span 2; } .dropdown.flx.--display-inline\:lg, .dropdown.grd.--display-inline\:lg { display: none; } .dropdown.--size-xs\:lg:not(:has(> .dropdown-item)), .dropdown.--size-xs\:lg > .dropdown-item { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .dropdown.--size-sm\:lg:not(:has(> .dropdown-item)), .dropdown.--size-sm\:lg > .dropdown-item { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .dropdown.--size-md\:lg:not(:has(> .dropdown-item)), .dropdown.--size-md\:lg > .dropdown-item { padding: 0.7rem 1rem; border-radius: 1.333rem; } .dropdown.--size-lg\:lg:not(:has(> .dropdown-item)), .dropdown.--size-lg\:lg > .dropdown-item { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .dropdown.--size-xl\:lg:not(:has(> .dropdown-item)), .dropdown.--size-xl\:lg > .dropdown-item { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .dropdown.--size-xx\:lg:not(:has(> .dropdown-item)), .dropdown.--size-xx\:lg > .dropdown-item { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .dropdown.--size-mx\:lg:not(:has(> .dropdown-item)), .dropdown.--size-mx\:lg > .dropdown-item { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .dropdown.--position-right\:lg, .dropdown.--position-right-top\:lg, .dropdown.--position-right-center\:lg, .dropdown.--position-right-bottom\:lg { left: calc(100% + 0.4rem); } .dropdown.--position-right\:lg::before, .dropdown.--position-right-top\:lg::before, .dropdown.--position-right-center\:lg::before, .dropdown.--position-right-bottom\:lg::before { left: -0.4rem; top: 0; } .dropdown.--position-left\:lg, .dropdown.--position-left-top\:lg, .dropdown.--position-left-center\:lg, .dropdown.--position-left-bottom\:lg { right: calc(100% + 0.4rem); } .dropdown.--position-left\:lg::before, .dropdown.--position-left-top\:lg::before, .dropdown.--position-left-center\:lg::before, .dropdown.--position-left-bottom\:lg::before { right: -0.4rem; top: 0; } .dropdown.--position-right-center\:lg, .dropdown.--position-left-center\:lg { top: 50%; transform: translateY(-50%); } .dropdown.--position-right-bottom\:lg, .dropdown.--position-left-bottom\:lg { bottom: -1rem; } .dropdown.--position-right\:lg, .dropdown.--position-right-top\:lg, .dropdown.--position-left\:lg, .dropdown.--position-left-top\:lg { top: -1rem; } .dropdown.--position-top\:lg, .dropdown.--position-top-left\:lg, .dropdown.--position-top-right\:lg, .dropdown.--position-top-center\:lg { bottom: calc(100% + 0.4rem); } .dropdown.--position-top\:lg::before, .dropdown.--position-top-left\:lg::before, .dropdown.--position-top-right\:lg::before, .dropdown.--position-top-center\:lg::before { left: 0; bottom: -0.4rem; } .dropdown.--position-bottom\:lg, .dropdown.--position-bottom-left\:lg, .dropdown.--position-bottom-right\:lg, .dropdown.--position-bottom-center\:lg { top: calc(100% + 0.4rem); } .dropdown.--position-bottom\:lg::before, .dropdown.--position-bottom-left\:lg::before, .dropdown.--position-bottom-right\:lg::before, .dropdown.--position-bottom-center\:lg::before { right: 0; top: -0.4rem; } .dropdown.--position-top-right\:lg, .dropdown.--position-bottom-right\:lg { right: -0.7rem; } .dropdown.--position-top-center\:lg, .dropdown.--position-bottom-center\:lg { left: 50%; transform: translateX(-50%); } .dropdown.--position-top\:lg, .dropdown.--position-top-left\:lg, .dropdown.--position-bottom\:lg, .dropdown.--position-bottom-left\:lg { left: -0.7rem; } } @layer definitions.defaults{ hr.--vertical\:lg { width: 2px; height: auto; margin: -0.4rem 0; } .float.--floatDir-right\:lg > * { float: right; } .float.--floatDir\:lg > *, .float.--floatDir-left\:lg > * { float: left; } .modal.--size-xs\:lg { padding: 0.49rem 0.7rem; border-radius: 0.9331rem; } .modal.--size-xs\:lg .modal-content { padding-left: 0.7rem; padding-right: 0.7rem; } .modal.--size-sm\:lg { padding: 0.595rem 0.85rem; border-radius: 1.13305rem; } .modal.--size-sm\:lg .modal-content { padding-left: 0.85rem; padding-right: 0.85rem; } .modal.--size-md\:lg { padding: 0.7rem 1rem; border-radius: 1.333rem; } .modal.--size-md\:lg .modal-content { padding-left: 1rem; padding-right: 1rem; } .modal.--size-lg\:lg { padding: 0.98rem 1.4rem; border-radius: 1.8662rem; } .modal.--size-lg\:lg .modal-content { padding-left: 1.4rem; padding-right: 1.4rem; } .modal.--size-xl\:lg { padding: 1.54rem 2.2rem; border-radius: 2.9326rem; } .modal.--size-xl\:lg .modal-content { padding-left: 2.2rem; padding-right: 2.2rem; } .modal.--size-xx\:lg { padding: 2.52rem 3.6rem; border-radius: 4.7988rem; } .modal.--size-xx\:lg .modal-content { padding-left: 3.6rem; padding-right: 3.6rem; } .modal.--size-mx\:lg { padding: 3.36rem 4.8rem; border-radius: 6.3984rem; } .modal.--size-mx\:lg .modal-content { padding-left: 4.8rem; padding-right: 4.8rem; } } } @media only screen and (width > 1280px){ @layer modifiers{ .--txtAlign-right\:xl { text-align: right; } .--txtAlign-right\:xl:not(table, thead, tbody, tr, td, th) { align-items: flex-end; } .--txtAlign-center\:xl { text-align: center; } .--txtAlign-center\:xl:not(table, thead, tbody, tr, td, th) { align-items: center; } .--txtAlign-justify\:xl { text-align: justify; } .--txtAlign-justify\:xl:not(table, thead, tbody, tr, td, th) { align-items: stretch; } .--txtAlign\:xl, .--txtAlign-left\:xl { text-align: left; } .--txtAlign\:xl:not(table, thead, tbody, tr, td, th), .--txtAlign-left\:xl:not(table, thead, tbody, tr, td, th) { align-items: flex-start; } .--txtAlign\:xl:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-left\:xl:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-justify\:xl:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-center\:xl:not(.txt, table, thead, tbody, tr, td, th), .--txtAlign-right\:xl:not(.txt, table, thead, tbody, tr, td, th) { justify-content: flex-start; display: inline-flex; flex-flow: column nowrap; } .--txtSize\:xl, .--txtSize-normal\:xl { font-size: 1rem; } .--txtSize-xs\:xl { font-size: 0.7rem; } .--txtSize-sm\:xl { font-size: 0.85rem; } .--txtSize-md\:xl { font-size: 1rem; } .--txtSize-lg\:xl { font-size: 1.4rem; } .--txtSize-xl\:xl { font-size: 2.2rem; } .--txtSize-xx\:xl { font-size: 3.6rem; } .--txtSize-mx\:xl { font-size: 4.8rem; } .--hidden\:xl { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .--hidden-full\:xl { display: none !important; } } @layer modifiers.defaults{ .--txtAlign-right\:xl * { text-align: right; } .--txtAlign-center\:xl * { text-align: center; } .--txtAlign-justify\:xl * { text-align: justify; } .--txtAlign\:xl *, .--txtAlign-left\:xl * { text-align: left; } } @layer definitions{ i.icon.--size-10\:xl { font-size: 0.6666666667em; } i.icon.--size-15\:xl { font-size: 1em; } i.icon.--size-20\:xl { font-size: 1.3333333333em; } i.icon.--size-25\:xl { font-size: 1.6666666667em; } i.icon.--size-30\:xl { font-size: 2em; } i.icon.--size-35\:xl { font-size: 2.3333333333em; } i.icon.--size-40\:xl { font-size: 2.6666666667em; } i.icon.--size-45\:xl { font-size: 3em; } i.icon.--size-50\:xl { font-size: 3.3333333333em; } .svg.--size-10\:xl { font-size: 0.6666666667em; } .svg.--size-15\:xl { font-size: 1em; } .svg.--size-20\:xl { font-size: 1.3333333333em; } .svg.--size-25\:xl { font-size: 1.6666666667em; } .svg.--size-30\:xl { font-size: 2em; } .svg.--size-35\:xl { font-size: 2.3333333333em; } .svg.--size-40\:xl { font-size: 2.6666666667em; } .svg.--size-45\:xl { font-size: 3em; } .svg.--size-50\:xl { font-size: 3.3333333333em; } .bttnToggle.--round\:xl > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xl i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttnToggle.--round\:xl .svg + span { display: none; } .bttnToggle.--size-xs.--round\:xl { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:sm.--round\:xl { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:md.--round\:xl { padding: 0; width: 1.68rem; } .bttnToggle.--size-xs\:lg.--round\:xl { padding: 0; width: 1.68rem; } .bttnToggle.--size-sm.--round\:xl { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:sm.--round\:xl { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:md.--round\:xl { padding: 0; width: 2.04rem; } .bttnToggle.--size-sm\:lg.--round\:xl { padding: 0; width: 2.04rem; } .bttnToggle:not([class*="--size-"]).--round\:xl { padding: 0; width: 2.4rem; } .bttnToggle.--size-md.--round\:xl { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:sm.--round\:xl { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:md.--round\:xl { padding: 0; width: 2.4rem; } .bttnToggle.--size-md\:lg.--round\:xl { padding: 0; width: 2.4rem; } .bttnToggle.--size-lg.--round\:xl { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:sm.--round\:xl { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:md.--round\:xl { padding: 0; width: 3.36rem; } .bttnToggle.--size-lg\:lg.--round\:xl { padding: 0; width: 3.36rem; } .bttnToggle.--size-xl.--round\:xl { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:sm.--round\:xl { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:md.--round\:xl { padding: 0; width: 5.28rem; } .bttnToggle.--size-xl\:lg.--round\:xl { padding: 0; width: 5.28rem; } .bttnToggle.--size-xx.--round\:xl { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:sm.--round\:xl { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:md.--round\:xl { padding: 0; width: 8.64rem; } .bttnToggle.--size-xx\:lg.--round\:xl { padding: 0; width: 8.64rem; } .bttnToggle.--size-mx.--round\:xl { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:sm.--round\:xl { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:md.--round\:xl { padding: 0; width: 11.52rem; } .bttnToggle.--size-mx\:lg.--round\:xl { padding: 0; width: 11.52rem; } .bttnToggle.--size-xs\:xl { height: 1.68rem; padding: 0 0.56rem; } .bttnToggle.--size-sm\:xl { height: 2.04rem; padding: 0 0.68rem; } .bttnToggle.--size-md\:xl { height: 2.4rem; padding: 0 0.8rem; } .bttnToggle.--size-lg\:xl { height: 3.36rem; padding: 0 1.12rem; } .bttnToggle.--size-xl\:xl { height: 5.28rem; padding: 0 1.76rem; } .bttnToggle.--size-xx\:xl { height: 8.64rem; padding: 0 2.88rem; } .bttnToggle.--size-mx\:xl { height: 11.52rem; padding: 0 3.84rem; } .bttnY.--size-xs\:xl { height: 1.68rem; padding: 1.344rem 0.336rem; } .bttnY.--size-sm\:xl { height: 2.04rem; padding: 1.632rem 0.408rem; } .bttnY.--size-md\:xl { height: 2.4rem; padding: 1.92rem 0.48rem; } .bttnY.--size-lg\:xl { height: 3.36rem; padding: 2.688rem 0.672rem; } .bttnY.--size-xl\:xl { height: 5.28rem; padding: 4.224rem 1.056rem; } .bttnY.--size-xx\:xl { height: 8.64rem; padding: 6.912rem 1.728rem; } .bttnY.--size-mx\:xl { height: 11.52rem; padding: 9.216rem 2.304rem; } .bttn.--round\:xl > * + * { margin-left: 0; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl i.icon + span, :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl .svg + span { display: none; } .bttn.--size-xs.--round\:xl { padding: 0; width: 1.68rem; } .bttn.--size-xs\:sm.--round\:xl { padding: 0; width: 1.68rem; } .bttn.--size-xs\:md.--round\:xl { padding: 0; width: 1.68rem; } .bttn.--size-xs\:lg.--round\:xl { padding: 0; width: 1.68rem; } .bttn.--size-sm.--round\:xl { padding: 0; width: 2.04rem; } .bttn.--size-sm\:sm.--round\:xl { padding: 0; width: 2.04rem; } .bttn.--size-sm\:md.--round\:xl { padding: 0; width: 2.04rem; } .bttn.--size-sm\:lg.--round\:xl { padding: 0; width: 2.04rem; } .bttn:not([class*="--size-"]).--round\:xl { padding: 0; width: 2.4rem; } .bttn.--size-md.--round\:xl { padding: 0; width: 2.4rem; } .bttn.--size-md\:sm.--round\:xl { padding: 0; width: 2.4rem; } .bttn.--size-md\:md.--round\:xl { padding: 0; width: 2.4rem; } .bttn.--size-md\:lg.--round\:xl { padding: 0; width: 2.4rem; } .bttn.--size-lg.--round\:xl { padding: 0; width: 3.36rem; } .bttn.--size-lg\:sm.--round\:xl { padding: 0; width: 3.36rem; } .bttn.--size-lg\:md.--round\:xl { padding: 0; width: 3.36rem; } .bttn.--size-lg\:lg.--round\:xl { padding: 0; width: 3.36rem; } .bttn.--size-xl.--round\:xl { padding: 0; width: 5.28rem; } .bttn.--size-xl\:sm.--round\:xl { padding: 0; width: 5.28rem; } .bttn.--size-xl\:md.--round\:xl { padding: 0; width: 5.28rem; } .bttn.--size-xl\:lg.--round\:xl { padding: 0; width: 5.28rem; } .bttn.--size-xx.--round\:xl { padding: 0; width: 8.64rem; } .bttn.--size-xx\:sm.--round\:xl { padding: 0; width: 8.64rem; } .bttn.--size-xx\:md.--round\:xl { padding: 0; width: 8.64rem; } .bttn.--size-xx\:lg.--round\:xl { padding: 0; width: 8.64rem; } .bttn.--size-mx.--round\:xl { padding: 0; width: 11.52rem; } .bttn.--size-mx\:sm.--round\:xl { padding: 0; width: 11.52rem; } .bttn.--size-mx\:md.--round\:xl { padding: 0; width: 11.52rem; } .bttn.--size-mx\:lg.--round\:xl { padding: 0; width: 11.52rem; } .bttn.--size-xs\:xl { height: 1.68rem; padding: 0 0.56rem; } .bttn.--size-sm\:xl { height: 2.04rem; padding: 0 0.68rem; } .bttn.--size-md\:xl { height: 2.4rem; padding: 0 0.8rem; } .bttn.--size-lg\:xl { height: 3.36rem; padding: 0 1.12rem; } .bttn.--size-xl\:xl { height: 5.28rem; padding: 0 1.76rem; } .bttn.--size-xx\:xl { height: 8.64rem; padding: 0 2.88rem; } .bttn.--size-mx\:xl { height: 11.52rem; padding: 0 3.84rem; } :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl :not(:only-child):not(:last-child), :not([class*=toggle--]) > :not([class*=toggle--]).bttn.--round\:xl :not(:only-child):not(:nth-child(2)) { display: none; } input[type^=c].iCheckbox.--size-xs\:xl + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=c].iCheckbox.--size-sm\:xl + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=c].iCheckbox.--size-md\:xl + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=c].iCheckbox.--size-lg\:xl + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=c].iCheckbox.--size-xl\:xl + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=c].iCheckbox.--size-xx\:xl + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=c].iCheckbox.--size-mx\:xl + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=c].iCheckbox.--size-xs\:xl + label::after { border-radius: 0.49rem; } input[type^=c].iCheckbox.--size-sm\:xl + label::after { border-radius: 0.595rem; } input[type^=c].iCheckbox.--size-md\:xl + label::after { border-radius: 0.7rem; } input[type^=c].iCheckbox.--size-lg\:xl + label::after { border-radius: 0.98rem; } input[type^=c].iCheckbox.--size-xl\:xl + label::after { border-radius: 1.54rem; } input[type^=c].iCheckbox.--size-xx\:xl + label::after { border-radius: 2.52rem; } input[type^=c].iCheckbox.--size-mx\:xl + label::after { border-radius: 3.36rem; } input[type^=r].iRadio.--size-xs\:xl + label::after { content: ""; width: 1.4rem; height: 1.4rem; border-width: 2px; font-size: 0.7rem; } input[type^=r].iRadio.--size-sm\:xl + label::after { content: ""; width: 1.7rem; height: 1.7rem; border-width: 2px; font-size: 0.85rem; } input[type^=r].iRadio.--size-md\:xl + label::after { content: ""; width: 2rem; height: 2rem; border-width: 2px; font-size: 1rem; } input[type^=r].iRadio.--size-lg\:xl + label::after { content: ""; width: 2.8rem; height: 2.8rem; border-width: 3px; font-size: 1.4rem; } input[type^=r].iRadio.--size-xl\:xl + label::after { content: ""; width: 4.4rem; height: 4.4rem; border-width: 4px; font-size: 2.2rem; } input[type^=r].iRadio.--size-xx\:xl + label::after { content: ""; width: 7.2rem; height: 7.2rem; border-width: 5px; font-size: 3.6rem; } input[type^=r].iRadio.--size-mx\:xl + label::after { content: ""; width: 9.6rem; height: 9.6rem; border-width: 6px; font-size: 4.8rem; } input[type^=r].iRadio.--size-xs\:xl + label::after { border-radius: 35rem; } input[type^=r].iRadio.--size-sm\:xl + label::after { border-radius: 42.5rem; } input[type^=r].iRadio.--size-md\:xl + label::after { border-radius: 50rem; } input[type^=r].iRadio.--size-lg\:xl + label::after { border-radius: 70rem; } input[type^=r].iRadio.--size-xl\:xl + label::after { border-radius: 110rem; } input[type^=r].iRadio.--size-xx\:xl + label::after { border-radius: 180rem; } input[type^=r].iRadio.--size-mx\:xl + label::after { border-radius: 240rem; } .iSelect.--size-xs\:xl { height: 1.68rem; padding: 0 0.56rem; } .iSelect.--size-sm\:xl { height: 2.04rem; padding: 0 0.68rem; } .iSelect.--size-md\:xl { height: 2.4rem; padding: 0 0.8rem; } .iSelect.--size-lg\:xl { height: 3.36rem; padding: 0 1.12rem; } .iSelect.--size-xl\:xl { height: 5.28rem; padding: 0 1.76rem; } .iSelect.--size-xx\:xl { height: 8.64rem; padding: 0 2.88rem; } .iSelect.--size-mx\:xl { height: 11.52rem; padding: 0 3.84rem; } .iTxt:not(textarea).--size-xs\:xl { height: 1.68rem; padding: 0 0.56rem; } .iTxt:not(textarea).--size-sm\:xl { height: 2.04rem; padding: 0 0.68rem; } .iTxt:not(textarea).--size-md\:xl { height: 2.4rem; padding: 0 0.8rem; } .iTxt:not(textarea).--size-lg\:xl { height: 3.36rem; padding: 0 1.12rem; } .iTxt:not(textarea).--size-xl\:xl { height: 5.28rem; padding: 0 1.76rem; } .iTxt:not(textarea).--size-xx\:xl { height: 8.64rem; padding: 0 2.88rem; } .iTxt:not(textarea).--size-mx\:xl { height: 11.52rem; padding: 0 3.84rem; } .iColor.--size-xs\:xl { height: 1.68rem; width: 1.68rem; } .iColor.--size-sm\:xl { height: 2.04rem; width: 2.04rem; } .iColor.--size-md\:xl { height: 2.4rem; width: 2.4rem; } .iColor.--size-lg\:xl { height: 3.36rem; width: 3.36rem; } .iColor.--size-xl\:xl { height: 5.28rem; width: 5.28rem; } .iColor.--size-xx\:xl { height: 8.64rem; width: 8.64rem; } .iColor.--size-mx\:xl { height: 11.52rem; width: 11.52rem; } .link.--round\:xl i.icon:last-child:not(:only-child), .link.--round\:xl .svg:last-child:not(:only-child) { --fa-display: none; display: none; } .avatar.--size-xs\:xl { width: 1.8rem; height: 1.8rem; } .avatar.--size-sm\:xl { width: 3rem; height: 3rem; } .avatar\:xl { width: 4.5rem; height: 4.5rem; } .avatar.--size-md\:xl { width: 4.5rem; height: 4.5rem; } .avatar.--size-lg\:xl { width: 6rem; height: 6rem; } .avatar.--size-xl\:xl { width: 9rem; height: 9rem; } .grd.--autoRows\:xl { grid-auto-rows: minmax(min-content, 100%); } .grd.--grdRows\:xl { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-single\:xl { grid-template-rows: 1fr; } .grd.--grdRows-autoFit\:xl { grid-template-rows: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdRows-autoFitMin\:xl { grid-template-rows: repeat(auto-fit, minmax(3rem, max-content)); } .grd.--grdRows-autoFillMin\:xl { grid-template-rows: repeat(auto-fill, minmax(3rem, max-content)); } .grd.--grdRows-autoFitColumn\:xl { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-autoFillColumn\:xl { grid-template-rows: repeat(auto-fill, minmax(9rem, 1fr)); } .grd.--grdRows-auto2\:xl { grid-template-rows: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdRows-2\:xl { grid-template-rows: repeat(2, minmax(13.5rem, 1fr)); } .grd.--grdRows-auto3\:xl { grid-template-rows: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdRows-3\:xl { grid-template-rows: repeat(3, minmax(9rem, 1fr)); } .grd.--grdRows-auto4\:xl { grid-template-rows: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdRows-4\:xl { grid-template-rows: repeat(4, minmax(6.75rem, 1fr)); } .grd.--grdRows-auto5\:xl { grid-template-rows: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdRows-5\:xl { grid-template-rows: repeat(5, minmax(5.4rem, 1fr)); } .grd.--grdRows-auto6\:xl { grid-template-rows: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdRows-6\:xl { grid-template-rows: repeat(6, minmax(4.5rem, 1fr)); } .grd.--grdRows-auto7\:xl { grid-template-rows: repeat(auto-fit, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-7\:xl { grid-template-rows: repeat(7, minmax(3.8571428571rem, 1fr)); } .grd.--grdRows-auto8\:xl { grid-template-rows: repeat(auto-fit, minmax(3.375rem, 1fr)); } .grd.--grdRows-8\:xl { grid-template-rows: repeat(8, minmax(3.375rem, 1fr)); } .grd.--grdRows-auto9\:xl { grid-template-rows: repeat(auto-fit, minmax(3rem, 1fr)); } .grd.--grdRows-9\:xl { grid-template-rows: repeat(9, minmax(3rem, 1fr)); } .grd.--grdRows-auto10\:xl { grid-template-rows: repeat(auto-fit, minmax(2.7rem, 1fr)); } .grd.--grdRows-10\:xl { grid-template-rows: repeat(10, minmax(2.7rem, 1fr)); } .grd.--grdRows-auto11\:xl { grid-template-rows: repeat(auto-fit, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-11\:xl { grid-template-rows: repeat(11, minmax(2.4545454545rem, 1fr)); } .grd.--grdRows-auto12\:xl { grid-template-rows: repeat(auto-fit, minmax(2.25rem, 1fr)); } .grd.--grdRows-12\:xl { grid-template-rows: repeat(12, minmax(2.25rem, 1fr)); } .grd.--grdColumns\:xl { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-single\:xl { grid-template-columns: 1fr; } .grd.--grdColumns-autoFit\:xl { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .grd.--grdColumns-autoFitMin\:xl { grid-template-columns: repeat(auto-fit, minmax(6rem, max-content)); } .grd.--grdColumns-autoFillMin\:xl { grid-template-columns: repeat(auto-fill, minmax(6rem, max-content)); } .grd.--grdColumns-autoFitColumn\:xl { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-autoFillColumn\:xl { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } .grd.--grdColumns-auto2\:xl { grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr)); } .grd.--grdColumns-2\:xl { grid-template-columns: repeat(2, minmax(27rem, 1fr)); } .grd.--grdColumns-auto3\:xl { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } .grd.--grdColumns-3\:xl { grid-template-columns: repeat(3, minmax(18rem, 1fr)); } .grd.--grdColumns-auto4\:xl { grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); } .grd.--grdColumns-4\:xl { grid-template-columns: repeat(4, minmax(13.5rem, 1fr)); } .grd.--grdColumns-auto5\:xl { grid-template-columns: repeat(auto-fit, minmax(10.8rem, 1fr)); } .grd.--grdColumns-5\:xl { grid-template-columns: repeat(5, minmax(10.8rem, 1fr)); } .grd.--grdColumns-auto6\:xl { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); } .grd.--grdColumns-6\:xl { grid-template-columns: repeat(6, minmax(9rem, 1fr)); } .grd.--grdColumns-auto7\:xl { grid-template-columns: repeat(auto-fit, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-7\:xl { grid-template-columns: repeat(7, minmax(7.7142857143rem, 1fr)); } .grd.--grdColumns-auto8\:xl { grid-template-columns: repeat(auto-fit, minmax(6.75rem, 1fr)); } .grd.--grdColumns-8\:xl { grid-template-columns: repeat(8, minmax(6.75rem, 1fr)); } .grd.--grdColumns-auto9\:xl { grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); } .grd.--grdColumns-9\:xl { grid-template-columns: repeat(9, minmax(6rem, 1fr)); } .grd.--grdColumns-auto10\:xl { grid-template-columns: repeat(auto-fit, minmax(5.4rem, 1fr)); } .grd.--grdColumns-10\:xl { grid-template-columns: repeat(10, minmax(5.4rem, 1fr)); } .grd.--grdColumns-auto11\:xl { grid-template-columns: repeat(auto-fit, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-11\:xl { grid-template-columns: repeat(11, minmax(4.9090909091rem, 1fr)); } .grd.--grdColumns-auto12\:xl { grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); } .grd.--grdColumns-12\:xl { grid-template-columns: repeat(12, minmax(4.5rem, 1fr)); } .grd.--grdVoidLeft\:xl, .grd.--grdVoidLeft-1\:xl, .grd.--grdVoidLeft-1-1\:xl { grid-template-columns: repeat(2, 1fr); grid-template-areas: ". a"; } .grd.--grdVoidLeft-1-4\:xl { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". a a a a"; } .grd.--grdVoidLeft-2-3\:xl { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . a a a"; } .grd.--grdVoidLeft-3-2\:xl { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . a a"; } .grd.--grdVoidLeft\:xl > *:last-child, .grd.--grdVoidLeft-1\:xl > *:last-child, .grd.--grdVoidLeft-1-1\:xl > *:last-child, .grd.--grdVoidLeft-1-4\:xl > *:last-child, .grd.--grdVoidLeft-2-3\:xl > *:last-child, .grd.--grdVoidLeft-3-2\:xl > *:last-child { grid-area: a; } .grd.--grdVoidRight\:xl, .grd.--grdVoidRight-1\:xl, .grd.--grdVoidRight-1-1\:xl { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a ."; } .grd.--grdVoidRight-4-1\:xl { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a a ."; } .grd.--grdVoidRight-3-2\:xl { grid-template-columns: repeat(5, 1fr); grid-template-areas: "a a a . ."; } .grd.--grdVoidRight\:xl > *:first-child, .grd.--grdVoidRight-1\:xl > *:first-child, .grd.--grdVoidRight-1-1\:xl > *:first-child, .grd.--grdVoidRight-4-1\:xl > *:first-child, .grd.--grdVoidRight-3-2\:xl > *:first-child, .grd.--grdVoidRight-2-3\:xl > *:first-child { grid-area: a; } .grd-item.--grdColumnSpan-2\:xl { grid-column: span 2; } .grd-item.--grdRowSpan-2\:xl { grid-row: span 2; } .grd-item.--grdColumnSpan-3\:xl { grid-column: span 3; } .grd-item.--grdRowSpan-3\:xl { grid-row: span 3; } .grd-item.--grdColumnSpan-4\:xl { grid-column: span 4; } .grd-item.--grdRowSpan-4\:xl { grid-row: span 4; } .grd-item.--grdColumnSpan-5\:xl { grid-column: span 5; } .grd-item.--grdRowSpan-5\:xl { grid-row: span 5; } .grd-item.--grdColumnSpan-6\:xl { grid-column: span 6; } .grd-item.--grdRowSpan-6\:xl { grid-row: span 6; } .grd-item.--grdColumnSpan-7\:xl { grid-column: span 7; } .grd-item.--grdRowSpan-7\:xl { grid-row: span 7; } .grd-item.--grdColumnSpan-8\:xl { grid-column: span 8; } .grd-item.--grdRowSpan-8\:xl { grid-row: span 8; } .grd-item.--grdColumnSpan-9\:xl { grid-column: span 9; } .grd-item.--grdRowSpan-9\:xl { grid-row: span 9; } .grd-item.--grdColumnSpan-10\:xl { grid-column: span 10; } .grd-item.--grdRowSpan-10\:xl { grid-row: span 10; } .grd-item.--grdColumnSpan-11\:xl { grid-column: span 11; } .grd-item.--grdRowSpan-11\:xl { grid-row: span 11; } .grd-item.--grdColumnSpan-12\:xl { grid-column: span 12; } .grd-item.--grdRowSpan-12\:xl { grid-row: span 12; } .grd-item.--grdColumnSpan\:xl { grid-column: span 2; } .grd-item.--grdRowSpan\:xl { grid-row: span 2; } } } /*# sourceMappingURL=vendor.min.css.map */