diff --git "a/_next/static/css/e4887d32fecac951.css" "b/_next/static/css/e4887d32fecac951.css" deleted file mode 100644--- "a/_next/static/css/e4887d32fecac951.css" +++ /dev/null @@ -1,9029 +0,0 @@ -: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