diff --git "a/_next/static/css/e4887d32fecac951.css" "b/_next/static/css/e4887d32fecac951.css" new file mode 100644--- /dev/null +++ "b/_next/static/css/e4887d32fecac951.css" @@ -0,0 +1,9029 @@ +:root { + --max-width: 1100px; + --border-radius: 12px; + --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace; + --foreground-rgb: 0, 0, 0; + --background-start-rgb: 214, 219, 220; + --background-end-rgb: 255, 255, 255; + --primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg); + --secondary-glow: radial-gradient(#fff, hsla(0, 0%, 100%, 0)); + --tile-start-rgb: 239, 245, 249; + --tile-end-rgb: 228, 232, 233; + --tile-border: conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080); + --callout-rgb: 238, 240, 241; + --callout-border-rgb: 172, 175, 176; + --card-rgb: 180, 185, 188; + --card-border-rgb: 131, 134, 135 +} + +@media (prefers-color-scheme:dark) { + :root { + --foreground-rgb: 255, 255, 255; + --background-start-rgb: 0, 0, 0; + --background-end-rgb: 0, 0, 0; + --primary-glow: radial-gradient(rgba(1, 65, 255, .4), rgba(1, 65, 255, 0)); + --secondary-glow: linear-gradient(to bottom right, rgba(1, 65, 255, 0), rgba(1, 65, 255, 0), rgba(1, 65, 255, .3)); + --tile-start-rgb: 2, 13, 46; + --tile-end-rgb: 2, 5, 19; + --tile-border: conic-gradient(#ffffff80, #ffffff40, #ffffff30, #ffffff20, #ffffff10, #ffffff10, #ffffff80); + --callout-rgb: 20, 20, 20; + --callout-border-rgb: 108, 108, 108; + --card-rgb: 100, 100, 100; + --card-border-rgb: 200, 200, 200 + } +} + +* { + box-sizing: border-box; + padding: 0; + margin: 0 +} + +body, +html { + max-width: 100vw; + overflow-x: hidden +} + +body { + color: rgb(var(--foreground-rgb)); + background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)) +} + +a { + color: inherit; + text-decoration: none +} + +@media (prefers-color-scheme:dark) { + html { + color-scheme: dark + } +} + +a, +abbr, +acronym, +address, +applet, +b, +big, +blockquote, +body, +caption, +center, +cite, +code, +dd, +del, +dfn, +div, +dl, +dt, +em, +fieldset, +font, +form, +h1, +h2, +h3, +h4, +h5, +h6, +html, +i, +iframe, +ins, +kbd, +label, +legend, +li, +object, +ol, +p, +pre, +q, +s, +samp, +small, +span, +strike, +strong, +sub, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +tr, +tt, +u, +ul, +var { + background: 0 0; + border: 0; + margin: 0; + padding: 0; + vertical-align: baseline; + outline: 0 +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block +} + +blockquote { + quotes: none +} + +blockquote:after, +blockquote:before { + content: ""; + content: none +} + +ol, +ul { + margin: 30px +} + +ol li, +ul li { + margin-bottom: 5px +} + +img { + vertical-align: middle +} + +iframe, +img { + max-width: 100% +} + +del { + text-decoration: line-through +} + +a, +i { + transition: all .3s ease; + border: none +} + +a:hover { + text-decoration: none +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 400; + margin-bottom: 20px +} + +h1 { + font-size: 45px +} + +h2 { + font-size: 36px +} + +h3 { + font-size: 30px +} + +h4 { + font-size: 24px +} + +h5 { + font-size: 20px +} + +h6 { + font-size: 16px +} + +table { + width: 100%; + max-width: 100%; + text-align: left; + border-collapse: collapse; + border-spacing: 0; + margin-bottom: 15px; + color: var(--techwave-body-color) +} + +table, +table tr { + border: 1px solid var(--techwave-border-color) +} + +table th { + color: var(--techwave-heading-color); + background: 0 0; + font-size: 16px; + font-weight: 400; + padding: 15px 10px +} + +table td, +table th { + vertical-align: top; + border: 1px solid var(--techwave-border-color) +} + +code, +pre, +table td { + padding: 10px +} + +code, +pre { + border-left: 3px solid var(--techwave-main-color); + border-bottom: 1px solid transparent; + background: var(--techwave-some-a-bg-color); + overflow-x: auto +} + +pre { + display: block; + word-break: break-all; + word-wrap: break-word +} + +pre code { + white-space: pre-wrap +} + +textarea { + outline: none; + font-size: 16px; + color: var(--techwave-heading-color); + resize: vertical; + font-family: var(--techwave-heading-font-family); + -ms-box-sizing: border-box; + box-sizing: border-box; + line-height: 1.4; + padding: 10px; + width: 100%; + border-radius: 5px; + border: 2px solid var(--techwave-border-color); + transition: all .3s ease; + background-color: transparent +} + +.uneditable-input, +input[type=color], +input[type=date], +input[type=datetime-local], +input[type=datetime], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week] { + font-size: 16px; + min-width: 220px; + color: var(--techwave-heading-color); + letter-spacing: .5px; + -ms-box-sizing: border-box; + box-sizing: border-box; + font-family: var(--techwave-heading-font-family); + line-height: 1.6; + padding: 10px 20px; + height: 40px; + vertical-align: middle; + border: 2px solid var(--techwave-border-color); + transition: all .3s ease; + background-color: transparent; + border-radius: 20px; + outline: none +} + +.uneditable-input:focus, +input[type=color]:focus, +input[type=date]:focus, +input[type=datetime-local]:focus, +input[type=datetime]:focus, +input[type=email]:focus, +input[type=month]:focus, +input[type=number]:focus, +input[type=password]:focus, +input[type=search]:focus, +input[type=tel]:focus, +input[type=text]:focus, +input[type=time]:focus, +input[type=url]:focus, +input[type=week]:focus, +textarea:focus { + border-color: var(--techwave-main-color) +} + +input[type=submit] { + padding: 13px 15px; + height: 40px; + line-height: 1; + text-transform: uppercase; + font-size: 13px; + font-weight: 600; + text-decoration: none; + letter-spacing: .5px; + border: none; + cursor: pointer; + color: #fff; + background: #777; + transition: all .3s ease +} + +input[type=submit]:hover { + background: #444 +} + +select { + padding: 8px; + border: 2px solid var(--techwave-border-color) +} + +input[type=button] { + cursor: pointer; + transition: all .3s ease +} + +[class^=fn__space__]:after, +[class^=fn__space__]:before { + clear: both; + display: table; + content: "" +} + +.fn__space__10 { + margin-bottom: 10px +} + +.fn__space__20 { + margin-bottom: 20px +} + +.fn__space__30 { + margin-bottom: 30px +} + +.fn__space__40 { + margin-bottom: 40px +} + +.fn__space__50 { + margin-bottom: 50px +} + +.fn__space__60 { + margin-bottom: 60px +} + +.fn__space__70 { + margin-bottom: 70px +} + +.fn__space__80 { + margin-bottom: 80px +} + +.fn__space__90 { + margin-bottom: 90px +} + +.fn__space__100 { + margin-bottom: 100px +} + +.fn__space__150 { + margin-bottom: 150px +} + +.fn__space__200 { + margin-bottom: 200px +} + +.tooltipster-fall, +.tooltipster-grow.tooltipster-show { + -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); + -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); + -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); + -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) +} + +.tooltipster-base { + display: flex; + pointer-events: none; + position: absolute +} + +.tooltipster-box { + flex: 1 1 auto +} + +.tooltipster-content { + box-sizing: border-box; + max-height: 100%; + max-width: 100%; + overflow: auto +} + +.tooltipster-ruler { + bottom: 0; + left: 0; + overflow: hidden; + position: fixed; + right: 0; + top: 0; + visibility: hidden +} + +.tooltipster-fade { + opacity: 0; + transition-property: opacity +} + +.tooltipster-fade.tooltipster-show { + opacity: 1 +} + +.tooltipster-grow { + transform: scale(0); + transition-property: transform; + -webkit-backface-visibility: hidden +} + +.tooltipster-grow.tooltipster-show { + transform: scale(1); + transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) +} + +.tooltipster-swing { + opacity: 0; + transform: rotate(4deg); + transition-property: transform +} + +.tooltipster-swing.tooltipster-show { + opacity: 1; + transform: rotate(0); + transition-timing-function: cubic-bezier(.23, .635, .495, 2.4) +} + +.tooltipster-fall { + transition-property: top; + transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) +} + +.tooltipster-fall.tooltipster-initial { + top: 0 !important +} + +.tooltipster-fall.tooltipster-dying { + transition-property: all; + top: 0 !important; + opacity: 0 +} + +.tooltipster-slide { + transition-property: left; + transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) +} + +.tooltipster-slide.tooltipster-initial { + left: -40px !important +} + +.tooltipster-slide.tooltipster-dying { + transition-property: all; + left: 0 !important; + opacity: 0 +} + +@keyframes tooltipster-fading { + 0% { + opacity: 0 + } + to { + opacity: 1 + } +} + +.tooltipster-update-fade { + animation: tooltipster-fading .4s +} + +@keyframes tooltipster-rotating { + 25% { + transform: rotate(-2deg) + } + 75% { + transform: rotate(2deg) + } + to { + transform: rotate(0) + } +} + +.tooltipster-update-rotate { + animation: tooltipster-rotating .6s +} + +@keyframes tooltipster-scaling { + 50% { + transform: scale(1.1) + } + to { + transform: scale(1) + } +} + +.tooltipster-update-scale { + animation: tooltipster-scaling .6s +} + +.tooltipster-sidetip .tooltipster-box { + background: #565656; + border: 2px solid #000; + border-radius: 4px +} + +.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { + margin-top: 8px +} + +.tooltipster-sidetip.tooltipster-left .tooltipster-box { + margin-right: 8px +} + +.tooltipster-sidetip.tooltipster-right .tooltipster-box { + margin-left: 8px +} + +.tooltipster-sidetip.tooltipster-top .tooltipster-box { + margin-bottom: 8px +} + +.tooltipster-sidetip .tooltipster-content { + color: #fff; + line-height: 18px; + padding: 6px 14px +} + +.tooltipster-sidetip .tooltipster-arrow { + overflow: hidden; + position: absolute +} + +.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { + height: 10px; + margin-left: -10px; + top: 0; + width: 20px +} + +.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { + height: 20px; + margin-top: -10px; + right: 0; + top: 0; + width: 10px +} + +.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { + height: 20px; + margin-top: -10px; + left: 0; + top: 0; + width: 10px +} + +.tooltipster-sidetip.tooltipster-top .tooltipster-arrow { + bottom: 0; + height: 10px; + margin-left: -10px; + width: 20px +} + +.tooltipster-sidetip .tooltipster-arrow-background, +.tooltipster-sidetip .tooltipster-arrow-border { + height: 0; + position: absolute; + width: 0 +} + +.tooltipster-sidetip .tooltipster-arrow-background { + border: 10px solid transparent +} + +.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: #565656; + left: 0; + top: 3px +} + +.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { + border-left-color: #565656; + left: -3px; + top: 0 +} + +.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { + border-right-color: #565656; + left: 3px; + top: 0 +} + +.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { + border-top-color: #565656; + left: 0; + top: -3px +} + +.tooltipster-sidetip .tooltipster-arrow-border { + border: 10px solid transparent; + left: 0; + top: 0 +} + +.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { + border-bottom-color: #000 +} + +.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { + border-left-color: #000 +} + +.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { + border-right-color: #000 +} + +.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { + border-top-color: #000 +} + +.tooltipster-sidetip .tooltipster-arrow-uncropped { + position: relative +} + +.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -10px +} + +.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { + left: -10px +} + +.tooltipster-sidetip.tooltipster-borderless .tooltipster-box { + border: none; + background: #1b1b1b; + background: hsla(0, 0%, 4%, .9) +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box { + margin-top: 8px +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box { + margin-right: 8px +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box { + margin-left: 8px +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box { + margin-bottom: 8px +} + +.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow { + height: 8px; + margin-left: -8px; + width: 16px +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, +.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow { + height: 16px; + margin-left: 0; + margin-top: -8px; + width: 8px +} + +.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background { + display: none +} + +.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border { + border: 8px solid transparent +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border { + border-bottom-color: #1b1b1b; + border-bottom-color: hsla(0, 0%, 4%, .9) +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border { + border-left-color: #1b1b1b; + border-left-color: hsla(0, 0%, 4%, .9) +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border { + border-right-color: #1b1b1b; + border-right-color: hsla(0, 0%, 4%, .9) +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border { + border-top-color: #1b1b1b; + border-top-color: hsla(0, 0%, 4%, .9) +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -8px +} + +.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped { + left: -8px +} + +.tooltipster-sidetip.tooltipster-light .tooltipster-box { + border-radius: 3px; + border: 1px solid #ccc; + background: #ededed +} + +.tooltipster-sidetip.tooltipster-light .tooltipster-content { + color: #666 +} + +.tooltipster-sidetip.tooltipster-light .tooltipster-arrow { + height: 9px; + margin-left: -9px; + width: 18px +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow, +.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow { + height: 18px; + margin-left: 0; + margin-top: -9px; + width: 9px +} + +.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background { + border: 9px solid transparent +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: #ededed; + top: 1px +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background { + border-left-color: #ededed; + left: -1px +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background { + border-right-color: #ededed; + left: 1px +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background { + border-top-color: #ededed; + top: -1px +} + +.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border { + border: 9px solid transparent +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border { + border-bottom-color: #ccc +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border { + border-left-color: #ccc +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border { + border-right-color: #ccc +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border { + border-top-color: #ccc +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -9px +} + +.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped { + left: -9px +} + +.tooltipster-sidetip.tooltipster-noir .tooltipster-box { + border-radius: 0; + border: 3px solid #000; + background: #fff +} + +.tooltipster-sidetip.tooltipster-noir .tooltipster-content { + color: #000 +} + +.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow { + height: 11px; + margin-left: -11px; + width: 22px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow, +.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow { + height: 22px; + margin-left: 0; + margin-top: -11px; + width: 11px +} + +.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background { + border: 11px solid transparent +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background { + border-bottom-color: #fff; + top: 4px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background { + border-left-color: #fff; + left: -4px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background { + border-right-color: #fff; + left: 4px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background { + border-top-color: #fff; + top: -4px +} + +.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border { + border-width: 11px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -11px +} + +.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped { + left: -11px +} + +.tooltipster-sidetip.tooltipster-punk .tooltipster-box { + border-radius: 5px; + border: none; + border-bottom: 3px solid var(--techwave-main-color); + background: #2a2a2a +} + +.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box { + margin-bottom: 7px +} + +.tooltipster-sidetip.tooltipster-punk .tooltipster-content { + color: #fff; + padding: 8px 16px +} + +.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background { + display: none +} + +.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border { + border-bottom-color: #2a2a2a +} + +.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border { + border-left-color: #2a2a2a +} + +.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border { + border-right-color: #2a2a2a +} + +.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border { + border-top-color: var(--techwave-main-color) +} + +.tooltipster-sidetip.tooltipster-shadow .tooltipster-box { + border: none; + border-radius: 5px; + background: #fff; + box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1) +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box { + margin-top: 6px +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box { + margin-right: 6px +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box { + margin-left: 6px +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box { + margin-bottom: 6px +} + +.tooltipster-sidetip.tooltipster-shadow .tooltipster-content { + color: #8d8d8d +} + +.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow { + height: 6px; + margin-left: -6px; + width: 12px +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow, +.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow { + height: 12px; + margin-left: 0; + margin-top: -6px; + width: 6px +} + +.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background { + display: none +} + +.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border { + border: 6px solid transparent +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border { + border-bottom-color: #fff +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border { + border-left-color: #fff +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border { + border-right-color: #fff +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border { + border-top-color: #fff +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped { + top: -6px +} + +.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped { + left: -6px +} + +:root { + color-scheme: dark; + --techwave-site-bg-color: #0f0e11; + --techwave-header-bg-color: #17151b; + --techwave-some-r-bg-color: #17151b; + --techwave-some-a-bg-color: #2b2830; + --techwave-main-color: #7c5fe3; + --techwave-main-color1: #8768f8; + --techwave-main-color2: #b7a4fb; + --techwave-heading-color: #c0bcca; + --techwave-body-color: #7e7a86; + --techwave-border-color: #312e37; + --techwave-button-bg-color: #1c1925; + --techwave-hover-color: #fff; + --techwave-heading-font-family: "Heebo", sans-serif; + --techwave-body-font-family: "Work Sans", sans-serif; + --techwave-left-panel-width: 300px; + --techwave-header-height: 100px +} + +@media(min-width:1041px) { + .panel-opened:root { + --techwave-left-panel-width: 76px + } +} + +@media(max-width:1040px) { + :root { + --techwave-header-height: 80px + } +} + +[data-techwave-skin=light]:root { + color-scheme: light; + --techwave-site-bg-color: #fff; + --techwave-header-bg-color: #f5f5f5; + --techwave-some-r-bg-color: #f5f5f5; + --techwave-some-a-bg-color: #e7e7e7; + --techwave-main-color: #7c5fe3; + --techwave-main-color1: #8768f8; + --techwave-main-color2: #b7a4fb; + --techwave-heading-color: #333; + --techwave-body-color: #444; + --techwave-border-color: #ddd; + --techwave-button-bg-color: #f5f5f5; + --techwave-hover-color: #000 +} + +html { + overflow-x: hidden; + padding: 0; + margin: 0; + scroll-behavior: smooth +} + +*, +:after, +:before { + box-sizing: border-box +} + +body { + font-family: var(--techwave-body-font-family); + font-size: 16px; + letter-spacing: 0; + line-height: 1.5; + font-weight: 400; + color: var(--techwave-body-color); + position: relative; + word-break: break-word; + background-color: var(--techwave-site-bg-color) +} + +.fn__svg { + fill: currentcolor; + width: 18px; + height: 18px +} + +.replaced-svg { + opacity: 1 +} + +p { + letter-spacing: 0; + margin-bottom: 20px +} + +ol li { + margin-bottom: 17px +} + +ol li:last-child { + margin-bottom: 0 +} + +.heading_color, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--techwave-heading-color) +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--techwave-heading-font-family); + line-height: 1.22; + letter-spacing: 0 +} + +h1>a, +h2>a, +h3>a, +h4>a, +h5>a, +h6>a { + text-decoration: none; + color: var(--techwave-heading-color) +} + +h1>a:hover, +h2>a:hover, +h3>a:hover, +h4>a:hover, +h5>a:hover, +h6>a:hover { + color: var(--techwave-main-color) +} + +select:focus { + border-color: var(--techwave-main-color) +} + +select { + display: block; + height: 40px; + width: 100%; + padding: 0 14px; + background-color: var(--techwave-some-a-bg-color); + border: 2px solid transparent; + border-radius: 5px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 16px; + position: relative; + line-height: 40px +} + +hr, +select { + outline: none +} + +hr { + border: none; + border-top: 1px solid var(--techwave-border-color); + margin: 0 0 20px +} + +hr[data-h="2"] { + border-top-width: 2px +} + +hr[data-h="3"] { + border-top-width: 3px +} + +hr[data-h="4"] { + border-top-width: 4px +} + +hr[data-h="5"] { + border-top-width: 5px +} + +hr[data-h="6"] { + border-top-width: 6px +} + +hr[data-h="7"] { + border-top-width: 7px +} + +hr[data-h="8"] { + border-top-width: 8px +} + +hr[data-h="9"] { + border-top-width: 9px +} + +hr[data-h="10"] { + border-top-width: 10px +} + +button { + border-style: none +} + +a, +nav { + cursor: pointer +} + +.techwave_fn_preloader.fn_ready { + opacity: 0; + visibility: hidden; + pointer-events: none +} + +.techwave_fn_preloader, +.techwave_fn_preloader.enabled { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.techwave_fn_preloader { + position: fixed; + padding: 0; + margin: 0; + z-index: 1000; + left: 0; + right: 0; + bottom: 0; + top: 0; + background-color: var(--techwave-site-bg-color); + display: none; + -ms-align-items: center; + align-items: center; + justify-content: center; + transition: all .3s ease +} + +.techwave_fn_preloader svg { + width: 240px; + height: 240px; + border-radius: 100%; + position: relative +} + +.techwave_fn_preloader .first_circle { + fill: none; + stroke-width: 10px; + stroke: #080808 +} + +.techwave_fn_preloader .second_circle { + fill: none; + stroke-width: 10px; + stroke-linecap: round; + transform: rotate(-90deg); + transform-origin: 50% 50%; + stroke-dasharray: 360; + stroke-dashoffset: 100; + stroke: var(--techwave-main-color); + animation: techwave_fn_preloader 10s infinite; + position: relative; + z-index: 1 +} + +@keyframes techwave_fn_preloader { + 0% { + stroke-dasharray: 360 + } + 50% { + stroke-dasharray: 1 + } + to { + stroke-dasharray: 360 + } +} + +.container { + width: 100%; + max-width: 1400px; + padding: 0 40px; + margin: 0 auto +} + +.container.wide { + max-width: 1680px +} + +.container.small { + max-width: 780px +} + +.container.medium { + max-width: 980px +} + +.clearfix:after, +.clearfix:before, +.container:after { + content: ""; + clear: both; + display: table +} + +@media(max-width:1040px) { + .container { + padding: 0 20px + } +} + +@media(max-width:480px) { + .container { + padding: 0 10px + } +} + +.fn__full_link { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0 +} + +frenify_main { + color: var(--techwave-main-color) +} + +frenify_main, +frenify_uselect { + -webkit-user-select: all; + -moz-user-select: all; + -o-user-select: all; + user-select: all +} + +frenify_typing, +frenify_typing h3 { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +frenify_typing h3 { + margin: 0; + font-size: 16px; + font-weight: 400 +} + +frenify_typing span { + color: var(--techwave-heading-color); + overflow: hidden; + border-right: 2px solid var(--techwave-main-color); + white-space: nowrap; + animation: frenify_typing_animation 1s steps(150), frenify_blink_caret .5s step-end infinite +} + +@keyframes frenify_typing_animation { + 0% { + width: 0 + } + to { + width: 100% + } +} + +@keyframes frenify_blink_caret { + 0%, + to { + border-color: transparent + } + 50% { + border-color: var(--techwave-main-color) + } +} + +.techwave_fn_wrapper, +.techwave_fn_wrapper * { + box-sizing: border-box +} + +.techwave_fn_wrapper:not(.fn__has_sidebar) .techwave_fn_image_generation_page .sidebar__trigger { + color: var(--techwave-main-color) +} + +.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_content { + margin-right: 300px +} + +.techwave_fn_content { + position: relative; + margin-left: var(--techwave-left-panel-width); + margin-top: var(--techwave-header-height); + min-height: calc(100vh - var(--techwave-header-height)); + transition: all .2s ease; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column +} + +.fn__submit, +.fn__submit input, +.techwave_fn_button { + display: block; + position: relative; + background-color: var(--techwave-button-bg-color); + border-radius: 20px +} + +.fn__submit input, +.techwave_fn_button { + width: -moz-fit-content; + width: fit-content; + max-width: 100%; + text-decoration: none; + font-weight: 500; + font-size: 14px; + letter-spacing: .5px; + font-family: var(--techwave-heading-font-family); + height: 40px; + line-height: 40px; + padding: 0 34px; + color: var(--techwave-heading-color); + text-transform: uppercase; + text-align: center; + white-space: nowrap; + outline: none; + outline-color: transparent; + overflow: hidden; + text-overflow: ellipsis +} + +.fn__submit input { + width: 100%; + background-color: transparent !important +} + +.techwave_fn_button.medium { + padding: 0 97px; + height: 60px; + line-height: 60px; + border-radius: 30px; + font-size: 18px +} + +.techwave_fn_button.medium:after, +.techwave_fn_button.medium:before { + border-radius: 30px +} + +.techwave_fn_button.small__border, +.techwave_fn_button.small__border:after, +.techwave_fn_button.small__border:before { + border-radius: 5px +} + +.techwave_fn_button.small__border { + background-color: var(--techwave-some-a-bg-color); + padding: 0 20px +} + +.techwave_fn_button.has__icon { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_button.has__icon .fn__svg { + width: 16px; + height: 16px; + margin-right: 5px +} + +.fn__submit input, +.techwave_fn_button span { + position: relative; + z-index: 5 +} + +.techwave_fn_button span { + top: 1px +} + +.fn__submit:hover:after, +.techwave_fn_button:hover:after { + animation-duration: 2s +} + +.fn__submit:hover, +.techwave_fn_button:hover { + color: var(--techwave-hover-color) +} + +.fn__submit:after, +.techwave_fn_button:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 20px; + border: 2px solid transparent; + background: linear-gradient(270deg, var(--techwave-main-color1), var(--techwave-main-color2), var(--techwave-main-color1), var(--techwave-main-color2)) border-box; + -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + -webkit-mask-composite: source-out; + mask-composite: exclude; + background-size: 300% 300%; + animation: animatedgradient alt="" ernate 4s ease infinite +} + +.fn__submit:before, +.techwave_fn_button:before { + right: 0; + bottom: 0; + top: 0; + left: 0; + position: absolute; + color: var(--techwave-main-color1); + content: ""; + opacity: .1; + border-radius: 20px; + box-shadow: 0 5px 15px +} + +.techwave_fn_button.enabled:after { + display: block +} + +.techwave_fn_button.disabled { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_button.disabled:after { + display: none +} + +@keyframes animatedgradient { + 0% { + background-position: 0 50% + } + 50% { + background-position: 100% 50% + } + to { + background-position: 0 50% + } +} + +.retina_logo, +.short_logo { + display: none +} + +@media (-webkit-min-device-pixel-ratio:1.1), +(-webkit-min-device-pixel-ratio:1.25), +(min-device-pixel-ratio:1.1), +(min-resolution:120dpi) { + .retina_logo { + display: block + } + .desktop_logo { + display: none + } +} + +.techwave_fn_leftpanel { + z-index: 101; + position: fixed; + background-color: var(--techwave-some-r-bg-color); + width: var(--techwave-left-panel-width); + left: 0; + top: 0; + bottom: 0; + border-right: 1px solid var(--techwave-border-color); + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + transition: all .2s ease +} + +.techwave_fn_leftpanel, +.techwave_fn_leftpanel .leftpanel_logo { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.techwave_fn_leftpanel .leftpanel_logo { + min-height: var(--techwave-header-height); + height: var(--techwave-header-height); + border-bottom: 1px solid var(--techwave-border-color); + padding: 20px 70px 20px 30px; + -ms-align-items: center; + align-items: center; + position: relative +} + +.techwave_fn_leftpanel .mobile_closer { + display: none +} + +.techwave_fn_leftpanel .fn__icon_button { + position: absolute; + top: 50%; + margin-top: -15px; + right: 20px; + z-index: 4 +} + +.techwave_fn_leftpanel .fn__icon_button .fn__svg { + transform: rotate(180deg) +} + +.techwave_fn_leftpanel .leftpanel_content { + flex: 1 0 auto; + padding: 48px 20px; + overflow-y: auto; + height: calc(100% - var(--techwave-header-height)); + scrollbar-width: thin; + scrollbar-color: #999 #fff +} + +.techwave_fn_leftpanel .leftpanel_content::-webkit-scrollbar { + width: 4px +} + +.techwave_fn_leftpanel .leftpanel_content:-webkit-scrollbar-track { + background: var(--techwave-some-a-bg-color) +} + +.techwave_fn_leftpanel .leftpanel_content::-webkit-scrollbar-thumb { + background-color: var(--techwave-some-a-bg-color); + border-radius: 6px +} + +.techwave_fn_leftpanel .nav_group { + margin-bottom: 38px +} + +.techwave_fn_leftpanel .nav_group:last-child { + margin-bottom: 0 +} + +.techwave_fn_leftpanel .group__title { + padding: 0 10px; + text-transform: uppercase; + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 12px +} + +.techwave_fn_leftpanel .group__list { + margin: 0; + padding: 0; + list-style-type: none +} + +.techwave_fn_leftpanel .group__list li { + margin-bottom: 4px; + position: relative +} + +.techwave_fn_leftpanel .group__list li:last-child { + margin-bottom: 0 +} + +.techwave_fn_leftpanel .group__list a { + font-weight: 400; + border-radius: 5px; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + text-decoration: none; + min-height: 36px; + padding: 5px 10px 5px 42px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + position: relative +} + +.techwave_fn_leftpanel .group__list .menu-item-has-children>a { + padding-right: 22px +} + +.techwave_fn_leftpanel .group__list .hovered>a, +.techwave_fn_leftpanel .group__list a.active, +.techwave_fn_leftpanel .group__list a:hover { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_leftpanel .group__list a.active .text { + color: var(--techwave-hover-color) +} + +.techwave_fn_leftpanel .group__list .icon { + position: absolute; + left: 10px; + top: 50%; + margin-top: -8px; + display: block +} + +.techwave_fn_leftpanel .group__list .icon .fn__svg { + width: 16px; + height: 16px; + display: block +} + +.techwave_fn_leftpanel .group__list .text { + line-height: 24px; + position: relative; + top: 1px +} + +.techwave_fn_leftpanel .group__list .trigger { + right: 5px; + top: 50%; + margin-top: -6px; + position: absolute; + display: block; + color: var(--techwave-heading-color); + transform: rotate(90deg); + transition: all .2s ease +} + +.techwave_fn_leftpanel .group__list .closed .trigger { + transform: rotate(-90deg) +} + +.techwave_fn_leftpanel .group__list .trigger .fn__svg { + width: 12px; + height: 12px; + display: block +} + +.techwave_fn_leftpanel .group__list .count { + width: 24px; + margin-left: 10px; + display: inline-block; + height: 24px; + background-color: #ab0cdf; + color: #fff; + font-weight: 500; + line-height: 25px; + text-align: center; + font-size: 11px; + font-family: var(--techwave-heading-font-family); + border-radius: 100%; + vertical-align: top +} + +.fn__sup { + color: var(--techwave-main-color); + vertical-align: super; + text-transform: uppercase; + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + margin-left: 2px +} + +.techwave_fn_leftpanel .group__list ul { + list-style-type: none; + padding: 0; + margin: 4px 0 0 26px; + overflow: hidden +} + +.techwave_fn_leftpanel .group__list ul a { + padding-left: 17px +} + +.techwave_fn_leftpanel .group__list ul a:after { + width: 5px; + height: 2px; + background-color: var(--techwave-heading-color); + position: absolute; + left: 6px; + top: 50%; + margin-top: -1px; + content: "" +} + +@media(min-width:1041px) { + .panel-opened .techwave_fn_leftpanel .group__list .icon .fn__svg { + width: 18px; + height: 18px + } + .panel-opened .techwave_fn_leftpanel .group__list a { + width: 36px; + padding: 0 + } + .panel-opened .techwave_fn_leftpanel .group__list .menu-item-has-children>a:after { + content: ""; + position: absolute; + width: 10px; + height: 10px; + background-color: #f1416c; + left: 50%; + bottom: 50%; + margin-left: 2px; + margin-bottom: 2px; + border-radius: 100% + } + .panel-opened .techwave_fn_leftpanel .leftpanel_logo { + padding: 0; + justify-content: center + } + .panel-opened .techwave_fn_leftpanel .short_logo { + display: block + } + .panel-opened .techwave_fn_leftpanel .fn__closer { + right: -15px; + transform: rotate(180deg) + } + .panel-opened .techwave_fn_leftpanel .full_logo, + .panel-opened .techwave_fn_leftpanel .group__list .text, + .panel-opened .techwave_fn_leftpanel .group__list .trigger, + .panel-opened .techwave_fn_leftpanel .group__title { + display: none + } + .panel-opened .techwave_fn_leftpanel .group__list ul { + display: none !important + } +} + +.techwave_fn_header { + position: fixed; + top: 0; + left: var(--techwave-left-panel-width); + right: 0; + height: var(--techwave-header-height); + background-color: var(--techwave-header-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + -ms-align-items: center; + align-items: center; + padding: 0 40px; + z-index: 100; + transition: all .2s ease +} + +.techwave_fn_header:after { + content: ""; + pointer-events: none; + position: absolute; + bottom: 0; + z-index: 1; + left: 0; + right: 0; + height: 1px; + background-color: var(--techwave-border-color) +} + +.fn__token_info { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + height: var(--techwave-header-height); + position: relative +} + +.fn__token_info:hover .token__popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__token_info .token__popup { + opacity: 0; + visibility: hidden; + transform: translateY(20px); + width: 200px; + position: absolute; + left: 0; + top: 100%; + background-color: var(--techwave-header-bg-color); + padding: 12px 15px; + border-radius: 0 0 5px 5px; + border: 1px solid var(--techwave-border-color); + margin-top: -1px; + font-family: var(--techwave-heading-font-family); + font-size: 12px; + letter-spacing: .5px; + transition: all .2s ease +} + +.fn__token_info .token__popup span { + color: var(--techwave-heading-color) +} + +.fn__token_info .token_summary { + border-radius: 5px; + background-color: var(--techwave-some-a-bg-color); + font-family: var(--techwave-heading-font-family); + line-height: 16px; + height: 40px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + padding: 5px 12px; + margin-right: 20px +} + +.fn__token_info .count { + font-weight: 600; + font-size: 18px; + color: var(--techwave-heading-color); + padding-right: 25px; + position: relative +} + +.fn__token_info .text { + line-height: 16px; + font-size: 12px +} + +.fn__token_info .count:after { + content: ""; + position: absolute; + right: 12px; + top: 50%; + margin-top: -15px; + height: 30px; + background-color: #413e45; + width: 1px +} + +.fn__nav_bar, +.fn__nav_bar .bar__item { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.fn__nav_bar .bar__item { + height: var(--techwave-header-height); + position: relative; + margin-right: 10px; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__nav_bar .bar__item:last-child { + margin-right: 0 +} + +.fn__nav_bar .item_opener { + width: 50px; + height: 50px; + text-decoration: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + background-color: var(--techwave-some-a-bg-color); + border-radius: 100%; + color: var(--techwave-heading-color); + position: relative +} + +.fn__nav_bar .item_opener:hover { + opacity: .8 +} + +.fn__nav_bar .item_opener.full_screen .f_screen { + opacity: 0; + transform: scale(.7) +} + +.fn__nav_bar .item_opener.full_screen .s_screen { + opacity: 1; + transform: scale(1) +} + +.fn__nav_bar .item_opener .fn__svg { + width: 24px; + height: 24px; + transition: all .3s ease +} + +.fn__nav_bar .item_opener .dark_mode { + opacity: 0; + position: absolute; + left: 50%; + top: 50%; + margin: -12px 0 0 -12px; + transform: scale(.7) rotate(-90deg) +} + +[data-techwave-skin=light] .fn__nav_bar .item_opener .dark_mode { + opacity: 1; + transform: scale(1) rotate(0deg) +} + +[data-techwave-skin=light] .fn__nav_bar .item_opener .light_mode { + opacity: 0; + transform: scale(.7) rotate(90deg) +} + +[data-techwave-skin=dark] .fn__nav_bar .item_opener .light_mode { + opacity: 1; + transform: scale(1) rotate(0deg) +} + +[data-techwave-skin=dark] .fn__nav_bar .item_opener .dark_mode { + opacity: 0; + transform: scale(.7) rotate(-90deg) +} + +.fn__nav_bar .item_opener .s_screen { + opacity: 0; + position: absolute; + left: 50%; + top: 50%; + margin: -9px 0 0 -9px; + transform: scale(.7); + width: 18px; + height: 18px +} + +.fn__nav_bar .bar__item_user { + margin-left: 10px +} + +.fn__nav_bar .user_opener { + width: 60px; + height: 60px; + border: 2px solid var(--techwave-border-color); + border-radius: 5px; + overflow: hidden +} + +.fn__nav_bar .user_opener img { + width: 100%; + height: 100%; + object-fit: cover; + aspect-ratio: 1/1; + border-radius: 3px +} + +.fn__nav_bar .item_popup { + position: absolute; + right: 0; + top: 100%; + background-color: var(--techwave-header-bg-color); + border: 1px solid var(--techwave-border-color); + border-radius: 0 0 5px 5px; + opacity: 0; + visibility: hidden; + transform: translateY(20px); + transition: all .2s ease; + margin-top: -1px +} + +.fn__nav_bar .item_popup[data-position=left] { + right: auto; + left: 0 +} + +.fn__nav_bar .bar__item_user .item_popup { + padding: 20px; + width: 300px; + max-width: calc(100vw - 80px) +} + +.fn__nav_bar .bar__item_user.opened .item_popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__nav_bar .bar__item_user.opened .user_opener, +.fn__nav_bar .bar__item_user:hover .user_opener { + border-color: var(--techwave-main-color) +} + +.fn__nav_bar .bar__item_user .user_profile { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + padding: 0 10px 20px; + border-bottom: 1px solid var(--techwave-border-color); + -ms-align-items: center; + align-items: center +} + +.fn__nav_bar .bar__item_user .user_img { + margin-right: 15px; + width: 60px; + min-width: 60px +} + +.fn__nav_bar .bar__item_user .user_img img { + width: 100%; + object-fit: cover; + aspect-ratio: 1/1; + border: 2px solid var(--techwave-border-color); + border-radius: 5px +} + +.fn__nav_bar .bar__item_user .user_name { + margin: 0; + padding: 0; + font-weight: 400; + font-size: 16px +} + +.fn__nav_bar .bar__item_user .user_name span { + height: 16px; + line-height: 16px; + display: inline-block; + padding: 0 5px; + border-radius: 5px; + background-color: #ab0cdf; + color: #fff; + font-weight: 500; + font-size: 11px; + text-transform: uppercase; + font-family: var(--techwave-heading-font-family); + margin-left: 10px; + vertical-align: middle; + position: relative; + top: -2px +} + +.fn__nav_bar .bar__item_user .user_profile p { + margin: 0; + padding: 0; + font-family: var(--techwave-heading-font-family); + font-size: 12px; + letter-spacing: 0 +} + +.fn__nav_bar .bar__item_user .user_profile a { + text-decoration: none; + color: var(--techwave-heading-color) +} + +.fn__nav_bar .bar__item_user .user_profile a:hover { + color: var(--techwave-main-color) +} + +.fn__nav_bar .bar__item_user .user_nav { + padding-top: 20px +} + +.fn__nav_bar .bar__item_user .user_nav li { + margin-bottom: 4px +} + +.fn__nav_bar .bar__item_user .user_nav li:last-child { + margin-bottom: 0 +} + +.fn__nav_bar .bar__item_user .user_nav ul { + list-style-type: none; + margin: 0; + padding: 0 +} + +.fn__nav_bar .bar__item_user .user_nav a { + font-weight: 400; + border-radius: 5px; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + text-decoration: none; + height: 36px; + padding: 0 10px 0 42px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + position: relative +} + +.fn__nav_bar .bar__item_user .user_nav .icon { + position: absolute; + left: 10px; + top: 50%; + margin-top: -8px; + display: block +} + +.fn__nav_bar .bar__item_user .user_nav .icon .fn__svg { + width: 16px; + height: 16px; + display: block +} + +.fn__nav_bar .bar__item_user .user_nav a.active, +.fn__nav_bar .bar__item_user .user_nav a:hover { + background-color: var(--techwave-some-a-bg-color) +} + +.fn__nav_bar .bar__item_user .user_nav .text { + position: relative; + top: 1px +} + +.fn__nav_bar .bar__item_language.opened .item_popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__nav_bar .bar__item_language.opened .item_opener { + color: var(--techwave-main-color) +} + +.fn__nav_bar .bar__item_language .item_popup { + padding: 20px; + width: 200px; + max-width: calc(100vw - 80px) +} + +.fn__nav_bar .bar__item_language .item_popup li { + margin-bottom: 4px +} + +.fn__nav_bar .bar__item_language .item_popup li:last-child { + margin-bottom: 0 +} + +.fn__nav_bar .bar__item_language .item_popup ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.fn__nav_bar .bar__item_language .item_popup a, +.fn__nav_bar .bar__item_language .item_popup span { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + height: 36px; + padding: 0 15px; + border-radius: 5px; + text-decoration: none; + font-size: 16px; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + transition: all .3s ease +} + +.fn__nav_bar .bar__item_language .item_popup .active, +.fn__nav_bar .bar__item_language .item_popup a:hover { + background-color: var(--techwave-some-a-bg-color); + color: var(--techwave-hover-color) +} + +.fn__nav_bar .bar__item_notification .item_opener:after { + content: ""; + position: absolute; + width: 12px; + height: 12px; + background-color: #f1416c; + border-radius: 100%; + top: 9px; + right: 10px; + opacity: 0; + visibility: hidden +} + +.fn__nav_bar .bar__item_notification.has_notification .item_opener:after { + opacity: 1; + visibility: visible +} + +.fn__nav_bar .bar__item_notification .item_popup { + width: 340px; + padding: 20px; + max-width: calc(100vw - 80px) +} + +.fn__nav_bar .bar__item_notification.opened .item_popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__nav_bar .bar__item_notification .ntfc_header { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: space-between; + column-gap: 20px; + padding: 1px 15px 20px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_title { + font-size: 12px; + font-weight: 500; + margin: 0; + letter-spacing: .5px; + text-transform: uppercase; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-body-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_header a { + text-decoration: none; + font-size: 12px; + font-weight: 400; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-body-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_header a:hover { + color: var(--techwave-main-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_list { + padding: 25px 15px 0 +} + +.fn__nav_bar .bar__item_notification .ntfc_list ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.fn__nav_bar .bar__item_notification .ntfc_list li { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + margin-bottom: 20px +} + +.fn__nav_bar .bar__item_notification .ntfc_list li:last-child { + margin-bottom: 0 +} + +.fn__nav_bar .bar__item_notification .ntfc_list p { + margin: 0; + padding: 0; + font-size: 16px; + font-weight: 400; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_list p a { + color: var(--techwave-heading-color); + text-decoration: none +} + +.fn__nav_bar .bar__item_notification .ntfc_list p a:hover { + color: var(--techwave-main-color) +} + +.fn__nav_bar .bar__item_notification .ntfc_list span { + font-size: 12px; + font-weight: 400; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-body-color); + margin-top: -1px +} + +.fn__nav_bar .bar__item_search .item_popup { + width: 200px; + padding: 20px; + max-width: calc(100vw - 80px) +} + +.techwave_fn_fixedsub { + opacity: 0; + visibility: hidden; + position: fixed; + left: var(--techwave-left-panel-width); + top: var(--techwave-header-height); + z-index: 101; + display: none; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + border-left: none; + margin-top: calc(var(--techwave-header-height) - 21px); + padding: 20px; + transition: all .2s ease +} + +.panel-opened .techwave_fn_fixedsub { + display: block +} + +.techwave_fn_fixedsub.opened { + opacity: 1; + visibility: visible +} + +.techwave_fn_fixedsub ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.techwave_fn_fixedsub li { + margin-bottom: 4px; + position: relative +} + +.techwave_fn_fixedsub li:last-child { + margin-bottom: 0 +} + +.techwave_fn_fixedsub a { + font-weight: 400; + border-radius: 5px; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + text-decoration: none; + min-height: 36px; + padding: 5px 10px 5px 17px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + position: relative +} + +.techwave_fn_fixedsub a:after { + width: 5px; + height: 2px; + background-color: var(--techwave-heading-color); + position: absolute; + left: 6px; + top: 50%; + margin-top: -1px; + content: "" +} + +.techwave_fn_fixedsub a.active, +.techwave_fn_fixedsub a:hover { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_footer { + margin-top: auto; + min-height: 71px; + padding: 18px 40px; + border-top: 1px solid var(--techwave-border-color) +} + +.techwave_fn_footer_content { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_footer .copyright p { + margin: 0; + padding: 0; + font-size: 14px; + letter-spacing: .5px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_footer .menu_items ul { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + padding: 0; + list-style-type: none; + margin: 0 0 0 -30px +} + +.techwave_fn_footer .menu_items li { + margin: 5px 0 5px 30px +} + +.techwave_fn_footer .menu_items a { + text-decoration: none; + font-size: 14px; + letter-spacing: .5px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_footer .menu_items a:hover { + color: var(--techwave-main-color) +} + +.section_home { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + min-height: calc(100vh - var(--techwave-header-height) - 71px) +} + +.section_home .section_left { + padding: 93px 40px 80px; + border-right: 1px solid var(--techwave-border-color); + width: 60% +} + +.section_home .section_right { + width: 40%; + padding: 155px 40px +} + +.section_home .company_info { + margin: 0 auto; + max-width: 350px +} + +.section_home .company_info hr { + margin-bottom: 24px +} + +.section_home .company_info p { + margin-bottom: 23px +} + +.section_home .company_info img { + margin-bottom: 25px +} + +.section_home .techwave_fn_title_holder { + margin-bottom: 43px +} + +.techwave_fn_title_holder { + text-align: center +} + +.techwave_fn_title_holder .title { + padding: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + margin: 0 0 -1px; + font-size: 40px +} + +.techwave_fn_title_holder .desc { + margin: 0; + padding: 0; + font-size: 18px; + font-weight: 400; + font-family: var(--techwave-body-font-family); + color: var(--techwave-body-color) +} + +.techwave_fn_interactive_list ul { + padding: 0; + list-style-type: none; + margin: 0 0 0 -20px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + flex-wrap: wrap +} + +.techwave_fn_interactive_list li { + width: 360px; + max-width: 50%; + padding-left: 20px; + margin-bottom: 20px +} + +.techwave_fn_interactive_list .item { + border: 2px solid var(--techwave-border-color); + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + min-height: 100%; + text-align: center; + transition: all .2s ease +} + +.techwave_fn_interactive_list .item:hover { + background-color: var(--techwave-some-a-bg-color); + border-color: var(--techwave-main-color) +} + +.techwave_fn_interactive_list a { + text-decoration: none; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + padding: 48px 30px; + min-height: 100% +} + +.techwave_fn_interactive_list .icon, +.techwave_fn_interactive_list a { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_interactive_list .icon { + width: 120px; + height: 120px; + border-radius: 100%; + background-color: var(--techwave-main-color); + position: relative; + color: #fff; + margin-bottom: 26px +} + +.techwave_fn_interactive_list .icon .fn__svg { + width: 50px; + height: 50px; + display: block +} + +.techwave_fn_interactive_list .title { + padding: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + font-weight: 400; + font-size: 24px; + margin: 0 0 20px +} + +.techwave_fn_interactive_list .desc { + padding: 0; + font-family: var(--techwave-body-font-family); + color: var(--techwave-body-color); + font-weight: 400; + font-size: 16px; + line-height: 20px; + margin: 0 0 22px +} + +.techwave_fn_interactive_list .arrow { + display: block; + width: 50px; + height: 14px; + color: var(--techwave-heading-color); + position: relative +} + +.techwave_fn_interactive_list .arrow:after { + position: absolute; + content: ""; + height: 2px; + top: 50%; + margin-top: -1px; + background-color: var(--techwave-heading-color); + transition: all .3s ease; + right: 100%; + left: 0; + margin-right: 0 +} + +.techwave_fn_interactive_list .item:hover .arrow:after { + right: 0; + margin-right: 4px; + left: 0 +} + +.techwave_fn_interactive_list .item:hover .arrow .fn__svg { + right: 0; + margin-right: 0 +} + +.techwave_fn_interactive_list .arrow .fn__svg { + width: 14px; + height: 14px; + display: block; + position: absolute; + right: 50%; + margin-right: -7px; + transition: all .3s ease +} + +.techwave_fn_interactive_list.modern { + max-width: 700px; + margin: 0 auto +} + +.techwave_fn_interactive_list.modern li { + width: 100%; + max-width: 100% +} + +.techwave_fn_interactive_list.modern a { + -moz-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + justify-content: flex-start; + padding: 18px 38px +} + +.techwave_fn_interactive_list.modern .desc { + display: none +} + +.techwave_fn_interactive_list.modern .icon { + margin-bottom: 0; + margin-right: 20px; + min-width: 60px; + width: 60px; + height: 60px +} + +.techwave_fn_interactive_list.modern .icon .fn__svg { + width: 24px; + height: 24px +} + +.techwave_fn_interactive_list.modern .title { + margin-bottom: 0; + margin-right: 20px; + font-size: 20px +} + +.techwave_fn_interactive_list.modern .arrow { + margin-left: auto +} + +.fn__members .item { + position: relative; + padding-left: 22px; + font-size: 16px; + line-height: 24px; + min-height: 24px; + margin-bottom: 8px +} + +.fn__members .item:last-child { + margin-bottom: 0 +} + +.fn__members .circle { + width: 12px; + height: 12px; + border-radius: 100%; + display: block; + background-color: var(--techwave-body-color); + position: absolute; + top: 6px; + left: 0 +} + +.fn__members .active .circle { + background-color: #45c569 +} + +.fn__animated_text.ready { + opacity: 1 +} + +.fn__animated_text span { + animation: fn__animated_text .8s both +} + +.fn__animated_text em { + opacity: 0 +} + +@keyframes fn__animated_text { + 0% { + opacity: 0 + } + 65% { + opacity: 1; + text-shadow: 0 0 25px #fff + } + 75% { + opacity: .7 + } + to { + opacity: 1 + } +} + +.techwave_fn_pagetitle { + padding: 34px 40px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_pagetitle .title { + margin: 0; + padding: 0; + font-size: 22px; + line-height: 1.364; + font-weight: 600; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_pagetitle span { + color: var(--techwave-body-color) +} + +.change_log, +.faq { + padding: 40px 0 +} + +.techwave_fn_changelog .changelog__item { + border-radius: 5px; + border: 1px solid var(--techwave-border-color); + background-color: var(--techwave-some-r-bg-color); + margin-bottom: 40px +} + +.techwave_fn_changelog .changelog__item:last-child { + margin-bottom: 0 +} + +.techwave_fn_changelog .item__header { + padding: 24px 30px; + border-bottom: 1px solid var(--techwave-border-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 20px; + justify-content: space-between; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_changelog .item__ver { + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 20px; + font-weight: 400 +} + +.techwave_fn_changelog .item__date { + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + font-size: 11px; + font-weight: 500; + text-transform: uppercase +} + +.techwave_fn_changelog .item__content { + padding: 40px 30px 34px +} + +.techwave_fn_changelog .item__group { + margin-bottom: 34px +} + +.techwave_fn_changelog .item__group:last-child { + margin-bottom: 0 +} + +.techwave_fn_changelog .item__title { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + margin-bottom: 15px +} + +.techwave_fn_changelog .item__title span { + height: 18px; + line-height: 18px; + border-radius: 9px; + font-weight: 500; + max-width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + text-align: center; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + text-transform: uppercase; + font-size: 11px; + background-color: var(--techwave-some-a-bg-color); + padding: 1px 10px 0 +} + +.techwave_fn_changelog .item__list { + margin: 0; + padding: 0; + list-style-type: none +} + +.techwave_fn_changelog .item__list li { + position: relative; + min-height: 24px; + line-height: 24px; + font-size: 18px; + color: var(--techwave-body-color); + font-weight: 400; + padding-left: 15px; + margin-bottom: 8px +} + +.techwave_fn_changelog .item__list li:last-child { + margin-bottom: 0 +} + +.techwave_fn_changelog .item__list li:after { + content: ""; + position: absolute; + left: 0; + top: 11px; + height: 2px; + background-color: var(--techwave-body-color); + width: 5px +} + +.techwave_fn_searchbar { + opacity: 0; + visibility: hidden; + transform: translateX(100px); + position: fixed; + top: 0; + left: var(--techwave-left-panel-width); + right: 0; + height: var(--techwave-header-height); + background-color: var(--techwave-header-bg-color); + padding: 0 40px; + z-index: 102; + transition: all .3s ease; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_searchbar.opened { + opacity: 1; + visibility: visible; + transform: translateX(0) +} + +.techwave_fn_searchbar .search__results { + opacity: 0; + visibility: hidden; + transform: translateY(20px); + position: absolute; + top: 100%; + left: 0; + right: 0; + border-bottom: 1px solid var(--techwave-border-color); + background-color: var(--techwave-header-bg-color); + margin-top: 1px; + padding: 46px 40px; + transition: all .2s ease +} + +.techwave_fn_searchbar .search__results.opened { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.techwave_fn_searchbar .search__input { + height: var(--techwave-header-height); + padding: 0 50px 0 45px; + display: block; + width: 100%; + background-color: transparent !important; + border: none !important; + font-size: 16px; + font-weight: 400; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_searchbar .results__title { + font-weight: 500; + text-transform: uppercase; + font-size: 11px; + margin: 0 0 19px +} + +.techwave_fn_searchbar .search__icon { + width: 24px; + height: 24px; + display: block; + position: absolute; + top: 50%; + margin-top: -12px; + left: 40px; + pointer-events: none +} + +.techwave_fn_searchbar .search__closer { + text-decoration: none; + width: 30px; + height: 30px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + border-radius: 5px; + background-color: var(--techwave-some-a-bg-color); + position: absolute; + right: 40px; + top: 50%; + margin-top: -15px; + color: var(--techwave-heading-color) +} + +.techwave_fn_searchbar .search__closer .fn__svg { + width: 12px; + height: 12px +} + +.techwave_fn_searchbar .search__results ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.techwave_fn_searchbar .search__results li { + font-weight: 400; + font-family: var(--techwave-heading-font-family); + font-size: 16px; + letter-spacing: 0; + color: var(--techwave-heading-color); + margin-bottom: 13px +} + +.techwave_fn_searchbar .search__results li:last-child { + margin-bottom: 0 +} + +.techwave_fn_searchbar .search__results a { + text-decoration: none; + color: var(--techwave-heading-color) +} + +.techwave_fn_searchbar .search__results a:hover { + color: var(--techwave-main-color) +} + +.techwave_fn_accordion.small .acc__item { + border-width: 1px +} + +.techwave_fn_accordion.small .acc__header { + padding: 15px 20px +} + +.techwave_fn_accordion.small .acc__icon:after { + width: 11px; + height: 1px; + right: 20px; + margin-top: -1px +} + +.techwave_fn_accordion.small .acc__icon:before { + width: 1px; + height: 11px; + right: 25px; + margin-top: -6px +} + +.techwave_fn_accordion.small .acc__title { + font-size: 14px; + text-transform: uppercase; + line-height: 20px +} + +.techwave_fn_accordion.small .acc__content { + padding: 14px 20px +} + +.techwave_fn_accordion .acc__item { + border: 2px solid var(--techwave-border-color); + background-color: var(--techwave-some-r-bg-color); + border-radius: 5px; + margin-bottom: 10px +} + +.techwave_fn_accordion .acc__item .acc__header:hover, +.techwave_fn_accordion .acc__item.opened .acc__header { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_accordion .acc__item:last-child { + margin-bottom: 0 +} + +.techwave_fn_accordion .acc__header { + padding: 26px 30px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 20px; + justify-content: space-between; + -ms-align-items: center; + align-items: center; + position: relative; + cursor: pointer; + transition: all .3s ease +} + +.techwave_fn_accordion .acc__title { + margin: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 20px; + font-weight: 400; + line-height: 1.25; + padding: 0 23px 0 0; + top: 1px +} + +.techwave_fn_accordion .acc__icon:after { + width: 18px; + height: 2px; + background-color: var(--techwave-heading-color); + content: ""; + position: absolute; + right: 30px; + top: 50%; + margin-top: -1px +} + +.techwave_fn_accordion .opened .acc__icon:before { + transform: scale(0) rotate(90deg) +} + +.techwave_fn_accordion .acc__icon:before { + width: 2px; + height: 18px; + background-color: var(--techwave-heading-color); + content: ""; + position: absolute; + right: 38px; + top: 50%; + margin-top: -9px; + transition: all .3s ease +} + +.techwave_fn_accordion .acc__content { + padding: 24px 30px; + display: none; + overflow: hidden; + border-top: 1px solid var(--techwave-border-color) +} + +.techwave_fn_accordion .acc__content p { + margin-bottom: 18px +} + +.techwave_fn_accordion .acc__content>:last-child { + margin-bottom: 0 +} + +.techwave_fn_community_page { + padding: 36px 0 40px +} + +.techwave_fn_community_page .fn__title_holder { + margin-bottom: 28px +} + +.fn__title_holder .title { + margin: 0; + padding: 0; + font-size: 22px; + font-weight: 600 +} + +.fn__tabs { + border-bottom: 1px solid var(--techwave-border-color); + margin-bottom: 30px +} + +.fn__tabs .tab_in { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + width: 100%; + flex-wrap: wrap +} + +.fn__tabs a { + text-decoration: none; + font-size: 14px; + font-weight: 500; + letter-spacing: .5px; + text-transform: uppercase; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin-right: 30px; + line-height: 40px; + position: relative; + cursor: pointer +} + +.fn__tabs a:after { + content: ""; + opacity: 0; + position: absolute; + left: 50%; + bottom: -1px; + height: 2px; + background-color: var(--techwave-main-color); + right: 50%; + transition: all .3s ease +} + +.fn__tabs a.active:after { + left: 0; + right: 0; + opacity: 1 +} + +.techwave_fn_feed .feed__filter { + justify-content: space-between; + column-gap: 50px; + margin-bottom: 30px; + position: relative +} + +.techwave_fn_feed .feed__filter, +.techwave_fn_feed .filter__left { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + flex-wrap: wrap +} + +.techwave_fn_feed .filter__left, +.techwave_fn_feed .filter__upscaled { + margin: 5px 0 +} + +.techwave_fn_feed .filter__left>* { + margin-right: 30px +} + +.techwave_fn_feed .filter__left>:last-child { + margin-right: 0 +} + +.techwave_fn_feed .filter__search { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap +} + +.techwave_fn_feed .filter__search a { + margin: 5px 0 +} + +.techwave_fn_feed .filter__search input { + margin: 5px 10px 5px 0 +} + +.techwave_fn_feed .filter__sorting { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + margin-left: -10px +} + +.techwave_fn_feed .filter__sorting a { + margin: 5px 0 5px 10px +} + +.fn__selection_box { + display: none; + border-top: 1px solid var(--techwave-border-color); + border-bottom: 1px solid var(--techwave-border-color); + padding: 25px 0; + margin-bottom: 30px; + position: -webkit-sticky; + position: sticky; + top: var(--techwave-header-height); + z-index: 5; + background: var(--techwave-site-bg-color) +} + +.fn__selection_box .desc { + margin: 0; + padding: 0 +} + +.fn__selection_box .selection_in { + justify-content: space-between; + -ms-align-items: center; + align-items: center +} + +.fn__selection_box .actions, +.fn__selection_box .selection_in { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.fn__selection_box .actions a { + margin: 5px 0 5px 10px +} + +.techwave_fn_feed .feed__results { + margin-bottom: 60px; + position: relative +} + +.techwave_fn_feed .feed__results.loading .fn__gallery_items { + opacity: 0; + visibility: hidden +} + +.techwave_fn_feed .feed__results.loading .fn__preloader { + opacity: 1; + visibility: visible +} + +.techwave_fn_feed .feed__more { + justify-content: center +} + +.fn__gallery_items, +.techwave_fn_feed .feed__more { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.fn__gallery_items { + padding: 0; + list-style-type: none; + margin: 0 0 0 -20px; + flex-wrap: wrap +} + +.fn__gallery_items .item.select__ready .item__info { + display: none +} + +.fn__gallery_items .item.select__ready .fn__selectable_item { + opacity: 1; + visibility: visible; + pointer-events: all +} + +.fn__selectable_item { + opacity: 0; + visibility: hidden; + pointer-events: none; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + z-index: 3; + color: var(--techwave-hover-color); + border: 2px solid transparent; + border-radius: 5px; + cursor: pointer +} + +.fn__selectable_item.selected { + border-color: var(--techwave-main-color) +} + +.fn__selectable_item.selected .icon { + background-color: var(--techwave-main-color) +} + +.fn__selectable_item.selected:after { + opacity: .1 +} + +.fn__selectable_item:after { + background-color: var(--techwave-site-bg-color); + opacity: .6; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + content: "" +} + +.fn__selectable_item .icon { + width: 50px; + height: 50px; + background-color: var(--techwave-some-a-bg-color); + border-radius: 100%; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + -ms-align-items: center; + align-items: center +} + +.fn__selectable_item .fn__svg { + position: relative; + z-index: 3 +} + +.fn__gallery_item { + padding: 0 0 0 20px; + width: 25%; + margin: 0 0 20px +} + +.fn__gallery_items .item { + position: relative; + width: 100%; + overflow: hidden; + cursor: pointer +} + +.fn__gallery_items .img img { + border-radius: 5px; + width: 100%; + height: 100% +} + +.fn__gallery_items .item:hover .item__info { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__gallery_items .item__info { + opacity: 0; + visibility: hidden; + transform: translateY(20px); + position: absolute; + bottom: 10px; + left: 10px; + right: 10px; + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + padding: 20px 15px 19px; + transition: all .3s ease +} + +.fn__gallery_items .info__header { + justify-content: space-between; + margin-bottom: 14px; + column-gap: 15px +} + +.fn__gallery_items .info__header, +.fn__gallery_items .user__info { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.fn__gallery_items .user__info { + max-width: 60% +} + +.fn__gallery_items .author_name { + margin: 0; + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.fn__gallery_items .user__info img { + width: 20px; + height: 20px; + object-fit: cover; + border-radius: 100%; + margin-right: 7px +} + +.fn__gallery_items .item__info .desc { + margin: 0; + padding: 0; + font-size: 14px; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 3; + line-clamp: 3; + -webkit-box-orient: vertical +} + +a.fn__like { + text-decoration: none; + font-size: 14px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + position: relative; + z-index: 25; + padding: 0 42px 0 18px; + height: 40px; + border: 2px solid var(--techwave-some-a-bg-color); + border-radius: 20px; + line-height: 36px +} + +a.fn__like .count { + position: relative; + top: 1px +} + +a.fn__like .fn__svg { + position: absolute; + width: 18px; + height: 18px; + right: 18px; + top: 50%; + margin-top: -9px; + opacity: 0 +} + +a.fn__like .empty__like { + opacity: 1 +} + +a.fn__like.has__like .empty__like { + opacity: 0 +} + +a.fn__like.has__like .full__like { + opacity: 1; + color: var(--techwave-main-color) +} + +a.fn__like:hover { + opacity: .8 +} + +a.fn__like.has__like { + border-color: var(--techwave-main-color) +} + +a.fn__like.no_border { + border: none; + padding: 0 24px 0 0; + line-height: 16px; + border-radius: 0; + height: 16px +} + +a.fn__like.no_border .fn__svg { + right: 0 +} + +.fn__checkbox { + margin: 0; + position: relative; + min-height: 20px; + line-height: 20px; + padding: 0 0 0 27px; + font-size: 16px; + font-weight: 400; + border: none; + outline: none; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none +} + +.fn__checkbox .fn__svg { + opacity: 0; + width: 12px; + height: 12px; + position: absolute; + left: 4px; + top: 50%; + margin-top: -6px; + border-color: var(--techwave-main-color) +} + +.fn__checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0 +} + +.fn__checkbox input:checked~.fn__svg { + opacity: 1 +} + +.fn__checkbox input:checked~.checkmark { + border-color: var(--techwave-main-color) +} + +.fn__checkbox .checkmark { + width: 20px; + height: 20px; + display: block; + position: absolute; + top: 50%; + margin-top: -10px; + left: 0; + border: 2px solid var(--techwave-border-color); + border-radius: 3px +} + +.techwave_fn_img_lightbox { + opacity: 0; + visibility: hidden; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 105; + background-color: var(--techwave-site-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + overflow-y: auto; + pointer-events: none; + transition: all .3s ease +} + +.techwave_fn_img_lightbox.opened { + opacity: 1; + visibility: visible; + pointer-events: all +} + +.techwave_fn_img_lightbox .lightbox__top { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_img_lightbox .lightbox__tl { + width: 70%; + width: calc(100% - 440px) +} + +.techwave_fn_img_lightbox .lightbox__tr { + width: 30%; + width: 440px; + border-left: 1px solid var(--techwave-border-color) +} + +.techwave_fn_img_lightbox .lightbox__tlbar { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + padding: 20px; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_img_lightbox .lightbox__tlbar_left { + flex: 3 1; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap +} + +.techwave_fn_img_lightbox .lightbox__tlbar_left .item { + margin: 2.5px 5px 2.5px 0 +} + +.techwave_fn_img_lightbox .lightbox__tlbar_center { + flex: 2 1; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + column-gap: 5px +} + +.techwave_fn_img_lightbox .lightbox__tlbar_right { + flex: 3 1; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: flex-end +} + +.techwave_fn_img_lightbox .img_nav { + text-decoration: none; + width: 40px; + height: 40px; + border: 2px solid var(--techwave-some-a-bg-color); + border-radius: 100%; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + color: var(--techwave-heading-color) +} + +.techwave_fn_img_lightbox .img_nav:hover { + border-color: var(--techwave-main-color) +} + +.techwave_fn_img_lightbox .img_nav .fn__svg { + width: 12px; + height: 12px +} + +.techwave_fn_img_lightbox .img_nav.nav_prev .fn__svg { + transform: rotate(180deg) +} + +.techwave_fn_img_lightbox .lightbox__tlimg { + padding: 0 40px 60px; + text-align: center +} + +.techwave_fn_img_lightbox .user__profile { + padding: 20px 70px 20px 20px; + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: var(--techwave-site-bg-color); + z-index: 2; + border-bottom: 1px solid var(--techwave-border-color); + width: 100% +} + +.techwave_fn_img_lightbox .user__profile, +.techwave_fn_img_lightbox .user__profile .profile_link { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_img_lightbox .user__profile .profile_link { + text-decoration: none; + margin-right: 10px; + max-width: 55% +} + +.techwave_fn_img_lightbox .user__profile .profile_link .user_name { + margin: 0; + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 16px +} + +.techwave_fn_img_lightbox .user__profile .profile_link img { + min-width: 40px; + width: 40px; + height: 40px; + border-radius: 100%; + margin-right: 10px; + object-fit: cover +} + +.techwave_fn_img_lightbox .fn__closer { + position: absolute; + right: 20px; + top: 50%; + margin-top: -15px +} + +.techwave_fn_img_lightbox .item__details { + padding: 20px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_img_lightbox .item__details>* { + margin-bottom: 10px +} + +.techwave_fn_img_lightbox .item__details>:last-child { + margin-bottom: 0 +} + +.techwave_fn_img_lightbox .lightbox__related { + padding: 36px 40px 20px +} + +.techwave_fn_img_lightbox .lightbox__related .fn__title_holder { + margin-bottom: 33px +} + +.fn__follow { + padding: 0 10px; + position: relative; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + height: 24px; + white-space: nowrap; + max-width: 100%; + text-decoration: none; + background-color: var(--techwave-some-a-bg-color); + font-family: var(--techwave-heading-font-family); + font-size: 11px; + letter-spacing: .5px; + text-transform: uppercase; + border-radius: 12px; + line-height: 24px; + color: var(--techwave-body-color); + font-weight: 400 +} + +.fn__follow:hover { + opacity: .8 +} + +.fn__follow.has__follow { + background-color: #f1416c; + color: #fff +} + +.fn__icon_button { + width: 30px; + height: 30px; + border-radius: 5px; + background-color: var(--techwave-some-a-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + color: var(--techwave-heading-color) +} + +.fn__icon_button .dots { + display: block; + position: relative; + width: 15px; + height: 3px; + border-left: 3px solid var(--techwave-heading-color); + border-right: 3px solid var(--techwave-heading-color) +} + +.fn__icon_button .dots:after { + width: 3px; + top: 0; + bottom: 0; + left: 3px; + content: ""; + position: absolute; + background-color: var(--techwave-heading-color) +} + +.fn__icon_button:hover { + opacity: .8 +} + +.fn__icon_button .fn__svg { + width: 12px; + height: 12px +} + +.fn__model { + position: relative; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + padding: 10px 70px 10px 20px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.fn__model .fn__icon_button { + position: absolute; + right: 20px; + top: 50%; + margin-top: -15px +} + +.fn__model .model_img img { + width: 60px; + height: 60px; + object-fit: cover; + border-radius: 5px; + margin-right: 15px +} + +.fn__model .model_subtitle { + font-weight: 500; + letter-spacing: .5px; + font-size: 11px; + text-transform: uppercase; + color: var(--techwave-body-color); + margin: 0 0 5px +} + +.fn__model .model_subtitle, +.fn__model .model_title { + padding: 0; + font-family: var(--techwave-heading-font-family); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.fn__model .model_title { + margin: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color) +} + +.fn__prompt_details { + position: relative; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + border-radius: 5px +} + +.fn__prompt_details .prompt__content { + padding: 0 20px 15px +} + +.fn__prompt_details .prompt__content p { + margin: 0; + font-size: 16px; + line-height: 20px +} + +.fn__prompt_details .prompt__text { + margin: 0; + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-transform: uppercase +} + +.fn__prompt_details .prompt__options:hover .prompt__popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__prompt_details .prompt__popup { + right: 0; + position: absolute; + top: 100%; + padding-top: 5px; + opacity: 0; + visibility: hidden; + transform: translateY(20px); + transition: all .3s ease +} + +.fn__prompt_details .prompt__popup ul { + width: 180px; + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px +} + +.fn__prompt_details .prompt__popup a { + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + text-decoration: none; + overflow: hidden +} + +.fn__prompt_details .prompt__popup a:hover { + color: var(--techwave-main-color) +} + +.fn__prompt_details .prompt__popup li { + margin: 0 0 3px; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__prompt_details .prompt__popup li:last-child { + margin-bottom: 0 +} + +.fn__prompt_details .prompt__options { + position: absolute; + top: 50%; + right: 20px; + margin-top: -15px +} + +.fn__prompt_details .prompt__header { + position: relative; + padding: 15px 70px 10px 20px +} + +.fn__details_list { + padding: 27px 30px 3px +} + +.fn__details_list ul { + padding: 0; + list-style-type: none; + margin: 0 0 0 -30px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap +} + +.fn__details_list li { + padding-left: 30px; + margin-bottom: 20px; + width: 50% +} + +.fn__details_list .sub_title { + font-weight: 500; + letter-spacing: .5px; + font-size: 11px; + text-transform: uppercase; + color: var(--techwave-body-color); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0 0 1px +} + +.fn__details_list .sub_title, +.fn__details_list .title { + padding: 0; + font-family: var(--techwave-heading-font-family) +} + +.fn__details_list .title { + margin: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color) +} + +.fn__grid_items ul { + padding: 0; + list-style-type: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -20px +} + +.fn__grid_items li { + padding-left: 20px; + margin-bottom: 20px; + width: 16.6666% +} + +.fn__grid_items img { + border-radius: 5px; + display: block; + width: 100%; + height: 100%; + aspect-ratio: 1/1; + object-fit: cover; + transition: all .3s ease +} + +.fn__grid_items img:hover { + filter: brightness(.5) +} + +.techwave_fn_report { + pointer-events: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 110; + opacity: 0; + visibility: hidden; + background-color: var(--techwave-site-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + overflow-y: auto; + padding: 40px +} + +.techwave_fn_report.opened { + pointer-events: all; + opacity: 1; + visibility: visible +} + +.techwave_fn_report .report__closer { + z-index: 1; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0 +} + +.techwave_fn_report .report__content { + width: 600px; + max-width: 100%; + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + padding: 30px 30px 25px; + position: relative; + border: 1px solid var(--techwave-border-color); + z-index: 3 +} + +.techwave_fn_report .fn__closer { + position: absolute; + right: 30px; + top: 30px; + z-index: 2 +} + +.techwave_fn_report .title { + text-align: center; + font-weight: 500; + font-size: 24px; + letter-spacing: 0; + margin: 0 0 4px +} + +.techwave_fn_report .subtitle, +.techwave_fn_report .title { + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_report .subtitle { + display: block; + margin: 0; + font-size: 16px; + font-weight: 400; + line-height: 40px +} + +.techwave_fn_report .reason_field { + display: block; + width: 100%; + margin-bottom: 15px; + height: 50px; + border-radius: 5px +} + +.techwave_fn_report .btns { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.techwave_fn_report .btns .cancel { + opacity: .6 +} + +.techwave_fn_report .btns a { + margin: 5px 10px 5px 0 +} + +.fn__preloader { + opacity: 0; + visibility: hidden; + position: absolute; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -ms-align-items: center; + align-items: center; + justify-content: center; + width: 100%; + height: 150px; + border: 2px solid var(--techwave-border-color); + top: 0; + left: 0; + z-index: 1 +} + +.fn__preloader .text { + display: block; + font-size: 18px; + letter-spacing: .25px; + text-transform: uppercase; + font-family: var(--techwave-heading-font-family); + font-weight: 600; + color: var(--techwave-heading-color) +} + +.fn__preloader .icon { + width: 60px; + height: 60px; + display: block; + border-bottom-color: transparent; + border-right-color: transparent; + border-top-color: transparent; + border: 4px solid var(--techwave-hover-color); + border-left: 4px solid transparent; + border-radius: 100%; + animation: techwave_spin 1s linear infinite; + margin-bottom: 15px +} + +.fn__preloader.loading { + opacity: 1; + visibility: visible +} + +@keyframes techwave_spin { + 0% { + transform: rotate(0deg) + } + to { + transform: rotate(1turn) + } +} + +.techwave_fn_sign { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 110; + background-color: var(--techwave-site-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + overflow-y: auto; + padding: 50px 40px +} + +.techwave_fn_sign .logo { + background-image: none, url(/_next/static/media/logo-desktop-full.64a7d1de.png); + background-size: 141px; + background-position: top; + background-repeat: no-repeat; + color: #3c434a; + height: 17px; + font-size: 20px; + font-weight: 400; + line-height: 1.3; + margin: 0 auto 50px; + padding: 0; + text-decoration: none; + width: 141px; + text-indent: -9999px; + outline: 0; + overflow: hidden; + display: block +} + +.techwave_fn_sign .sign__desc p { + margin: 25px 0 0; + text-align: center; + font-size: 14px; + line-height: 18px; + letter-spacing: 0; + font-family: var(--techwave-body-font-family); + color: var(--techwave-body-color) +} + +.techwave_fn_sign .sign__desc p a { + text-decoration: none; + color: var(--techwave-heading-color) +} + +.techwave_fn_sign .sign__desc p a:hover { + text-decoration: underline +} + +.techwave_fn_sign .sign__content { + width: 500px; + max-width: 100% +} + +.techwave_fn_sign .form__content { + width: 100%; + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + padding: 36px 50px 40px; + position: relative; + border: 1px solid var(--techwave-border-color) +} + +.techwave_fn_sign .form__email, +.techwave_fn_sign .form__name, +.techwave_fn_sign .form__username { + margin-bottom: 17px +} + +.techwave_fn_sign .pass_lab { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: space-between +} + +.techwave_fn_sign .pass_lab a { + font-size: 16px; + text-decoration: none; + font-family: var(--techwave-body-font-family); + color: var(--techwave-main-color); + line-height: 40px +} + +.techwave_fn_sign .pass_lab a:hover { + text-decoration: underline +} + +.techwave_fn_sign .form__title { + text-align: center; + font-size: 24px; + font-weight: 500; + line-height: 1; + margin: 0 0 3px +} + +.techwave_fn_sign .form__title, +.techwave_fn_sign label { + font-family: var(--techwave-body-font-family); + color: var(--techwave-heading-color) +} + +.techwave_fn_sign label { + display: block; + font-size: 16px; + font-weight: 400; + line-height: 40px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.techwave_fn_sign input[type=password], +.techwave_fn_sign input[type=text] { + display: block; + width: 100%; + border-radius: 5px; + height: 60px; + min-width: 100% +} + +.techwave_fn_sign .fn__lined_text { + margin-bottom: 14px +} + +.fn__lined_text { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + width: 100% +} + +.fn__lined_text .line { + width: 50%; + height: 1px; + background-color: var(--techwave-border-color) +} + +.fn__lined_text .text { + white-space: nowrap; + font-size: 14px; + text-transform: uppercase; + margin: 0; + color: var(--techwave-body-color); + font-family: var(--techwave-body-font-family); + padding: 0 10px +} + +.techwave_fn_sign .form__alternative a { + width: 100% +} + +.techwave_fn_sign .form__submit { + margin-bottom: 14px +} + +.techwave_fn_sign .form__pass { + margin-bottom: 30px +} + +.filter__select { + position: relative; + z-index: 5 +} + +.filter__select .item__popup { + opacity: 0; + visibility: hidden; + transform: translateY(20px); + position: absolute; + right: 0; + top: 100%; + width: 140px; + margin: 0; + padding: 5px 0 0; + transition: all .3s ease +} + +.filter__select:hover .item__popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.filter__select .item__popup ul { + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px +} + +.filter__select .item__popup li:last-child { + margin-bottom: 0 +} + +.filter__select .item__popup li { + margin: 0 0 3px +} + +.filter__select .item__popup a, +.filter__select .item__popup li { + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.filter__select .item__popup a { + text-decoration: none; + overflow: hidden +} + +.filter__select .item__popup a:hover { + color: var(--techwave-main-color); + opacity: .9 +} + +.techwave_fn_notifications_content { + padding: 40px 0 +} + +.techwave_fn_notifications_list .notification__item:last-child { + margin-bottom: 0 +} + +.techwave_fn_notifications_list .notification__item { + padding: 24px 30px; + border-radius: 5px; + border: 1px solid var(--techwave-border-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 20px; + justify-content: space-between; + -ms-align-items: center; + align-items: center; + background-color: var(--techwave-some-r-bg-color); + margin-bottom: 10px; + position: relative; + transition: all .3s ease +} + +.techwave_fn_notifications_list .notification__item:hover { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_notifications_list .item__title { + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 20px; + font-weight: 400; + margin: 0; + padding: 0 +} + +.techwave_fn_notifications_list .item__date { + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + font-size: 11px; + font-weight: 500; + text-transform: uppercase +} + +.techwave_fn_notification_single_content { + padding: 40px 0 +} + +.fn__backto { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__backto a { + text-decoration: none; + height: 30px; + line-height: 30px; + position: relative; + padding-left: 30px; + padding-right: 13px; + border-radius: 5px; + font-size: 16px; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + font-weight: 400; + display: block; + background-color: var(--techwave-some-a-bg-color) +} + +.fn__backto a:hover { + color: var(--techwave-main-color) +} + +.fn__backto a .text { + position: relative; + top: 1px +} + +.fn__backto a .fn__svg { + transform: rotate(180deg); + width: 12px; + height: 12px; + left: 10px; + top: 50%; + margin-top: -6px; + position: absolute +} + +.techwave_fn_pricing_page { + padding: 93px 0 100px +} + +.techwave_fn_pricing_page .techwave_fn_title_holder { + margin-bottom: 43px +} + +.techwave_fn_pricing_page .techwave_fn_pricing { + margin-bottom: 111px +} + +.techwave_fn_pricing .pricing__tab { + display: none +} + +.techwave_fn_pricing .pricing__tab.active { + display: block +} + +.techwave_fn_pricing .pricing__toggle { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + margin-bottom: 40px +} + +.techwave_fn_pricing .pricing__toggle .bg { + position: absolute; + height: 40px; + top: 9px; + left: 50%; + border-radius: 20px; + background-color: var(--techwave-some-a-bg-color); + z-index: 1; + transition: all .3s ease; + width: 0 +} + +.techwave_fn_pricing .pricing__toggle .toggle_in { + border: 1px solid var(--techwave-border-color); + border-radius: 60px; + padding: 9px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + position: relative; + cursor: pointer +} + +.techwave_fn_pricing .pricing__toggle a { + text-decoration: none; + height: 40px; + line-height: 40px; + padding: 0 35px; + font-size: 14px; + margin: 0; + font-weight: 500; + text-transform: uppercase; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + position: relative; + z-index: 2 +} + +.techwave_fn_pricing .pricing__toggle a:hover { + color: var(--techwave-main-color) +} + +.techwave_fn_pricing .pricing__content { + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color) +} + +.techwave_fn_pricing .popular { + position: absolute; + top: 0; + margin-top: -16px; + background-color: #ab0cdf; + height: 30px; + border-radius: 15px; + font-weight: 500; + color: #fff; + letter-spacing: 0; + text-transform: uppercase; + font-family: var(--techwave-heading-font-family); + padding: 0 18px; + font-size: 14px; + line-height: 30px; + left: 50%; + transform: translateX(-50%); + text-align: center; + z-index: 3 +} + +.techwave_fn_pricing .popular * { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + display: block +} + +.techwave_fn_pricing .popular:after { + content: ""; + left: 50%; + margin-left: -6px; + top: 100%; + width: 0; + height: 0; + border-color: #ab0cdf transparent transparent; + border-style: solid; + border-width: 4px 6px 0; + position: absolute +} + +.techwave_fn_pricing .item_row { + margin-left: -1px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + text-align: center +} + +.techwave_fn_pricing .item_row .item_col:first-child { + width: 31%; + max-width: 31%; + text-align: left; + justify-content: flex-start +} + +.techwave_fn_pricing .item_row .item_col { + width: 23%; + max-width: 23%; + border-left: 1px solid var(--techwave-border-color); + position: relative +} + +.techwave_fn_pricing .pricing__header .title { + font-size: 24px; + letter-spacing: 0; + margin: 0 0 10px +} + +.techwave_fn_pricing .pricing__header .price, +.techwave_fn_pricing .pricing__header .title { + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_pricing .pricing__header .price { + font-size: 14px; + font-weight: 500; + margin: 0 0 11px +} + +.techwave_fn_pricing .pricing__header .price span { + font-size: 36px; + font-weight: 500 +} + +.techwave_fn_pricing .pricing__header .desc { + padding: 0; + font-size: 14px; + letter-spacing: 0; + line-height: 20px; + font-weight: 400; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 24px +} + +.techwave_fn_pricing .pricing__header .desc span { + color: var(--techwave-heading-color) +} + +.techwave_fn_pricing .pricing__header .purchase { + padding: 0; + margin: 0 +} + +.techwave_fn_pricing .pricing__header .purchase a { + width: 100% +} + +.techwave_fn_pricing .pricing__header .item_col { + padding: 35px 30px 40px +} + +.techwave_fn_pricing .pricing__heading { + background-color: var(--techwave-some-a-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + margin: 0 -1px +} + +.techwave_fn_pricing .pricing__heading .item.wide { + width: 69%; + max-width: 69% +} + +.techwave_fn_pricing .pricing__heading .item { + height: 54px; + position: relative; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + padding: 0 30px; + width: 31%; + max-width: 31% +} + +.techwave_fn_pricing .pricing__heading .title { + font-size: 14px; + margin: 0; + padding: 0; + font-weight: 500; + letter-spacing: .5px; + text-transform: uppercase; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_pricing .pricing__heading .item_col:first-child { + padding: 0 40px +} + +.techwave_fn_pricing .pricing__heading .item.wide:after { + content: ""; + left: 30px; + right: 30px; + position: absolute; + height: 4px; + border-radius: 5px; + top: 50%; + margin-top: -2px; + background-color: var(--techwave-site-bg-color) +} + +.techwave_fn_pricing .pricing__fields .item_row:first-child .item_col { + padding-top: 35px +} + +.techwave_fn_pricing .pricing__fields .item_row:last-child .item_col { + padding-bottom: 24px +} + +.techwave_fn_pricing .pricing__fields .item_col { + padding: 9px 30px; + line-height: 24px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.techwave_fn_pricing .pricing__fields .heading_text, +.techwave_fn_pricing .pricing__fields .option_text { + font-size: 16px; + margin: 0; + padding: 0; + letter-spacing: .5px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_pricing .pricing__footer { + border-top: 1px solid var(--techwave-border-color) +} + +.techwave_fn_pricing .pricing__footer .item_col { + padding: 40px 30px +} + +.techwave_fn_pricing .pricing__footer a { + width: 100% +} + +.fn__mobile_pricing { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + display: none; + flex-wrap: wrap; + margin-left: -20px; + text-align: center +} + +.fn__mobile_pricing .pricing__item { + width: 33.3333%; + padding-left: 20px; + margin-bottom: 20px +} + +.fn__mobile_pricing .pricing__item_holder { + width: 100%; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + position: relative +} + +.fn__mobile_pricing .pricing__item__header { + padding: 35px 10px 40px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + justify-content: center; + -ms-align-items: center; + align-items: center +} + +.fn__mobile_pricing .pricing__item__header .title { + padding: 0; + font-size: 24px; + letter-spacing: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 10px +} + +.fn__mobile_pricing .pricing__item__header .price { + padding: 0; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 14px; + font-weight: 500; + margin: 0 0 11px +} + +.fn__mobile_pricing .pricing__item__header .price span { + font-size: 36px; + font-weight: 500 +} + +.fn__mobile_pricing .pricing__item__header .desc { + padding: 0; + font-size: 14px; + letter-spacing: 0; + line-height: 20px; + font-weight: 400; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 24px +} + +.fn__mobile_pricing .pricing__item__header .desc span { + color: var(--techwave-heading-color) +} + +.fn__mobile_pricing .pricing__item__header .purchase { + padding: 0; + margin: 0 +} + +.fn__mobile_pricing .pricing__item__header .purchase a { + width: 100% +} + +.fn__mobile_pricing .pricing__item__heading { + background-color: var(--techwave-some-a-bg-color); + padding: 0 10px; + text-align: center; + height: 40px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__mobile_pricing .pricing__item__heading .title { + font-size: 14px; + margin: 0; + padding: 0; + font-weight: 500; + letter-spacing: .5px; + text-transform: uppercase; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__mobile_pricing .pricing__item_list { + padding: 10px 0 +} + +.fn__mobile_pricing .pricing__item_list_item { + padding: 7px 10px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: space-between; + column-gap: 20px +} + +.fn__mobile_pricing .pricing__item_list .title { + font-size: 14px; + color: var(--techwave-body-color); + text-align: left +} + +.fn__mobile_pricing .pricing__item_list .desc, +.fn__mobile_pricing .pricing__item_list .title { + margin: 0; + padding: 0; + letter-spacing: .5px; + font-weight: 400; + font-family: var(--techwave-heading-font-family) +} + +.fn__mobile_pricing .pricing__item_list .desc { + font-size: 16px; + color: var(--techwave-heading-color); + text-align: right; + white-space: nowrap +} + +.fn__mobile_pricing .pricing__item_footer { + padding: 30px 10px; + border-top: 1px solid var(--techwave-border-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.techwave_fn_user_profile { + padding: 40px 0 +} + +.techwave_fn_user_profile .user__profile { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative; + padding: 30px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + margin-bottom: 10px +} + +.techwave_fn_user_profile .user__profile .user_edit { + position: absolute; + top: 30px; + right: 30px +} + +.techwave_fn_user_profile .user__profile .user_edit .fn__svg { + width: 16px; + height: 16px +} + +.techwave_fn_user_profile .user__profile .user_avatar { + width: 200px; + min-width: 200px; + margin-right: 30px +} + +.techwave_fn_user_profile .user__profile .user_avatar img { + width: 100%; + height: 100%; + object-fit: cover; + aspect-ratio: 1/1; + border-radius: 5px +} + +.techwave_fn_user_profile .user__profile .user_details ul { + padding: 0; + list-style-type: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -20px +} + +.techwave_fn_user_profile .user__profile .user_details li { + margin: 11px 0; + width: 50%; + padding: 0 0 0 20px +} + +.techwave_fn_user_profile .user__profile .subtitle { + padding: 0; + font-weight: 500; + letter-spacing: .5px; + font-size: 11px; + text-transform: uppercase; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0 0 7px +} + +.techwave_fn_user_profile .user__profile .title { + margin: 0; + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_profile .user__plan { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative; + padding: 38px 30px 33px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: space-between; + margin-bottom: 38px; + column-gap: 30px +} + +.techwave_fn_user_profile .user__plan .subtitle { + padding: 0; + font-weight: 500; + letter-spacing: .5px; + font-size: 11px; + text-transform: uppercase; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0 0 4px +} + +.techwave_fn_user_profile .user__plan .info { + margin: 0; + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_profile .user__plan .info span { + color: var(--techwave-heading-color) +} + +.techwave_fn_user_profile .user__interests .title { + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 14px +} + +.fn__options_list ul { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + padding: 0; + list-style-type: none; + margin: 0 0 0 -10px +} + +.fn__options_list li { + padding-left: 10px; + margin-bottom: 10px +} + +.techwave_fn_user_settings { + padding: 40px 0 +} + +.techwave_fn_user_settings .user__settings { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 40px +} + +.techwave_fn_user_settings .settings_left { + width: 300px; + max-width: 50% +} + +.techwave_fn_user_settings .settings_right { + flex: auto; + max-width: 50% +} + +.techwave_fn_user_settings .input_label { + display: block; + font-size: 16px; + font-weight: 400; + font-family: var(--techwave-body-font-family); + color: var(--techwave-heading-color); + line-height: 40px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.techwave_fn_user_settings .input_item { + position: relative +} + +.techwave_fn_user_settings .input_item .email { + padding: 0; + position: absolute; + top: 50%; + margin: -15px 0 0; + border-radius: 5px; + display: block; + width: 30px; + height: 30px; + background-color: var(--techwave-some-a-bg-color); + left: 12px; + color: var(--techwave-main-color); + line-height: 30px; + text-align: center; + font-size: 16px; + font-family: var(--techwave-body-font-family); + pointer-events: none +} + +.techwave_fn_user_settings .input { + display: block; + width: 100%; + border-radius: 5px; + height: 60px +} + +.techwave_fn_user_settings .settings_right .fn__checkbox { + margin: 30px 0; + display: block; + width: -moz-fit-content; + width: fit-content; + max-width: 100% +} + +.techwave_fn_user_settings .settings_right .item { + margin-bottom: 17px +} + +.techwave_fn_user_settings .settings_right .item:last-child { + margin-bottom: 0 +} + +.techwave_fn_user_settings #username { + padding-left: 50px +} + +.fn__upload { + cursor: pointer; + text-align: center; + width: 100%; + aspect-ratio: 1/1; + border: 2px dashed var(--techwave-border-color); + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + padding: 46px; + transition: all .3s ease; + position: relative; + display: block; + overflow: hidden +} + +.fn__upload .upload_content { + width: 100%; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + justify-content: center; + -ms-align-items: center; + align-items: center; + min-height: 100% +} + +.fn__upload.has_img { + border-color: var(--techwave-main-color) +} + +.fn__upload.has_img .upload_content { + opacity: 0 +} + +.fn__upload .upload_preview { + opacity: 0; + visibility: hidden; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__upload.has_img .upload_preview { + opacity: 1; + visibility: visible +} + +.fn__upload:hover { + opacity: .8 +} + +.fn__upload .preview_img { + object-fit: cover +} + +.fn__upload .preview_img[src="#"] { + opacity: 0 +} + +.fn__upload input[type=file] { + z-index: 2; + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 100%; + height: 100%; + display: block; + cursor: pointer +} + +.fn__upload .upload_content .fn__svg { + width: 70px; + height: auto; + color: var(--techwave-heading-color); + margin-bottom: 15px +} + +.fn__upload .upload_content .fn__lined_text { + margin-bottom: 4px +} + +.fn__upload .upload_content .title { + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 3px +} + +.fn__upload .upload_content .desc { + margin: 0; + padding: 6px 0 0; + font-size: 12px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__upload .fn__closer { + position: absolute; + right: 10px; + top: 10px; + z-index: 3 +} + +.techwave_fn_user_billing { + padding: 40px 0 +} + +.techwave_fn_user_billing .billing__plan { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative; + padding: 28px 30px 23px; + margin-bottom: 10px +} + +.techwave_fn_user_billing .billing__plan .title { + color: var(--techwave-heading-color); + margin: 0 0 4px +} + +.techwave_fn_user_billing .billing__plan .desc, +.techwave_fn_user_billing .billing__plan .title { + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_billing .billing__plan .desc { + margin: 0; + color: var(--techwave-body-color) +} + +.techwave_fn_user_billing .billing__plan .plan { + position: absolute; + left: 30px; + top: -10px; + display: block; + height: 20px; + padding: 0 15px; + background-color: var(--techwave-main-color); + color: #fff; + font-family: var(--techwave-heading-font-family); + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + text-transform: uppercase; + line-height: 20px; + border-radius: 10px +} + +.techwave_fn_user_billing .billing__plan .plan * { + position: relative; + top: 1px +} + +.techwave_fn_user_billing .billing__activation { + margin-bottom: 39px +} + +.techwave_fn_user_billing .billing__activation .activation_status .title { + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 5px +} + +.techwave_fn_user_billing .billing__activation .activation_status .desc { + margin: 0; + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_billing .billing__activation .activation_status { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative; + padding: 28px 30px 23px; + margin-bottom: 15px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + column-gap: 30px +} + +.techwave_fn_user_billing .billing__activation .status_right { + width: 150px; + max-width: 50%; + text-align: right +} + +.techwave_fn_user_billing .billing__activation .status_right .info { + display: block; + font-size: 11px; + letter-spacing: .5px; + text-transform: uppercase; + font-weight: 500; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + line-height: 1; + margin-bottom: 6px +} + +.techwave_fn_user_billing .billing__activation .status_right .progress { + display: block; + width: 100%; + height: 4px; + background-color: var(--techwave-some-a-bg-color); + border-radius: 4px; + position: relative +} + +.techwave_fn_user_billing .billing__activation .status_right .progress.active:after { + width: var(--frenify-progress) +} + +.techwave_fn_user_billing .billing__activation .status_right .progress:after { + right: 0; + top: 0; + position: absolute; + bottom: 0; + background-color: var(--techwave-main-color); + border-radius: 4px; + width: 0; + transition: all .3s ease; + content: "" +} + +.techwave_fn_user_billing .billing__activation .activation_actions { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap +} + +.techwave_fn_user_billing .billing__activation .activation_actions a { + margin: 5px 10px 5px 0 +} + +.techwave_fn_user_billing .payment__methods .title { + padding: 0; + font-size: 22px; + line-height: 1.364; + font-weight: 600; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 22px +} + +.techwave_fn_user_billing .payment__methods .payment__list { + list-style-type: none; + padding: 0; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -20px +} + +.techwave_fn_user_billing .payment__methods .payment__list_item { + width: 50%; + padding: 0 0 0 20px; + margin: 0 0 20px +} + +.techwave_fn_user_billing .payment__methods .ready .item { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative +} + +.techwave_fn_user_billing .payment__methods .ready .item_header { + padding: 17px 15px 13px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_user_billing .payment__methods .ready .title { + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 3px +} + +.techwave_fn_user_billing .payment__methods .ready .subtitle { + margin: 0; + padding: 0; + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_billing .payment__methods .ready .action { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + width: 100%; + justify-content: space-between; + height: 40px; + padding: 0 15px; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper { + position: relative +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .options { + width: 30px; + height: 30px; + border-radius: 30px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .dots { + display: block; + position: relative; + width: 15px; + height: 3px; + border-left: 3px solid var(--techwave-heading-color); + border-right: 3px solid var(--techwave-heading-color) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .dots:after { + width: 3px; + top: 0; + bottom: 0; + left: 3px; + content: ""; + position: absolute; + background-color: var(--techwave-heading-color) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper:hover .edit__popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup { + position: absolute; + left: 100%; + bottom: 0; + width: 140px; + opacity: 0; + visibility: hidden; + transition: all .3s ease; + transform: translateY(-20px) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup a { + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + text-decoration: none; + overflow: hidden +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup a:hover { + color: var(--techwave-main-color) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup ul { + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup li { + margin: 0 0 3px; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup li:last-child { + margin-bottom: 0 +} + +.techwave_fn_user_billing .payment__methods .ready .primary { + display: block; + height: 20px; + padding: 0 15px; + background-color: var(--techwave-main-color); + color: #fff; + font-family: var(--techwave-heading-font-family); + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + text-transform: uppercase; + line-height: 20px; + border-radius: 15px +} + +.techwave_fn_user_billing .payment__methods .ready .primary span { + position: relative; + top: 1px +} + +.techwave_fn_user_billing .payment__methods .new .item { + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + position: relative; + padding: 30px 15px 27px; + text-align: center; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.techwave_fn_user_billing .payment__methods .new .item a { + z-index: 2 +} + +.techwave_fn_user_billing .payment__methods .new .add { + height: 40px; + width: 40px; + position: relative; + margin-bottom: 9px +} + +.techwave_fn_user_billing .payment__methods .new .add:after { + width: 2px; + height: 40px; + position: absolute; + content: ""; + left: 50%; + margin-left: -1px; + background-color: var(--techwave-border-color); + top: 50%; + margin-top: -20px +} + +.techwave_fn_user_billing .payment__methods .new .add:before { + width: 40px; + height: 2px; + position: absolute; + content: ""; + top: 50%; + left: 50%; + margin-left: -20px; + margin-top: -1px; + background-color: var(--techwave-border-color) +} + +.techwave_fn_user_billing .payment__methods .new .text { + font-weight: 500; + font-size: 14px; + line-height: 1; + text-transform: uppercase; + letter-spacing: .5px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_aichatbot_page { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + min-height: calc(100vh - var(--techwave-header-height) - 71px) +} + +.techwave_fn_aichatbot_page .chat__page { + width: 100%; + padding-top: 38px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + position: relative; + z-index: 3 +} + +.techwave_fn_aichatbot_page .chat__sidebar, +.techwave_fn_doc_page .docsidebar, +.techwave_fn_image_generation_page .generation__sidebar { + width: 300px; + min-width: 300px; + border-left: 1px solid var(--techwave-border-color); + background-color: var(--techwave-header-bg-color); + top: var(--techwave-header-height); + position: fixed; + z-index: 1; + right: 0; + bottom: 0; + transform: translateX(105%); + transition: all .2s ease +} + +.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_aichatbot_page .chat__sidebar, +.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_doc_page .docsidebar, +.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_image_generation_page .generation__sidebar { + transform: translateX(0) +} + +.techwave_fn_aichatbot_page .chat__sidebar .sidebar_header { + padding: 20px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_aichatbot_page .chat__sidebar .sidebar_content { + padding: 20px +} + +.techwave_fn_aichatbot_page .chat__sidebar .sidebar_content ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.fn__chat_link { + text-decoration: none; + display: block; + height: 40px; + line-height: 40px; + padding: 0 40px 0 20px; + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + font-size: 16px; + font-weight: 400; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-body-color); + position: relative; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none +} + +.fn__chat_link:hover { + border-color: var(--techwave-body-color) +} + +.fn__chat_link.active { + color: var(--techwave-heading-color) +} + +.fn__chat_link a:hover, +.fn__chat_link.active { + border-color: var(--techwave-main-color) +} + +.fn__chat_link .text { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden +} + +.fn__chat_link .options { + position: absolute; + right: 0; + top: 0; + bottom: 0; + display: block +} + +.fn__chat_link.opened .trigger span:after { + background-color: var(--techwave-heading-color) +} + +.fn__chat_link.opened .trigger span { + border-left-color: var(--techwave-heading-color); + border-right-color: var(--techwave-heading-color) +} + +.fn__chat_link.opened .trigger { + background-color: var(--techwave-some-a-bg-color) +} + +.fn__chat_link .trigger { + background-color: transparent; + padding: 0; + margin: 0; + outline: none; + border: none; + width: 38px; + height: 38px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 0 4px 4px 0 +} + +.fn__chat_link .trigger:hover { + background-color: var(--techwave-some-a-bg-color) +} + +.fn__chat_link .trigger span { + display: block; + position: relative; + width: 15px; + height: 3px; + border-left: 3px solid var(--techwave-body-color); + border-right: 3px solid var(--techwave-body-color) +} + +.fn__chat_link .trigger span:after { + width: 3px; + top: 0; + bottom: 0; + left: 3px; + content: ""; + position: absolute; + background-color: var(--techwave-body-color) +} + +.fn__chat_link.opened { + z-index: 10 +} + +.fn__chat_link.opened .options__popup { + opacity: 1; + visibility: visible; + transform: translateY(0) +} + +.fn__chat_link .options__popup { + position: absolute; + top: 100%; + right: -1px; + width: 140px; + transition: all .3s ease; + padding-top: 6px; + opacity: 0; + visibility: hidden; + transform: translateY(20px) +} + +.fn__chat_link .options__list { + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column +} + +.fn__chat_link .options__list button:last-child { + margin-bottom: 0 +} + +.fn__chat_link .options__list button:hover { + color: var(--techwave-main-color) +} + +.fn__chat_link .options__list button { + background-color: transparent; + outline: none; + border: none; + padding: 0; + text-align: left; + cursor: pointer; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + text-decoration: none; + overflow: hidden; + margin: 0 0 3px; + transition: all .3s ease +} + +.fn__chat_link.live_edit .save_options, +.fn__chat_link.live_edit input { + opacity: 1; + visibility: visible +} + +.fn__chat_link.live_edit .options, +.fn__chat_link.live_edit .text { + opacity: 0; + visibility: hidden +} + +.fn__chat_link input { + position: absolute; + height: 24px; + left: 12px; + right: 63px; + padding: 0 7px; + top: 50%; + margin: -11px 0 0; + font-size: 16px; + font-weight: 400; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-body-color); + background-color: transparent; + outline: none; + opacity: 0; + visibility: hidden; + min-width: inherit; + border: 1px solid var(--techwave-border-color); + border-radius: 5px +} + +.fn__chat_link .save_options { + position: absolute; + right: 0; + top: 0; + bottom: 0; + opacity: 0; + visibility: hidden +} + +.fn__chat_link .save_options, +.fn__chat_link .save_options button { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.fn__chat_link .save_options button { + width: 24px; + height: 24px; + border: none; + cursor: pointer; + outline: none; + border-radius: 5px; + background-color: var(--techwave-some-a-bg-color); + margin-right: 5px; + justify-content: center; + color: var(--techwave-heading-color) +} + +.fn__chat_link .save_options button:hover { + background-color: var(--techwave-main-color); + color: #fff +} + +.fn__chat_link .save_options .fn__svg { + width: 10px; + height: 10px +} + +.techwave_fn_aichatbot_page .chat__sidebar .group__title { + padding: 0 10px; + text-transform: uppercase; + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 12px +} + +.techwave_fn_aichatbot_page .chat__comment { + margin-top: auto; + position: -webkit-sticky; + position: sticky; + bottom: 0; + padding: 20px 0; + background-color: var(--techwave-site-bg-color) +} + +.fn__chat_comment { + position: relative +} + +.fn__chat_comment .new__chat { + position: absolute; + width: 500px; + max-width: 100%; + bottom: 100%; + margin-bottom: 53px; + left: 50%; + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + padding: 35px 40px 33px; + text-align: center; + transform: translateY(-20px) translateX(-50%) translateZ(0); + opacity: 0; + visibility: hidden; + pointer-events: none; + transition: all .3s ease +} + +.fn__chat_comment.neww .new__chat { + transform: translateY(0) translateX(-50%) translateZ(0); + opacity: 1; + visibility: visible +} + +.fn__chat_comment .new__chat:after { + position: absolute; + left: 50%; + margin-left: -19px; + top: 100%; + margin-top: -1px; + width: 0; + height: 0; + border-style: solid; + border-width: 14px 19px 0; + border-color: var(--techwave-some-r-bg-color) transparent transparent transparent; + content: ""; + filter: drop-shadow(0 1px var(--techwave-border-color)) +} + +.fn__chat_comment .new__chat * { + margin: 0; + padding: 0; + font-size: 16px; + line-height: 1.5; + letter-spacing: .5px; + font-weight: 500; + text-transform: uppercase; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__hidden_textarea { + position: absolute; + top: 0; + left: 0; + right: 0; + max-height: inherit; + opacity: 0; + pointer-events: none; + overflow-y: scroll +} + +.fn__chat_comment textarea { + border: 2px solid var(--techwave-border-color); + background-color: transparent; + border-radius: 5px; + outline: none; + display: block; + width: 100%; + padding: 18px 72px 16px 20px; + font-size: 16px; + font-weight: 400; + line-height: 22px; + max-height: 170px; + font-family: var(--techwave-heading-font-family); + resize: none; + overflow-y: hidden; + color: var(--techwave-heading-color) +} + +#fn__chat_textarea::-webkit-scrollbar { + width: 0 +} + +.fn__chat_comment textarea:focus { + border-color: var(--techwave-main-color) +} + +.fn__chat_comment button { + position: absolute; + width: 60px; + height: 44px; + bottom: 8px; + right: 8px; + padding: 0; + margin: 0; + border-radius: 5px; + outline: none; + cursor: pointer; + border: none; + background-color: var(--techwave-some-a-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + color: var(--techwave-heading-color); + transition: all .3s ease +} + +.fn__chat_comment button.disabled { + cursor: not-allowed; + opacity: .5 +} + +.fn__chat_comment button:hover { + opacity: .8 +} + +.fn__chat_comment .fn__svg { + width: 21px; + height: 21px +} + +.fn__new_chat_link { + text-decoration: none; + display: block; + width: 100%; + height: 40px; + line-height: 40px; + padding: 0 10px 0 44px; + position: relative; + font-weight: 500; + text-transform: uppercase; + font-size: 14px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px +} + +.fn__new_chat_link:hover { + opacity: .8 +} + +.fn__new_chat_link .text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + position: relative; + top: 1px +} + +.fn__new_chat_link .icon { + position: absolute; + width: 24px; + height: 24px; + display: block; + border-radius: 100%; + background-color: #454449; + left: 10px; + top: 50%; + margin-top: -12px +} + +.fn__new_chat_link .icon:before { + width: 2px; + height: 8px; + margin: -4px 0 0 -1px +} + +.fn__new_chat_link .icon:after, +.fn__new_chat_link .icon:before { + content: ""; + position: absolute; + background-color: #b3aac7; + top: 50%; + left: 50% +} + +.fn__new_chat_link .icon:after { + width: 8px; + height: 2px; + margin: -1px 0 0 -4px +} + +.techwave_fn_aichatbot_page .fn__title_holder { + margin-bottom: 23px +} + +.techwave_fn_aichatbot_page .chat__item { + display: none +} + +.techwave_fn_aichatbot_page .chat__item.active { + display: block +} + +.fn__chatbot .chat__box { + position: relative; + margin-bottom: 20px +} + +.fn__chatbot .chat__box:last-child { + margin-bottom: 0 +} + +.fn__chatbot .author { + position: absolute; + left: 30px; + top: -10px; + display: block; + height: 20px; + padding: 0 15px; + background-color: var(--techwave-main-color); + color: #fff; + font-family: var(--techwave-heading-font-family); + font-weight: 500; + font-size: 11px; + letter-spacing: .5px; + text-transform: uppercase; + line-height: 20px; + border-radius: 10px +} + +.fn__chatbot .author * { + position: relative; + top: 1px +} + +.fn__chatbot .chat { + padding: 30px; + border-radius: 5px; + font-size: 16px; + font-weight: 400; + line-height: 1.375; + font-family: var(--techwave-heading-font-family) +} + +.fn__chatbot .chat a { + text-decoration: underline; + color: var(--techwave-main-color) +} + +.fn__chatbot .chat a:hover { + text-decoration: none +} + +.fn__chatbot .your__chat .chat { + background-color: var(--techwave-some-a-bg-color); + color: var(--techwave-heading-color) +} + +.fn__chatbot .bot__chat .author { + background-color: var(--techwave-some-a-bg-color); + color: var(--techwave-body-color) +} + +.fn__chatbot .bot__chat .chat { + background-color: var(--techwave-some-r-bg-color); + border: 1px solid var(--techwave-border-color) +} + +.fn__chatbot .chat>:last-child:not(ul) { + margin-bottom: 0 +} + +.techwave_fn_doc_page .doccontent { + padding: 40px 0 +} + +.techwave_fn_doc_page .doccontent * { + margin-bottom: 20px +} + +.rounded { + border-radius: 5px +} + +.techwave_fn_doc_page .docsidebar { + padding: 20px +} + +.techwave_fn_doc_page .docsidebar .trigger { + right: 5px; + top: 50%; + margin-top: -6px; + position: absolute; + display: block; + color: var(--techwave-heading-color); + transform: rotate(90deg); + transition: all .2s ease +} + +.techwave_fn_doc_page .docsidebar ul ul { + list-style-type: none; + padding: 0; + margin: 4px 0 0 26px; + overflow: hidden +} + +.techwave_fn_doc_page .docsidebar .trigger .fn__svg { + width: 12px; + height: 12px; + display: block +} + +.techwave_fn_doc_page .docsidebar li { + position: relative; + margin-bottom: 4px +} + +.techwave_fn_doc_page .docsidebar ul { + margin: 0; + padding: 0; + list-style-type: none +} + +.techwave_fn_doc_page .docsidebar ul ul a { + padding-left: 17px +} + +.techwave_fn_doc_page .docsidebar ul ul a:after { + width: 5px; + height: 2px; + background-color: var(--techwave-heading-color); + position: absolute; + left: 6px; + top: 50%; + margin-top: -1px; + content: "" +} + +.techwave_fn_doc_page .docsidebar .current>a, +.techwave_fn_doc_page .docsidebar li:hover>a { + background-color: var(--techwave-some-a-bg-color) +} + +.techwave_fn_doc_page .docsidebar a { + font-weight: 400; + border-radius: 5px; + font-family: var(--techwave-heading-font-family); + color: var(--techwave-heading-color); + text-decoration: none; + min-height: 36px; + padding: 5px 20px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + position: relative +} + +.techwave_fn_image_generation_page .generation__page { + position: relative; + z-index: 2 +} + +.techwave_fn_image_generation_page .generation_more { + padding: 60px 40px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.techwave_fn_image_generation_page .generation_more .techwave_fn_button { + padding: 0 57px +} + +.techwave_fn_image_generation_page .generation_header { + padding: 40px; + border-bottom: 1px solid var(--techwave-border-color) +} + +.techwave_fn_image_generation_page .generation_header .title { + margin: 0; + padding: 0; + font-size: 22px; + font-weight: 600 +} + +.techwave_fn_image_generation_page .generation_header .header_top { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + column-gap: 20px; + -ms-align-items: center; + align-items: center; + margin-bottom: 25px +} + +.techwave_fn_image_generation_page .generation_header .setup { + -ms-align-items: center; + align-items: center; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 15px +} + +.techwave_fn_image_generation_page .generation_header .info { + margin: 0; + padding: 0; + font-size: 12px; + font-weight: 400; + letter-spacing: 0; + color: var(--techwave-body-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_image_generation_page .sidebar__trigger { + min-width: 50px; + width: 50px; + height: 50px; + text-decoration: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + background-color: var(--techwave-some-a-bg-color); + border-radius: 100%; + color: var(--techwave-heading-color); + position: relative +} + +.techwave_fn_image_generation_page .sidebar__trigger .fn__svg { + width: 24px; + height: 24px; + transition: all .3s ease +} + +.techwave_fn_image_generation_page .header_bottom textarea { + border: 2px solid var(--techwave-border-color); + background-color: transparent; + border-radius: 5px; + outline: none; + display: block; + width: 100%; + padding: 18px 20px 16px; + font-size: 16px; + font-weight: 400; + line-height: 22px; + max-height: 170px; + font-family: var(--techwave-heading-font-family); + resize: none; + overflow-y: hidden; + color: var(--techwave-heading-color) +} + +.techwave_fn_image_generation_page .header_bottom textarea:focus { + border-color: var(--techwave-main-color) +} + +.techwave_fn_image_generation_page .include_area { + margin-bottom: 10px; + position: relative +} + +.techwave_fn_image_generation_page .exclude_area { + position: relative; + overflow: hidden +} + +.techwave_fn_image_generation_page .generate_section { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: flex-end +} + +.techwave_fn_image_generation_page .generate_section #generate_it { + margin: 10px 0 10px 20px +} + +.techwave_fn_image_generation_page .generation__sidebar .sidebar_details { + padding: 20px +} + +.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title { + margin: 0; + padding: 0; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title .fn__tooltip { + margin-left: 8px +} + +.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title .fn__svg { + display: block; + width: 14px; + height: 14px; + color: var(--techwave-body-color) +} + +.techwave_fn_image_generation_page .generation__sidebar .sidebar_model { + padding: 30px 20px; + border-bottom: 1px solid var(--techwave-border-color); + position: relative; + z-index: 5 +} + +.techwave_fn_image_generation_page .generation__sidebar .contrast_switcher, +.techwave_fn_image_generation_page .generation__sidebar .prompt_magic_switcher { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_image_generation_page .generation__sidebar .number_of_images { + margin-bottom: 29px +} + +.techwave_fn_image_generation_page .generation__sidebar .number_of_images .title { + margin-bottom: 9px +} + +.techwave_fn_image_generation_page .generation__sidebar .img_sizes { + margin-bottom: 28px +} + +.techwave_fn_image_generation_page .generation__sidebar .img_sizes .title { + margin-bottom: 10px +} + +.techwave_fn_image_generation_page .generation__sidebar .guidance_scale .title { + margin-bottom: 4px +} + +.techwave_fn_image_generation_page .generation__sidebar .guidance_scale { + margin-bottom: 23px +} + +.techwave_fn_image_generation_page .generation__sidebar .prompt_magic_switcher { + margin-bottom: 30px +} + +.fn__icon_options { + position: relative +} + +.fn__icon_options.align_right .fn__icon_popup { + left: auto; + right: 0 +} + +.fn__icon_options .fn__icon_popup { + opacity: 0; + visibility: hidden; + transform: translateY(20px); + position: absolute; + left: 0; + top: 100%; + width: 240px; + margin: 0; + padding: 5px 0 0; + transition: all .3s ease; + pointer-events: none +} + +.fn__icon_options.medium_size .fn__icon_button { + width: 40px; + height: 40px +} + +.fn__icon_options.medium_size .fn__icon_button .fn__svg { + width: 16px; + height: 16px +} + +.fn__icon_options:hover .fn__icon_popup { + opacity: 1; + visibility: visible; + transform: translateY(0); + pointer-events: all +} + +.fn__icon_options .fn__icon_popup ul { + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px +} + +.fn__icon_options .fn__icon_popup li:last-child { + margin-bottom: 0 +} + +.fn__icon_options .fn__icon_popup li { + margin: 0 0 3px +} + +.fn__icon_options .fn__icon_popup a, +.fn__icon_options .fn__icon_popup li { + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__icon_options .fn__icon_popup a { + text-decoration: none; + overflow: hidden +} + +.fn__icon_options .fn__icon_popup a:hover { + color: var(--techwave-main-color); + opacity: .9 +} + +.fn__icon_options .fn__icon_popup .high_priorety a { + color: #f1416c +} + +.fn__generation_item { + padding: 31px 40px 10px; + border-bottom: 1px solid var(--techwave-border-color); + position: relative +} + +.fn__generation_item:hover { + z-index: 10 +} + +.fn__generation_item .item_header { + padding: 0 0 20px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: space-between; + column-gap: 20px; + -ms-align-items: center; + align-items: center; + width: 100%; + position: relative; + z-index: 1 +} + +.fn__generation_item .item_header .item_options { + width: 100%; + width: auto; + justify-content: flex-end; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + column-gap: 5px +} + +.fn__generation_item .item_header .title_holder { + width: 100% +} + +.fn__generation_item .item_header .prompt_title { + font-size: 16px; + color: var(--techwave-heading-color) +} + +.fn__generation_item .item_header .negative_prompt_title, +.fn__generation_item .item_header .prompt_title { + margin: 0; + padding: 0; + line-height: 22px; + font-weight: 400; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family); + align-self: flex-end; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + --chakra-line-clamp: 1 +} + +.fn__generation_item .item_header .negative_prompt_title { + font-size: 14px; + color: var(--techwave-body-color) +} + +.fn__generation_list { + padding: 0; + list-style-type: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -20px +} + +.fn__generation_list .fn__gl_item { + padding: 0 0 0 20px; + width: 25%; + margin: 0 0 20px +} + +.fn__generation_list .fn__gl__item { + width: 100%; + position: relative +} + +.fn__generation_list .fn__gl__item:before { + content: ""; + height: 0; + display: block; + padding-bottom: 100% +} + +.fn__generation_list .abs_item { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0 +} + +.fn__generation_list .abs_item img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 5px +} + +.fn__generation_list .fn__gl__item:hover .all_options { + transform: translateY(0); + opacity: 1; + visibility: visible; + pointer-events: all +} + +.fn__generation_list .all_options { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + position: absolute; + bottom: 5px; + left: 10px; + right: 10px; + flex-wrap: wrap; + transform: translateY(20px); + opacity: 0; + visibility: hidden; + pointer-events: none; + transition: all .3s ease +} + +.fn__generation_list .all_options .fn__icon_options { + margin: 0 5px 5px 0 +} + +.fn__toggle { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + column-gap: 7px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none; + font-size: 16px; + font-weight: 400; + letter-spacing: 0; + font-family: var(--techwave-heading-font-family) +} + +.fn__toggle .t_in { + position: relative; + width: 34px; + height: 20px +} + +.fn__toggle .t_content:before { + color: var(--techwave-main-color1); + opacity: .1; + box-shadow: 0 5px 15px +} + +.fn__toggle .t_content:after, +.fn__toggle .t_content:before { + right: 0; + bottom: 0; + top: 0; + left: 0; + position: absolute; + content: ""; + border-radius: 20px +} + +.fn__toggle .t_content:after { + border: 2px solid transparent; + -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + -webkit-mask-composite: source-out; + mask-composite: exclude; + background-size: 300% 300%; + animation: animatedgradient alt="" ernate 4s ease infinite +} + +.fn__toggle input { + opacity: 0; + width: 0; + height: 0 +} + +.fn__toggle .t_slider { + position: absolute; + cursor: pointer; + width: 12px; + height: 12px; + background-color: var(--techwave-main-color); + left: 4px; + top: 50%; + margin-top: -6px; + border-radius: 100%; + transition: .4s +} + +.fn__toggle .t_content:after { + background: #454449 +} + +.fn__toggle .t_slider { + background-color: #454449 +} + +.fn__toggle input:checked+.t_slider { + transform: translateX(14px); + background-color: var(--techwave-main-color) +} + +.fn__toggle input:checked~.t_content:after { + background: linear-gradient(270deg, var(--techwave-main-color1), var(--techwave-main-color2), var(--techwave-main-color1), var(--techwave-main-color2)) border-box +} + +.fn__toggle .t_in { + border-radius: 34px +} + +.fn__toggle .t_in:before { + border-radius: 50% +} + +.fn__select_model { + position: relative +} + +.fn__select_model .all_models { + position: absolute; + width: 100%; + left: 0; + top: 100%; + right: 0; + padding-top: 5px; + opacity: 0; + visibility: hidden; + transform: translateY(20px); + transition: all .3s ease; + pointer-events: none +} + +.fn__select_model.opened .all_models { + opacity: 1; + visibility: visible; + pointer-events: all; + transform: translateY(0) +} + +.fn__select_model .all_models ul { + list-style-type: none; + background-color: var(--techwave-some-a-bg-color); + border-radius: 5px; + margin: 0; + padding: 15px 20px +} + +.fn__select_model .all_models li:last-child { + margin-bottom: 0 +} + +.fn__select_model .all_models li { + margin: 0 0 3px; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__select_model .all_models a.selected { + color: var(--techwave-body-color) +} + +.fn__select_model .all_models a { + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + text-decoration: none; + overflow: hidden +} + +.fn__select_model .all_models a:hover { + color: var(--techwave-main-color); + opacity: .9 +} + +.fn__select_model .model_open { + text-decoration: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + padding-right: 50px; + position: relative; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -o-user-select: none; + user-select: none +} + +.fn__select_model .fn__icon_button { + position: absolute; + top: 50%; + margin-top: -15px; + right: 0 +} + +.fn__select_model .user_img { + margin-right: 15px; + width: 40px; + height: 40px; + border-radius: 5px; + object-fit: cover +} + +.fn__select_model .subtitle { + font-weight: 500; + text-transform: uppercase; + letter-spacing: .5px; + font-size: 11px; + color: var(--techwave-body-color) +} + +.fn__select_model .subtitle, +.fn__select_model .title { + margin: 0; + padding: 0; + font-family: var(--techwave-heading-font-family) +} + +.fn__select_model .title { + font-weight: 400; + letter-spacing: 0; + font-size: 16px; + color: var(--techwave-heading-color) +} + +.fn__quantity { + width: 120px; + height: 40px; + position: relative +} + +.fn__quantity a { + display: block; + position: absolute; + width: 24px; + height: 24px; + text-decoration: none; + border-radius: 100%; + background-color: var(--techwave-border-color); + top: 50%; + margin-top: -12px +} + +.fn__quantity a:after { + width: 8px; + height: 2px; + margin: -1px 0 0 -4px +} + +.fn__quantity a.increase:before, +.fn__quantity a:after { + content: ""; + position: absolute; + background-color: var(--techwave-heading-color); + top: 50%; + left: 50% +} + +.fn__quantity a.increase:before { + width: 2px; + height: 8px; + margin: -4px 0 0 -1px +} + +.fn__quantity .decrease { + left: 8px +} + +.fn__quantity .increase { + right: 8px +} + +.fn__quantity input { + width: 100%; + max-width: 100%; + min-width: 100% !important; + border-radius: 20px; + height: 40px; + display: block; + text-align: center; + font-size: 16px; + font-weight: 400; + padding: 0 34px; + border: 2px solid var(--techwave-border-color); + color: var(--techwave-heading-color) +} + +.fn__quantity input::-webkit-inner-spin-button, +.fn__quantity input::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0 +} + +.fn__quantity input[type=number] { + -moz-appearance: textfield +} + +.fn__range { + position: relative; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.fn__range .range_in { + position: relative; + width: 100% +} + +.fn__range .slider { + width: 0; + display: block; + position: absolute; + left: 0; + border-radius: 5px; + height: 4px; + top: 50%; + margin-top: -2px; + pointer-events: none +} + +.fn__range .slider:after { + left: 0; + right: 0; + top: 0; + bottom: 0; + position: absolute; + content: ""; + border-radius: 5px 0 0 5px; + background-color: var(--techwave-main-color) +} + +.fn__range .slider:before { + width: 14px; + height: 14px; + background: var(--techwave-heading-color); + cursor: pointer; + border-radius: 100%; + position: absolute; + display: block; + right: 0; + top: 50%; + margin-top: -7px; + content: ""; + z-index: 2 +} + +.fn__range .value { + flex: auto; + width: 40px; + text-align: right; + padding-left: 10px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + font-size: 16px +} + +.fn__range input { + -webkit-appearance: none; + display: block; + width: 100%; + margin: 0; + height: 4px; + border-radius: 5px; + outline: none; + border: none; + background-color: var(--techwave-some-a-bg-color) +} + +.fn__range input::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 14px; + height: 14px; + background: var(--techwave-heading-color); + cursor: pointer; + border-radius: 100%; + opacity: 0 +} + +.fn__range input::-moz-range-thumb { + width: 14px; + height: 14px; + background: var(--techwave-heading-color); + cursor: pointer; + border-radius: 100%; + z-index: 3; + opacity: 0 +} + +.techwave_fn_privacy_page .privacypage { + padding: 40px 0 +} + +.techwave_fn_privacy_page .privacypage hr { + margin: 30px 0 +} + +.techwave_fn_privacy_page .privacypage h4 { + font-weight: 500; + font-size: 22px +} + +.fn_contact_form .input_list ul { + padding: 0; + margin: 0 0 0 -10px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + list-style-type: none +} + +.fn_contact_form .input_list input[type=email], +.fn_contact_form .input_list input[type=text] { + display: block; + width: 100%; + border-radius: 5px; + height: 60px +} + +.fn_contact_form .input_list input, +.fn_contact_form .input_list textarea { + display: block +} + +.fn_contact_form .input_list li { + width: 100%; + padding: 0 0 0 10px; + margin: 0 0 10px +} + +.fn_contact_form .input_list li:last-child { + margin-top: 10px +} + +.fn_contact_form .empty_notice, +.fn_contact_form .returnmessage { + padding: 20px; + width: 100%; + display: none; + color: var(--techwave-heading-color); + margin-top: 20px; + position: relative; + pointer-events: none +} + +.fn_contact_form .empty_notice:after, +.fn_contact_form .returnmessage:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 20px; + border: 2px solid transparent; + background: linear-gradient(270deg, var(--techwave-main-color1), var(--techwave-main-color2), var(--techwave-main-color1), var(--techwave-main-color2)) border-box; + -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); + -webkit-mask-composite: destination-out; + -webkit-mask-composite: source-out; + mask-composite: exclude; + background-size: 300% 300%; + animation: animatedgradient alt="" ernate 4s ease infinite +} + +.fn_contact_form .empty_notice:before, +.fn_contact_form .returnmessage:before { + right: 0; + bottom: 0; + top: 0; + left: 0; + position: absolute; + color: var(--techwave-main-color1); + content: ""; + opacity: .1; + border-radius: 20px; + box-shadow: 0 5px 15px +} + +.techwave_fn_contact_page .contactpage { + padding: 40px 0; + font-size: 18px; + line-height: 24px +} + +.techwave_fn_models_page { + padding: 36px 0 40px +} + +.techwave_fn_models_page .fn__title_holder { + margin-bottom: 28px +} + +.techwave_fn_models_page .models__filter { + justify-content: space-between; + -ms-align-items: center; + align-items: center; + column-gap: 50px; + margin-bottom: 30px; + position: relative; + z-index: 10; + flex-wrap: wrap +} + +.techwave_fn_models_page .models__filter, +.techwave_fn_models_page .models__filter .filter__left, +.techwave_fn_models_page .models__filter .filter__right { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.techwave_fn_models_page .models__filter .filter__right { + column-gap: 5px; + margin: 5px 0 +} + +.techwave_fn_models_page .filter__search { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + flex-wrap: wrap +} + +.techwave_fn_models_page .filter__search input { + margin: 5px 10px 5px 0 +} + +.techwave_fn_models_page .filter__search a { + margin: 5px 0 +} + +.techwave_fn_models_page .models__more { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + justify-content: center; + margin-top: 40px; + margin-bottom: 20px +} + +.techwave_fn_models .models__results { + position: relative +} + +.techwave_fn_models .loading .tab__item { + opacity: 0; + visibility: hidden +} + +.techwave_fn_models .loading .fn__preloader { + opacity: 1; + visibility: visible +} + +.tab__item { + display: none +} + +.tab__item.active { + display: block +} + +.fn__model_items { + padding: 0; + list-style-type: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -20px +} + +.fn__model_item { + width: 20%; + padding: 0 0 0 20px; + margin: 0 0 20px +} + +.fn__model_item .item { + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + position: relative; + background-color: var(--techwave-some-r-bg-color); + min-height: 100% +} + +.fn__model_item.new .item a { + z-index: 3 +} + +.fn__model_item.new .item { + padding: 30px 15px 27px; + text-align: center; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__model_item.new .item .add { + height: 80px; + width: 80px; + position: relative; + margin-bottom: 29px +} + +.fn__model_item.new .item .add:after { + width: 2px; + height: 80px; + position: absolute; + content: ""; + left: 50%; + margin-left: -1px; + background-color: var(--techwave-border-color); + top: 50%; + margin-top: -40px +} + +.fn__model_item.new .item:hover { + border-color: var(--techwave-main-color) +} + +.fn__model_item.new .item .add:before { + width: 80px; + height: 2px; + position: absolute; + content: ""; + top: 50%; + left: 50%; + margin-left: -40px; + margin-top: -1px; + background-color: var(--techwave-border-color) +} + +.fn__model_item.new .item .text { + font-weight: 500; + font-size: 14px; + line-height: 1; + text-transform: uppercase; + letter-spacing: .5px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__model_item .item:hover .fn__bookmark { + opacity: 1; + visibility: visible; + pointer-events: all +} + +.fn__model_item .img:before { + height: 0; + content: ""; + padding-bottom: 100%; + display: block +} + +.fn__model_item .img { + position: relative; + margin: -1px -1px 0 +} + +.fn__model_item .img img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + top: 0; + left: 0; + border-radius: 5px 5px 0 0 +} + +.fn__model_item .item__info { + padding: 18px 15px 14px +} + +.fn__model_item .item__info .title { + padding: 0; + font-size: 16px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family); + margin: 0 0 5px +} + +.fn__model_item .item__info .desc { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--techwave-body-color); + font-family: var(--techwave-body-font-family); + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 3; + line-clamp: 3; + -webkit-box-orient: vertical +} + +.fn__model_item .item__author { + height: 41px; + border-top: 1px solid var(--techwave-border-color); + padding: 10px 15px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center +} + +.fn__model_item .item__author img { + margin-right: 7px; + width: 20px; + height: 20px; + display: block; + border-radius: 100%; + object-fit: cover +} + +.fn__model_item .author_name { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.fn__bookmark { + background-color: var(--techwave-some-r-bg-color); + width: 40px; + height: 40px; + border-radius: 100%; + text-decoration: none; + position: absolute; + top: 10px; + left: 10px; + z-index: 3; + color: var(--techwave-heading-color); + opacity: 0; + visibility: hidden; + pointer-events: none +} + +.fn__bookmark.has__bookmark .hasbook { + opacity: 1 +} + +.fn__bookmark.has__bookmark .hasntbook { + opacity: 0 +} + +.fn__bookmark .fn__svg { + width: 16px; + height: 16px; + position: absolute; + top: 50%; + left: 50%; + margin: -8px 0 0 -8px +} + +.fn__bookmark .hasbook { + opacity: 0; + color: var(--techwave-main-color) +} + +.font__trigger { + width: 11px; + height: 60px; + position: fixed; + right: 300px; + margin-right: 14px; + top: 50%; + margin-top: -30px; + z-index: 15; + cursor: pointer +} + +.font__trigger:after { + content: ""; + position: absolute; + left: -10px; + right: -10px; + bottom: -10px; + top: -10px +} + +.font__trigger:hover span, +.font__trigger:hover span:after, +.font__trigger:hover span:before { + background-color: var(--techwave-main-color) +} + +.font__trigger span { + display: block; + top: 0; + bottom: 0; + left: 5px +} + +.font__trigger span, +.font__trigger span:after, +.font__trigger span:before { + width: 1px; + background-color: var(--techwave-border-color); + position: absolute; + transition: all .2s ease +} + +.font__trigger span:after, +.font__trigger span:before { + top: 50%; + margin-top: -20px; + height: 40px; + content: "" +} + +.font__trigger span:before { + right: 100%; + margin-right: 5px +} + +.font__trigger span:after { + left: 100%; + margin-left: 5px +} + +.techwave_fn_font.opened { + pointer-events: all; + opacity: 1; + visibility: visible +} + +.techwave_fn_font { + pointer-events: none; + opacity: 0; + visibility: hidden; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 110; + background-color: var(--techwave-site-bg-color); + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + overflow-y: auto; + padding: 40px +} + +.techwave_fn_font .font__closer_link { + position: fixed; + right: 35px; + top: 35px; + z-index: 2 +} + +.techwave_fn_font .font__closer { + z-index: 1; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0 +} + +.techwave_fn_font .font__dialog { + width: 500px; + max-width: 100%; + border-radius: 5px; + background-color: var(--techwave-some-r-bg-color); + padding: 35px 50px 40px; + position: relative; + border: 1px solid var(--techwave-border-color); + z-index: 3 +} + +.techwave_fn_font .title { + text-align: center; + padding: 0; + font-weight: 500; + font-size: 24px; + letter-spacing: 0; + margin: 0 0 4px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_font select { + margin-bottom: 30px +} + +.techwave_fn_font label { + display: block; + font-size: 16px; + font-weight: 400; + line-height: 40px; + color: var(--techwave-heading-color); + font-family: var(--techwave-heading-font-family) +} + +.techwave_fn_font .techwave_fn_button { + width: 100% +} + +.tooltipster-sidetip.tooltipster-techwave .tooltipster-box { + border: 1px solid var(--techwave-border-color); + background: var(--techwave-some-r-bg-color) +} + +.tooltipster-sidetip.tooltipster-techwave .tooltipster-content { + color: var(--techwave-heading-color); + font-size: 14px +} + +.tooltipster-sidetip.tooltipster-techwave .tooltipster-arrow-uncropped { + display: none +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-bottom .tooltipster-arrow:after { + content: ""; + position: absolute; + top: 5px; + left: 3px; + width: 14px; + height: 14px; + transform: rotate(45deg); + border: 1px solid var(--techwave-border-color); + background-color: var(--techwave-some-r-bg-color) +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-bottom .tooltipster-arrow { + background-color: transparent; + top: -1px +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-right .tooltipster-arrow { + left: -1px; + background-color: transparent +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-right .tooltipster-arrow:after { + content: ""; + position: absolute; + top: 3px; + left: 5px; + width: 14px; + height: 14px; + transform: rotate(45deg); + border: 1px solid var(--techwave-border-color); + background-color: var(--techwave-some-r-bg-color) +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-left .tooltipster-arrow { + right: -1px; + background-color: transparent +} + +.tooltipster-sidetip.tooltipster-techwave.tooltipster-left .tooltipster-arrow:after { + content: ""; + position: absolute; + top: 3px; + right: 5px; + width: 14px; + height: 14px; + transform: rotate(45deg); + border: 1px solid var(--techwave-border-color); + background-color: var(--techwave-some-r-bg-color) +} + +.techwave_fn_intro { + padding: 150px 20px 100px; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column; + -ms-align-items: center; + align-items: center +} + +.techwave_fn_intro .first { + text-align: center; + margin-bottom: 54px +} + +.techwave_fn_intro .txt { + opacity: 0; + position: absolute; + pointer-events: none +} + +.techwave_fn_intro .mac { + margin: 0 -20px 86px +} + +.techwave_fn_intro .mac img { + width: 100%; + height: 100%; + object-fit: cover +} + +.techwave_fn_intro .livechat { + padding: 24px; + position: relative; + border: 2px dashed #252525; + border-radius: 30px; + width: 825px; + max-width: 100%; + margin: 41px auto 133px +} + +.techwave_fn_intro .livechat .chat__comment { + margin-top: 20px +} + +.techwave_fn_intro .livechat .chat_decor { + position: absolute; + right: 47px; + z-index: 5; + top: 100%; + margin-top: -25px +} + +.techwave_fn_intro .or { + padding-top: 87px; + padding-bottom: 55px; + text-align: center +} + +.techwave_fn_intro .or h1 { + font-size: 150px; + font-size: calc(50px + 5.211vw); + font-weight: 700; + text-transform: uppercase; + font-family: sans-serif +} + +.techwave_fn_intro .or h1 span { + color: var(--techwave-site-bg-color); + -webkit-text-stroke: 1px var(--techwave-main-color); + text-stroke: 1px var(--techwave-main-color); + letter-spacing: -6px +} + +.fn__center_title { + text-align: center; + max-width: 700px +} + +.fn__center_title h3.big { + font-size: 60px; + margin-top: -6px; + margin-bottom: 18px +} + +.fn__center_title p { + margin: 0 +} + +.fn__center_title h3 { + font-size: 32px; + line-height: 1.2; + margin: 0; + font-weight: 300; + text-transform: uppercase; + letter-spacing: .5px; + text-shadow: 0 0 15px rgba(124, 95, 227, .35) +} + +.fn__center_title .lines { + position: relative; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + height: 18px; + margin-bottom: 34px; + -ms-align-items: center; + align-items: center; + justify-content: center +} + +.fn__center_title .lines span { + position: relative +} + +.fn__center_title .lines .l, +.fn__center_title .lines .r { + width: 100px; + height: 2px; + display: block; + background-color: var(--techwave-main-color) +} + +.fn__center_title .lines span:after { + right: 0; + bottom: 0; + top: 0; + left: 0; + position: absolute; + color: var(--techwave-main-color1); + content: ""; + opacity: .35; + box-shadow: 0 0 10px +} + +.fn__center_title .lines .c:after { + border-radius: 6px; + left: -2px; + right: -2px; + top: -2px; + bottom: -2px +} + +.fn__center_title .lines .c { + width: 120px; + height: 18px; + display: block; + border: 2px solid var(--techwave-main-color); + margin: 0 10px; + border-radius: 6px +} + +.txt_unlim { + width: 100%; + overflow: hidden +} + +.marquee { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex +} + +.TickerNews { + width: 100%; + overflow: hidden +} + +.TickerNews .js-marquee-wrapper { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: nowrap +} + +.TickerNews .ti_wrapper { + width: 100%; + position: relative; + overflow: hidden +} + +.TickerNews .ti_slide { + position: relative; + left: 0; + top: 0 +} + +.TickerNews .marquee { + overflow: hidden +} + +.TickerNews .ti_content { + position: relative; + float: left +} + +.TickerNews .js-marquee { + float: left; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: nowrap +} + +.TickerNews .item { + float: left; + position: relative; + white-space: nowrap; + color: var(--techwave-site-bg-color); + -webkit-text-stroke: 1px var(--techwave-main-color); + text-stroke: 1px var(--techwave-main-color); + letter-spacing: -6px; + font-size: 150px; + font-size: calc(50px + 5.211vw); + font-weight: 900; + font-family: sans-serif; + text-transform: uppercase +} + +.techwave_fn_intro .templates { + width: 1650px; + max-width: 100% +} + +.techwave_fn_intro .templates ul { + list-style-type: none; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + flex-wrap: wrap; + margin: 0 0 0 -50px +} + +.techwave_fn_intro .templates li { + padding: 0 0 0 50px; + margin: 0 0 50px; + width: 50% +} + +.techwave_fn_intro .templates .top { + display: block; + width: 100%; + text-decoration: none; + border: 1px solid var(--techwave-border-color); + border-radius: 5px; + transition: all .4s ease; + position: relative +} + +.techwave_fn_intro .templates .top:after { + content: ""; + position: absolute; + top: 100%; + left: 0; + right: 0; + height: 20px; + transform: translateY(-20px); + transition: all .4s ease +} + +.techwave_fn_intro .templates .top img { + display: block; + border-radius: 4px +} + +.techwave_fn_intro .templates .top:hover:after { + transform: translateY(0) +} + +.techwave_fn_intro .templates .top:hover { + transform: translateY(-20px) +} + +.techwave_fn_intro .templates div div { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -ms-align-items: center; + align-items: center; + justify-content: center; + padding-top: 30px +} + +.techwave_fn_intro .templates .techwave_fn_button { + padding: 0 52px +} + +#img_gen { + padding-top: 48px; + margin-bottom: 91px +} + +#demos { + padding-top: 100px; + margin-bottom: 73px +} + +@media(max-width:1400px) { + .fn__model_item { + width: 25% + } +} + +@media(max-width:1367px) { + .techwave_fn_interactive_list li { + width: 100%; + max-width: 100% + } +} + +@media(max-width:1200px) { + .fn__model_item { + width: 33.3333% + } +} + +@media(max-width:1040px) { + .techwave_fn_pricing .pricing__content { + display: none + } + .fn__mobile_pricing { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex + } + .font__trigger { + right: 0 + } + .techwave_fn_accordion .acc__title { + font-size: 18px + } + .fn__generation_item, + .techwave_fn_accordion .acc__content, + .techwave_fn_accordion .acc__header, + .techwave_fn_changelog .item__content, + .techwave_fn_changelog .item__header, + .techwave_fn_image_generation_page .generation_header, + .techwave_fn_interactive_list.modern a, + .techwave_fn_pricing .pricing__fields .item_col, + .techwave_fn_pricing .pricing__footer .item_col, + .techwave_fn_pricing .pricing__header .item_col, + .techwave_fn_pricing .pricing__heading .item, + .techwave_fn_sign, + .techwave_fn_sign .form__content { + padding-left: 20px; + padding-right: 20px + } + .techwave_fn_image_generation_page .sidebar__trigger { + display: none + } + .techwave_fn_aichatbot_page, + .techwave_fn_doc_page, + .techwave_fn_image_generation_page { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + -moz-flex-direction: column-reverse; + -o-flex-direction: column-reverse; + flex-direction: column-reverse; + min-height: inherit + } + .techwave_fn_wrapper.fn__has_sidebar .techwave_fn_content { + margin-right: 0 + } + .techwave_fn_aichatbot_page .chat__sidebar, + .techwave_fn_image_generation_page .generation__sidebar, + .techwave_fn_wrapper.fn__has_sidebar .techwave_fn_doc_page .docsidebar { + position: relative; + width: 100%; + height: auto; + left: auto; + right: auto; + top: auto; + min-width: 100%; + border-left: none; + border-bottom: 1px solid var(--techwave-border-color) + } + .techwave_fn_searchbar { + left: 0; + padding: 0 20px + } + .techwave_fn_searchbar .search__icon { + left: 20px + } + .techwave_fn_searchbar .search__closer { + right: 20px + } + .techwave_fn_searchbar .search__input { + padding-left: 25px; + padding-right: 30px + } + .techwave_fn_img_lightbox .lightbox__related, + .techwave_fn_img_lightbox .lightbox__tlimg { + padding-left: 20px; + padding-right: 20px + } + .fn__grid_items li { + width: 25% + } + .fn__gallery_item { + width: 33.3333% + } + .techwave_fn_header { + padding: 0 20px 0 60px + } + .techwave_fn_leftpanel .mobile_closer { + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex + } + .techwave_fn_leftpanel .desktop_closer { + display: none + } + .techwave_fn_leftpanel .mobile_extra_closer { + position: absolute; + left: 100%; + width: calc(100vw - var(--techwave-left-panel-width)); + top: 0; + bottom: 0; + background-color: var(--techwave-some-r-bg-color); + opacity: 0; + pointer-events: none; + margin-left: 1px + } + .section_home { + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column + } + .section_home .section_left { + width: 100%; + border-right: none; + border-bottom: 1px solid var(--techwave-border-color); + padding: 73px 20px 60px + } + .section_home .section_right { + width: 100%; + padding: 70px 20px + } + .techwave_fn_footer { + padding-left: 20px; + padding-right: 20px + } + .section_home .company_info { + max-width: 100% + } + .techwave_fn_content { + margin-left: 0 + } + .techwave_fn_header { + left: 0 + } + .techwave_fn_leftpanel { + transform: translateX(-100%) + } + .techwave_fn_leftpanel .fn__icon_button { + right: -51px; + width: 40px; + height: 40px; + transform: rotate(180deg); + margin-top: -20px + } + .mobile-panel-opened .techwave_fn_leftpanel .fn__icon_button { + transform: rotate(0) + } + .mobile-panel-opened .techwave_fn_leftpanel .mobile_extra_closer { + opacity: .9; + pointer-events: all + } + .mobile-panel-opened .techwave_fn_content, + .mobile-panel-opened .techwave_fn_header { + transform: translateX(300px) + } + .mobile-panel-opened .techwave_fn_leftpanel { + transform: translateX(0) + } +} + +@media(max-width:900px) { + .techwave_fn_pricing .item_row .item_col { + width: 25% !important; + max-width: 25% !important + } + .techwave_fn_pricing .pricing__header .price span { + font-size: 20px + } + .techwave_fn_pricing .pricing__fields .item_col, + .techwave_fn_pricing .pricing__footer .item_col, + .techwave_fn_pricing .pricing__header .item_col, + .techwave_fn_pricing .pricing__heading .item { + padding-left: 10px; + padding-right: 10px + } + .techwave_fn_img_lightbox .lightbox__top { + -moz-flex-direction: column; + -o-flex-direction: column; + flex-direction: column + } + .techwave_fn_img_lightbox .lightbox__tl { + width: 100% + } + .techwave_fn_img_lightbox .lightbox__tr { + width: 100%; + border-left: none; + border-top: 1px solid var(--techwave-border-color) + } +} + +@media(max-width:768px) { + .fn__mobile_pricing .pricing__item { + width: 100% + } + .fn__generation_list .fn__gl_item, + .fn__model_item { + width: 50% + } + .fn__gallery_items .item__info { + opacity: 1; + visibility: visible; + transform: translateY(0) + } + .techwave_fn_footer_content { + flex-wrap: wrap + } + .fn__gallery_item, + .fn__grid_items li { + width: 50% + } + .techwave_fn_header .header__left { + display: none + } + .techwave_fn_header { + justify-content: flex-end + } +} + +@media(max-width:480px) { + .techwave_fn_accordion .acc__content, + .techwave_fn_accordion .acc__header, + .techwave_fn_changelog .item__content, + .techwave_fn_changelog .item__header, + .techwave_fn_sign, + .techwave_fn_sign .form__content { + padding-left: 10px; + padding-right: 10px + } + .fn__generation_list .fn__gl_item { + width: 100% + } + .fn__generation_item, + .techwave_fn_image_generation_page .generation_header { + padding-left: 10px; + padding-right: 10px + } + .fn__model_item { + width: 100% + } + .fn__grid_items ul { + margin-left: -10px + } + .fn__grid_items li { + padding-left: 10px; + margin-bottom: 10px + } + .fn__nav_bar .user_opener { + width: 50px; + height: 50px + } + .fn__details_list li, + .fn__gallery_item { + width: 100% + } + .techwave_fn_header { + padding-right: 10px + } + .fn__nav_bar .item_opener .dark_mode { + margin: -9px 0 0 -9px + } + .fn__nav_bar .bar__item { + margin-right: 5px + } + .fn__nav_bar .bar__item_user { + margin-left: 5px + } + .fn__nav_bar .item_opener { + width: 40px; + height: 40px + } + .fn__nav_bar .item_opener .fn__svg { + width: 18px; + height: 18px + } +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/_next/static/media/86d22b0ff609b481-s.woff2) format("woff2"); + unicode-range: U+0590-05ff, U+200c-2010, U+20aa, U+25cc, U+fb1d-fb4f +} + +@font-face { + font-family: __Heebo_0f8259; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/_next/static/media/25e11f223a13018e-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Heebo_Fallback_0f8259; + src: local("Arial"); + ascent-override: 104.55%; + descent-override: 42.00%; + line-gap-override: 0.00%; + size-adjust: 100.22% +} + +.__className_0f8259 { + font-family: __Heebo_0f8259, __Heebo_Fallback_0f8259; + font-style: normal +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/_next/static/media/0822b6067e7c0dee-s.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/_next/static/media/67354d9f27664b22-s.woff2) format("woff2"); + unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff +} + +@font-face { + font-family: __Work_Sans_44e9d8; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/_next/static/media/6905431624c34d00-s.p.woff2) format("woff2"); + unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd +} + +@font-face { + font-family: __Work_Sans_Fallback_44e9d8; + src: local("Arial"); + ascent-override: 82.10%; + descent-override: 21.45%; + line-gap-override: 0.00%; + size-adjust: 113.27% +} + +.__className_44e9d8 { + font-family: __Work_Sans_44e9d8, __Work_Sans_Fallback_44e9d8; + font-style: normal +} \ No newline at end of file