.unith-dh-plugin input[type="text"] { width:25% !important; } .unith-dh-plugin textarea { width:50% !important; } .unith-dh-plugin #digitalhumans-css { height:30vh; } .unith-dh-plugin select { width:25% !important; } .unith-dh-plugin button[type="submit"] { min-height:unset; } .unith-dh-plugin { padding-top:2em; outline:2em solid #eef; background-color:#eef; /*height:100vh;*/ --rem-base: 10px; --base-font-size: 20px; --base-line-height: 1.2; --vertical-rhythm: calc(var(--base-line-height) * 1em); --sm-font-size: 16px; --sm-line-height: 1.2; --color-black: #000; --color-black-100: #1d1d1d; --color-black-200: #232323; --color-black-300: #3a3a3a; --color-white: #fff; --color-white-100: #f2f2f2; --color-white-200: #e8e8e8; --color-white-300: #e0e0e0; --color-white-400: #f3f3f3; --color-gray: #8b8b8b; --color-gray-100: #999; --color-gray-200: #dedede; --color-gray-300: #bdbdbd; --color-blue: #0046ff; --color-orange: #ff6e1e; --color-purple: #875aff; --color-green: #00de73; --color-red: #c02b0a; --gradient-blue-orange: linear-gradient(90deg, #0046ff 0%, #875aff 49%, #ff6e1e 100%); --brand-color: var(--color-blue); --accent-color: var(--color-purple); --base-text-color: var(--color-gray); --base-link-color: var(--brand-color); --h1-h6-color: var(--color-black-100); --animation-duration: 0.3s; --animation-timing-function: ease; --input-x: 20px; --input-y: 15px; --input-fz: 18px; --gutter: 15px; --header-min-height: 55px; --input-color: var(--color-black-200); --input-placeholder-color: var(--color-gray); --input-bg-color: transparent; --input-radius: 15px; --input-b: 1px; --input-border-color: var(--color-gray); --input-focus-border-color: var(--color-blue); --form-theme-color: var(--brand-color); --checkbox-size: 28px; --radio-size: 28px; --label-fz: 18px; --label-color: var(--color-black); --error-color: red; --error-bg-color: #ffb3b3; --form-col-gutter: 20px; --form-row-margin: 30px; --radius: 20px; --radius-sm: 15px; --radius-lg: 40px; --h1: 60px; --h2: 38px; --h3: 20px; --h4: 18px; --h5: 16px; --h6: 14px; --btn-y: 13px; --btn-x: 30px; --btn-b: 1px; --btn-r: var(--radius-lg); --btn-fz: 16px; --btn-input-y: 15px; --btn-input-x: 20px; --btn-input-b: 1px; --btn-input-r: 0; --btn-input-fz: 18px; } /*--- null--- */ .unith-dh-plugin .yourir-display-none { display: none; } .unith-dh-plugin .yourir-hidden { visibility: hidden; } .unith-dh-plugin .yourir-hide-template { display: none; } .unith-dh-plugin body.yourir-loading .yourir-hide-while-loading { display: none; } .unith-dh-plugin .yourir-hide-before-load { display: none; } /*--- null--- */ .unith-dh-plugin .video-js { width: 300px; height: 150px; } .unith-dh-plugin .vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .unith-dh-plugin .yourir-has-error { background: rgb(254, 186, 187); border-color: rgb(213, 9, 27); } .unith-dh-plugin .yourir-error-message-container { background: rgb(254, 186, 187); border-color: rgb(213, 9, 27); padding: 1em; } .unith-dh-plugin .yourir-error-message-list { list-style: none; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-error-message { color: rgb(213, 9, 27); } .unith-dh-plugin .yourir-display-block { display: block; } .unith-dh-plugin .yourir-display-none { display: none; } .unith-dh-plugin .yourir-hidden { visibility: hidden; } .unith-dh-plugin .yourir-hide-template { display: none; } .unith-dh-plugin body.yourir-loading .yourir-hide-while-loading { display: none; } .unith-dh-plugin .yourir-hide-before-load { display: none; } .unith-dh-plugin body.yourir-loaded .yourir-hide-before-load { display: block; } .unith-dh-plugin body.yourir-loaded .yourir-hide-after-load { display: none; } .unith-dh-plugin .yourir-fade-in { transition: opacity 0.25s ease-in-out 0s; opacity: 1; } .unith-dh-plugin .yourir-fade-out { transition: opacity 0.25s ease-in-out 0s; opacity: 0; } .unith-dh-plugin .yourir-number .yourir-blank::before { content: "‒"; } .unith-dh-plugin .yourir-number .yourir-negative::before { content: "("; } .unith-dh-plugin .yourir-number .yourir-negative::after { content: ")"; } .unith-dh-plugin .yourir-change .yourir-positive { color: rgb(32, 183, 32); } .unith-dh-plugin .yourir-change .yourir-positive::before { content: "+"; } .unith-dh-plugin .yourir-change .yourir-negative { color: rgb(231, 0, 0); } .unith-dh-plugin .yourir-change .yourir-negative::before { content: "-"; } .unith-dh-plugin .yourir-change .yourir-negative::after { content: ""; } .unith-dh-plugin .yourir-change .yourir-zero::before { content: "‒"; } .unith-dh-plugin .yourir-change .yourir-zero .yourir-integer-part, .yourir-change .yourir-zero .yourir-decimal-part { display: none; } .unith-dh-plugin .yourir-change .yourir-currency-symbol { display: none; } .unith-dh-plugin .yourir-change .yourir-yield-symbol { display: none; } .unith-dh-plugin .yourir-pct-change .yourir-positive { color: rgb(32, 183, 32); } .unith-dh-plugin .yourir-pct-change .yourir-negative { color: rgb(231, 0, 0); } .unith-dh-plugin .yourir-pct-change .yourir-negative::before { content: ""; } .unith-dh-plugin .yourir-pct-change .yourir-negative::after { content: ""; } .unith-dh-plugin .yourir-pct-change .yourir-zero .yourir-integer-part, .yourir-change .yourir-zero .yourir-decimal-part { display: none; } .unith-dh-plugin .yourir-pct-symbol { font-size: smaller; } .unith-dh-plugin .yourir-yield-symbol { font-size: smaller; } .unith-dh-plugin .yourir-magnitude-symbol { font-size: smaller; } .unith-dh-plugin .yourir-show-currency-symbol .yourir-currency-symbol { display: inline; } .unith-dh-plugin .yourir-hide-currency-symbol .yourir-currency-symbol { display: none; } .unith-dh-plugin .yourir-tooltip-wrapper { position: relative; } .unith-dh-plugin .yourir-tooltip-wrapper .yourir-tooltip { display: none; } .unith-dh-plugin .yourir-tooltip-wrapper:hover .yourir-tooltip { display: block; position: absolute; padding: 2px; min-width: 40px; width: auto; height: auto; white-space: nowrap; top: 10px; left: 15px; cursor: auto; z-index: 100; background: white; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } .unith-dh-plugin .yourir-tooltip-wrapper:hover .yourir-tooltip table { background: white; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-tooltip-wrapper:hover .yourir-tooltip table tr, .yourir-tooltip-wrapper:hover .yourir-tooltip table tr:nth-child(2n+1), .yourir-tooltip-wrapper:hover .yourir-tooltip table tr:nth-child(2n) { background: none; } .unith-dh-plugin .yourir-tooltip-wrapper:hover .yourir-tooltip table td { padding: 1px; border: none; } .unith-dh-plugin .yourir-caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .unith-dh-plugin .yourir-muted { color: rgb(170, 170, 170); } .unith-dh-plugin .yourir-active { background-color: rgb(245, 245, 245); } .unith-dh-plugin .yourir-disabled { text-decoration: none; pointer-events: none; cursor: default; } .unith-dh-plugin a.yourir-button, a.yourir-button:link, a.yourir-button:visited, a.yourir-button:hover { text-decoration: none; } .unith-dh-plugin .yourir-button.yourir-disabled { opacity: 0.5; } .unith-dh-plugin .yourir-clickable { cursor: pointer; } .unith-dh-plugin .yourir-empty { position: absolute; width: 0px; height: 0px; visibility: hidden; } .unith-dh-plugin .yourir-zero-width-space::before { content: "​"; } .unith-dh-plugin .yourir-loading h1[data-yourir]::before, .yourir-loading h2[data-yourir]::before, .yourir-loading h3[data-yourir]::before, .yourir-loading h4[data-yourir]::before, .yourir-loading h5[data-yourir]::before, .yourir-loading h6[data-yourir]::before, .yourir-loading span[data-yourir]::before, .yourir-loading td[data-yourir]::before, .yourir-loading button[data-yourir]::before { content: "​"; } .unith-dh-plugin yourir-component { display: block; } .unith-dh-plugin yourir-field { display: inline; } .unith-dh-plugin .yourir-dialog-container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; z-index: 99; } .unith-dh-plugin .yourir-dialog-container .yourir-dialog { display: inline-block; padding: 1em; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; margin-top: 20%; max-width: 60%; overflow: hidden; white-space: normal; } .unith-dh-plugin .yourir-dialog { text-align: left; } .unith-dh-plugin .yourir-banned { position: fixed; bottom: 0px; right: 0px; margin: 8px; padding: 8px; z-index: 999; border: none; opacity: 0.85; color: white; font-family: Roboto, "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; line-height: 18px; background: rgb(247, 7, 7) !important; } .unith-dh-plugin .yourir-banned h1 { font-size: 16px; line-height: 24px; font-weight: normal; margin: 0px; padding: 0px; color: white !important; } .unith-dh-plugin .yourir-banned .yourir-banned-contact { border-top: 1px solid white; padding-top: 1px; } .unith-dh-plugin .yourir-banned a { color: white !important; } .unith-dh-plugin .yourir-price-sensitive-marker::before { content: "⚑"; } .unith-dh-plugin .yourir-embargoed .yourir-announcement-heading a { opacity: 0.5; } .unith-dh-plugin .yourir-announcement-popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 98; text-align: center; } .unith-dh-plugin .yourir-announcement-content { position: relative; width: 80%; height: 96%; margin: 1% 10% 3%; padding: 0px; background: white; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; overflow: visible; } .unith-dh-plugin .yourir-announcement-document { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; text-align: center; } .unith-dh-plugin .yourir-announcement-document img, .yourir-announcement-document pre { margin-top: 2em; } .unith-dh-plugin .yourir-announcement-document pre { text-align: left; margin-left: 4em; } .unith-dh-plugin .yourir-announcement-document object { margin: 0px; padding: 0px; width: 100%; height: 100%; } .unith-dh-plugin .yourir-announcement-document embed { margin: 0px; padding: 0px; width: 100%; height: 100%; } .unith-dh-plugin .yourir-announcement-title { text-align: left; vertical-align: middle; padding-left: 0.5em; padding-right: 0.5em; line-height: 200%; } .unith-dh-plugin .yourir-announcement-menu { float: right; } .unith-dh-plugin .yourir-announcement-menu a { margin-left: 1em; } .unith-dh-plugin .yourir-announcement-part-content { position: relative; display: inline-block; margin: 0px auto; top: 50%; transform: translateY(-50%); background: white; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; text-align: left; padding: 0.5em 1.5em; } .unith-dh-plugin ul.yourir-announcement-parts { list-style: none; padding-left: 0px; } .unith-dh-plugin li.yourir-announcement-part { margin-bottom: 0.5em; } .unith-dh-plugin li.yourir-announcement-part div { padding-left: 1em; } .unith-dh-plugin .yourir-chart { position: relative; box-sizing: border-box; width: 100%; padding: 10px 0px 15px 5px; overflow: visible; } .unith-dh-plugin .yourir-chart-spacing { position: absolute; top: 0px; left: 0px; visibility: hidden; } .unith-dh-plugin .yourir-chart-spacing-parent { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-spacing-child { width: 10px; height: 10px; } .unith-dh-plugin .yourir-chart-gridline { stroke: rgb(236, 236, 236); stroke-width: 1px; } .unith-dh-plugin .yourir-chart-panel { position: relative; height: 100px; } .unith-dh-plugin .yourir-chart-extra-panel { margin-top: 20px; } .unith-dh-plugin .yourir-chart-panel-background { position: absolute; } .unith-dh-plugin .yourir-chart-panel-border { stroke: black; stroke-width: 1px; fill: none; } .unith-dh-plugin .yourir-chart-panel-tick-area { padding: 5px; } .unith-dh-plugin .yourir-chart-panel-plot-area { margin: 0px; padding: 0px 5px; } .unith-dh-plugin .yourir-chart-panel-plots { display: block; position: relative; width: 100%; height: 100%; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-panel-markers { position: absolute; } .unith-dh-plugin .yourir-chart-yaxis-spacing { position: absolute; top: 0px; left: 0px; height: 50px; width: 1px; } .unith-dh-plugin .yourir-chart-yaxis-minor-spacing { position: absolute; top: 0px; left: 0px; height: 20px; width: 1px; } .unith-dh-plugin .yourir-chart-yaxis-stripe { fill: none; } .unith-dh-plugin .yourir-chart-yaxis-minor-gridline { stroke-opacity: 0.5; } .unith-dh-plugin .yourir-chart-yaxis-tick { stroke: black; stroke-width: 1px; } .unith-dh-plugin .yourir-chart-yaxis-label-container { position: absolute; display: block; vertical-align: middle; height: 20px; line-height: 20px; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-yaxis-label { white-space: nowrap; margin: 0px; padding: 0px; line-height: normal; } .unith-dh-plugin .yourir-chart-yaxis-outside .yourir-chart-yaxis-label-container { margin-top: -11px; vertical-align: middle; } .unith-dh-plugin .yourir-chart-yaxis-outside .yourir-chart-yaxis-label { vertical-align: middle; } .unith-dh-plugin .yourir-chart-yaxis-inside .yourir-chart-yaxis-label-container { margin-top: -21px; } .unith-dh-plugin .yourir-chart-yaxis-inside .yourir-chart-yaxis-label { vertical-align: bottom; } .unith-dh-plugin .yourir-chart-yaxis-left .yourir-chart-yaxis-outside .yourir-chart-yaxis-label-container { right: 100%; margin-right: 4px; } .unith-dh-plugin .yourir-chart-yaxis-left .yourir-chart-yaxis-inside .yourir-chart-yaxis-label-container { left: 0px; margin-left: 4px; } .unith-dh-plugin .yourir-chart-yaxis-right .yourir-chart-yaxis-outside .yourir-chart-yaxis-label-container { left: 100%; margin-left: 4px; } .unith-dh-plugin .yourir-chart-yaxis-right .yourir-chart-yaxis-inside .yourir-chart-yaxis-label-container { right: 0px; margin-right: 4px; } .unith-dh-plugin .yourir-chart-yaxis-labels-below-tick .yourir-chart-yaxis-label-container { margin-top: 0px; vertical-align: top; } .unith-dh-plugin .yourir-chart-yaxis-labels-below-tick .yourir-chart-yaxis-label { vertical-align: top; } .unith-dh-plugin .yourir-chart-yaxis-labels-centered-with-tick .yourir-chart-yaxis-label-container { margin-top: -11px; vertical-align: middle; } .unith-dh-plugin .yourir-chart-yaxis-labels-centered-with-tick .yourir-chart-yaxis-label { display: inline-block; vertical-align: middle; } .unith-dh-plugin .yourir-chart-yaxis-labels-above-tick .yourir-chart-yaxis-label-container { margin-top: -20px; vertical-align: bottom; } .unith-dh-plugin .yourir-chart-yaxis-labels-above-tick .yourir-chart-yaxis-label { display: inline-block; vertical-align: bottom; } .unith-dh-plugin .yourir-chart-yaxis-labels-outside .yourir-chart-yaxis-inside { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-inside .yourir-chart-yaxis-outside { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-left .yourir-chart-yaxis-right { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-left .yourir-chart-yaxis-outside .yourir-chart-panels { margin-left: 40px; margin-right: 0px; } .unith-dh-plugin .yourir-chart-yaxis-labels-right .yourir-chart-yaxis-left { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-right .yourir-chart-yaxis-outside .yourir-chart-panels { margin-left: 0px; margin-right: 40px; } .unith-dh-plugin .yourir-chart-yaxis-labels-both .yourir-chart-yaxis-outside .yourir-chart-panels { margin-left: 40px; margin-right: 40px; } .unith-dh-plugin .yourir-chart-yaxis-labels-both .yourir-chart-yaxis1 .yourir-chart-yaxis-right { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-both .yourir-chart-yaxis2 .yourir-chart-yaxis-left { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-none .yourir-chart-yaxis-inside { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-none .yourir-chart-yaxis-outside { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-none .yourir-chart-panels { margin-left: 0px; margin-right: 0px; } .unith-dh-plugin .yourir-chart-yaxis-labels-hidden .yourir-chart-yaxis-inside { visibility: hidden; } .unith-dh-plugin .yourir-chart-yaxis-labels-hidden .yourir-chart-yaxis-outside { visibility: hidden; } .unith-dh-plugin .yourir-chart-yaxis-inside .yourir-chart-yaxis-top-label { display: none; } .unith-dh-plugin .yourir-chart-yaxis-labels-above-tick .yourir-chart-yaxis-inside .yourir-chart-yaxis-bottom-label, .yourir-chart-yaxis-labels-centered-with-tick .yourir-chart-yaxis-inside .yourir-chart-yaxis-top-label, .yourir-chart-yaxis-labels-centered-with-tick .yourir-chart-yaxis-inside .yourir-chart-yaxis-bottom-label, .yourir-chart-yaxis-labels-below-tick .yourir-chart-yaxis-inside .yourir-chart-yaxis-top-label { display: none; } .unith-dh-plugin .yourir-chart-volume-panel .yourir-chart-yaxis-outside .yourir-chart-yaxis-bottom-label, .yourir-chart-volume-panel .yourir-chart-yaxis-inside .yourir-chart-yaxis-bottom-label, .yourir-chart-depth-panel .yourir-chart-yaxis-outside .yourir-chart-yaxis-bottom-label, .yourir-chart-depth-panel .yourir-chart-yaxis-inside .yourir-chart-yaxis-bottom-label, .yourir-chart-relative-strength-indicator-panel .yourir-chart-yaxis-outside .yourir-chart-yaxis-bottom-label, .yourir-chart-relative-strength-indicator-panel .yourir-chart-yaxis-inside .yourir-chart-yaxis-bottom-label { display: none; } .unith-dh-plugin .yourir-chart-xaxis { margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-xaxis-outside { overflow: visible; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-xaxis-spacing { position: absolute; top: 0px; left: 0px; width: 50px; height: 1px; } .unith-dh-plugin .yourir-chart-xaxis-minor-spacing { position: absolute; top: 0px; left: 0px; width: 20px; height: 1px; } .unith-dh-plugin .yourir-chart-xaxis-stripe { fill: none; } .unith-dh-plugin .yourir-chart-xaxis-tick { stroke: black; } .unith-dh-plugin .yourir-chart-xaxis-label-container { position: absolute; width: 40px; margin: 0px 0px 0px 4px; padding: 0px; overflow: visible; } .unith-dh-plugin .yourir-chart-xaxis-label { white-space: nowrap; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-xaxis-top .yourir-chart-xaxis-outside .yourir-chart-xaxis-label-container { bottom: 100%; } .unith-dh-plugin .yourir-chart-xaxis-top .yourir-chart-xaxis-inside .yourir-chart-xaxis-label-container { top: 0px; margin-top: 4px; } .unith-dh-plugin .yourir-chart-xaxis-bottom .yourir-chart-xaxis-outside .yourir-chart-xaxis-label-container { top: 100%; } .unith-dh-plugin .yourir-chart-xaxis-bottom .yourir-chart-xaxis-inside .yourir-chart-xaxis-label-container { bottom: 4px; } .unith-dh-plugin .yourir-chart-extra-panel .yourir-chart-xaxis-top { display: none; } .unith-dh-plugin .yourir-chart-extra-panel .yourir-chart-xaxis-bottom { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-left-of-tick .yourir-chart-xaxis-label-container { margin-left: -44px; text-align: right; } .unith-dh-plugin .yourir-chart-xaxis-labels-centered-with-tick .yourir-chart-xaxis-label-container { margin-left: -20px; text-align: center; } .unith-dh-plugin .yourir-chart-xaxis-labels-right-of-tick .yourir-chart-xaxis-label-container { margin-left: 4px; text-align: left; } .unith-dh-plugin .yourir-chart-xaxis-labels-vertical-and-centered-with-tick .yourir-chart-xaxis-label-container { transform: rotate(-90deg); margin-left: -20px; margin-top: 20px; text-align: right; } .unith-dh-plugin .yourir-chart-xaxis-labels-inside .yourir-chart-xaxis-outside { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-inside .yourir-chart-panel { margin-top: 0px; margin-bottom: 0px; } .unith-dh-plugin .yourir-chart-xaxis-labels-outside .yourir-chart-xaxis-inside { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-outside .yourir-chart-xaxis-labels-top .yourir-chart-panel { margin-top: 20px; margin-bottom: 0px; } .unith-dh-plugin .yourir-chart-xaxis-labels-outside .yourir-chart-xaxis-labels-bottom .yourir-chart-panel { margin-top: 0px; margin-bottom: 20px; } .unith-dh-plugin .yourir-chart-xaxis-labels-top .yourir-chart-xaxis-bottom { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-bottom .yourir-chart-xaxis-top { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-none .yourir-chart-xaxis-top { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-none .yourir-chart-xaxis-bottom { display: none; } .unith-dh-plugin .yourir-chart-xaxis-labels-hidden .yourir-chart-xaxis-top { visibility: hidden; } .unith-dh-plugin .yourir-chart-xaxis-labels-hidden .yourir-chart-xaxis-bottom { visibility: hidden; } .unith-dh-plugin .yourir-chart-zero-line { stroke: black; stroke-width: 0.75px; stroke-dasharray: 2, 2; fill: none; } .unith-dh-plugin .yourir-chart-price { stroke: black; stroke-width: 1px; fill: none; } .unith-dh-plugin .yourir-chart-price-fill { stroke: none; fill: none; fill-opacity: 0.25; } .unith-dh-plugin .yourir-chart-price-bars { stroke: black; fill: white; stroke-width: 1px; } .unith-dh-plugin .yourir-chart-volume { stroke: black; stroke-width: 2px; fill: none; } .unith-dh-plugin .yourir-chart-depth { stroke-width: 0.5px; fill-opacity: 0.5; } .unith-dh-plugin .yourir-chart-depth-bid { stroke: rgb(32, 183, 32); fill: rgb(32, 183, 32); } .unith-dh-plugin .yourir-chart-depth-ask { stroke: rgb(231, 0, 0); fill: rgb(231, 0, 0); } .unith-dh-plugin .yourir-chart-depth-auction { stroke: rgb(0, 123, 191); fill: rgb(213, 234, 255); fill-opacity: 0.85; } .unith-dh-plugin .yourir-chart-candles { stroke: black; stroke-width: 1px; fill: none; } .unith-dh-plugin .yourir-chart-candles-up { fill: white; } .unith-dh-plugin .yourir-chart-candles-down { fill: black; } .unith-dh-plugin .yourir-chart-ohlc { stroke: black; stroke-width: 1.25px; fill: none; } .unith-dh-plugin .yourir-chart-ohlc-up { stroke: rgb(32, 183, 32); } .unith-dh-plugin .yourir-chart-ohlc-down { stroke: rgb(231, 0, 0); } .unith-dh-plugin .yourir-chart-hlc { stroke: black; stroke-width: 1.25px; fill: none; } .unith-dh-plugin .yourir-chart-hlc-up { stroke: rgb(32, 183, 32); } .unith-dh-plugin .yourir-chart-hlc-down { stroke: rgb(231, 0, 0); } .unith-dh-plugin .yourir-chart-prev-close { stroke: black; stroke-dasharray: 2, 4; } .unith-dh-plugin .yourir-chart-relative-strength-indicator { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-relative-strength-indicator-threshold-line { stroke: rgb(255, 0, 0); stroke-width: 1px; stroke-dasharray: 2, 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-gain { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-holding-value { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-performance { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-relative-performance { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-relative-price { stroke: black; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-moving-average { stroke: rgb(255, 0, 0); stroke-width: 1.25px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-moving-average1 { stroke: rgb(255, 0, 0); } .unith-dh-plugin .yourir-chart-moving-average2 { stroke: rgb(0, 255, 0); } .unith-dh-plugin .yourir-chart-bollinger-bands { stroke: rgb(254, 191, 254); stroke-width: 1.25px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-bollinger-bands-middle { stroke-dasharray: 2, 2; } .unith-dh-plugin .yourir-chart-bollinger-bands-fill { stroke: none; stroke-linecap: round; stroke-linejoin: round; fill: rgb(254, 191, 254); fill-opacity: 0.25; } .unith-dh-plugin .yourir-chart-stochastic-kline { stroke: rgb(0, 0, 0); fill: none; } .unith-dh-plugin .yourir-chart-stochastic-dline { stroke: rgb(0, 0, 255); fill: none; } .unith-dh-plugin .yourir-chart-stochastic-threshold-line { stroke: rgb(0, 0, 0); stroke-width: 1px; stroke-dasharray: 2, 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } .unith-dh-plugin .yourir-chart-announcement-marker { stroke: none; stroke-linecap: round; stroke-linejoin: round; fill: rgb(52, 73, 94); } .unith-dh-plugin .yourir-chart-legend { position: absolute; top: 1px; left: 1px; display: none; } .unith-dh-plugin .yourir-chart-labels { position: absolute; top: 0px; left: 0px; } .unith-dh-plugin .yourir-chart-symbol-label-container { position: absolute; display: block; vertical-align: middle; height: 20px; line-height: 20px; margin: -10px 0px 0px 2px; padding: 0px; } .unith-dh-plugin .yourir-chart-symbol-label { white-space: nowrap; margin: 0px; padding: 0px; line-height: normal; } .unith-dh-plugin .yourir-chart-plot-label-container { position: absolute; display: block; text-align: center; vertical-align: middle; height: 20px; line-height: 20px; width: 40px; margin: -20px 0px 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-plot-label { white-space: nowrap; margin: 0px; padding: 0px; line-height: normal; } .unith-dh-plugin .yourir-chart-tooltip-container { position: absolute; visibility: hidden; padding: 10px; min-width: 150px; text-align: left; transition: top 0.05s ease 0s; z-index: 9; } .unith-dh-plugin .yourir-chart-tooltip { background: rgba(255, 255, 255, 0.75); border: 1px solid rgb(0, 0, 0); margin: 0px; padding: 0px; } .unith-dh-plugin table.yourir-chart-tooltip-legend { width: auto; table-layout: auto; padding: 0px; margin: 0.5em 0.5em 0px; } .unith-dh-plugin table.yourir-chart-tooltip-legend td { padding: 0px 0px 0.5em; margin: 0px; white-space: nowrap; } .unith-dh-plugin td.yourir-chart-tooltip-date-time { font-weight: bold; } .unith-dh-plugin td.yourir-chart-tooltip-key { font-weight: bold; width: 1.5em; } .unith-dh-plugin td.yourir-chart-tooltip-key::before { content: "—"; } .unith-dh-plugin td.yourir-chart-tooltip-value { text-align: right; min-width: 9em; padding-left: 1em !important; } .unith-dh-plugin .yourir-chart-tooltip-line { stroke: rgb(0, 0, 0); stroke-width: 1px; } .unith-dh-plugin .yourir-chart-tooltip ol { list-style: none; margin: 0px; padding: 0px; white-space: normal; } .unith-dh-plugin .yourir-chart-tooltip li { margin: 0.5em 0.5em 0px; } .unith-dh-plugin .yourir-chart-tooltip-marker { stroke: rgb(255, 255, 255); stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; fill: rgb(0, 0, 0); } .unith-dh-plugin .yourir-chart-tooltip-marker-halo { fill: rgb(255, 255, 255); fill-opacity: 0.5; } .unith-dh-plugin .yourir-chart-crosshairs { display: none; stroke: rgb(0, 0, 0); stroke-width: 1px; stroke-opacity: 0.33; } .unith-dh-plugin .yourir-sparkline .yourir-chart { width: 50px; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-sparkline .yourir-chart-spacing-child { width: 1px; height: 1px; } .unith-dh-plugin .yourir-sparkline .yourir-chart-panels { margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-sparkline .yourir-chart-panel { margin: 0px; padding: 0px; height: 25px; border: none; } .unith-dh-plugin .yourir-sparkline .yourir-chart-panel-plot-area { margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-sparkline .yourir-chart-panel-border { display: none; } .unith-dh-plugin .yourir-sparkline .yourir-chart-gridline { stroke: none; } .unith-dh-plugin .yourir-sparkline .yourir-chart-price { stroke-width: 1px; } .unith-dh-plugin .yourir-sparkline .yourir-chart-price-fill { fill: none; } .unith-dh-plugin .yourir-nav-chart .yourir-chart-panel { height: 25px; } .unith-dh-plugin .yourir-nav-chart-inside-range { fill: none; } .unith-dh-plugin .yourir-nav-chart-outside-range { fill: black; fill-opacity: 0.1; } .unith-dh-plugin .yourir-nav-chart-gadget { fill: none; stroke: black; } .unith-dh-plugin .yourir-chart .yourir-negative::before { content: "-"; } .unith-dh-plugin .yourir-chart .yourir-negative::after { content: ""; } .unith-dh-plugin .yourir-chart-performance-panel .yourir-positive::before { content: "+"; } .unith-dh-plugin .yourir-chart-ruler { width: 100%; height: 0px; margin: 0px; padding: 0px; } .unith-dh-plugin .yourir-chart-watermark { position: absolute; bottom: 2px; right: 2px; display: none; } .unith-dh-plugin .yourir-chart-empty-text { position: absolute; top: 0px; left: 0px; display: none; padding: 4px; } .unith-dh-plugin .yourir-empty-chart .yourir-chart-top-panel .yourir-chart-empty-text { display: block; } .unith-dh-plugin .yourir-chart { width: 100%; padding: 10px 10px 15px 50px; color: rgb(37, 66, 84); } .unith-dh-plugin .yourir-chart-yaxis-labels-right { padding: 10px 50px 15px 10px; } .unith-dh-plugin .yourir-chart-panel { height: 200px; } .unith-dh-plugin .yourir-chart-extra-panel { height: 100px; } .unith-dh-plugin .yourir-chart-panel-border { stroke: none; } .unith-dh-plugin .yourir-chart-panel-border-bottom { stroke: black; stroke-width: 2px; } .unith-dh-plugin .yourir-chart-price { stroke: rgb(73, 192, 244); stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; filter: none; } .unith-dh-plugin .yourir-chart-price-fill { fill: none; } .unith-dh-plugin .yourir-chart-panel-plot-area { padding: 0px 20px; } .unith-dh-plugin .yourir-chart-tick { stroke: none; } .unith-dh-plugin .yourir-chart-tick-bottom { stroke: rgb(211, 202, 201); stroke-width: 2px; } .unith-dh-plugin .yourir-chart-gridline { stroke: none; } .unith-dh-plugin .yourir-chart-yaxis-gridline { stroke: rgb(211, 202, 201); stroke-dasharray: none; } .unith-dh-plugin .yourir-chart-yaxis-minor-gridline { stroke: none; } .unith-dh-plugin .yourir-sparkline .yourir-chart-tick { stroke: none; } /*--- null--- */ .unith-dh-plugin .video-js { width: 300px; height: 150px; } .unith-dh-plugin .vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .unith-dh-plugin .yourir-display-none { display: none; } .unith-dh-plugin .yourir-hidden { visibility: hidden; } .unith-dh-plugin .yourir-hide-template { display: none; } .unith-dh-plugin .yourir-hide-before-load { display: none; } .unith-dh-plugin :where(.wp-block-button__link) { border-radius: 9999px; box-shadow: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; } .unith-dh-plugin :where(.wp-block-calendar table:not(.has-background) th) { background: rgb(221, 221, 221); } .unith-dh-plugin :where(.wp-block-columns.has-background) { padding: 1.25em 2.375em; } .unith-dh-plugin :where(.wp-block-post-comments input[type="submit"]) { border: none; } .unith-dh-plugin :where(.wp-block-file__button) { border-radius: 2em; padding: 0.5em 1em; } .unith-dh-plugin :where(.wp-block-file__button):is(a):active, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited { box-shadow: none; color: rgb(255, 255, 255); opacity: 0.85; text-decoration: none; } .unith-dh-plugin ol, ul { box-sizing: border-box; } .unith-dh-plugin :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { padding: 0.5em 1em; } .unith-dh-plugin :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { padding: 0.5em 1em; } .unith-dh-plugin :where(p.has-text-color:not(.has-link-color)) a { color: inherit; } .unith-dh-plugin :where(.wp-block-search__button) { border: 1px solid rgb(204, 204, 204); padding: 0.375em 0.625em; } .unith-dh-plugin :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { border: 1px solid rgb(148, 148, 148); padding: 4px; } .unith-dh-plugin :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { border: none; border-radius: 0px; padding: 0px 0px 0px 0.25em; } .unith-dh-plugin :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { outline: 0px; } .unith-dh-plugin :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { padding: 0.125em 0.5em; } .unith-dh-plugin :where(pre.wp-block-verse) { font-family: inherit; } .unith-dh-plugin :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .unith-dh-plugin .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .unith-dh-plugin .screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; } .unith-dh-plugin html :where(.has-border-color) { border-style: solid; } .unith-dh-plugin html :where([style*="border-top-color"]) { border-top-style: solid; } .unith-dh-plugin html :where([style*="border-right-color"]) { border-right-style: solid; } .unith-dh-plugin html :where([style*="border-bottom-color"]) { border-bottom-style: solid; } .unith-dh-plugin html :where([style*="border-left-color"]) { border-left-style: solid; } .unith-dh-plugin html :where([style*="border-width"]) { border-style: solid; } .unith-dh-plugin html :where([style*="border-top-width"]) { border-top-style: solid; } .unith-dh-plugin html :where([style*="border-right-width"]) { border-right-style: solid; } .unith-dh-plugin html :where([style*="border-bottom-width"]) { border-bottom-style: solid; } .unith-dh-plugin html :where([style*="border-left-width"]) { border-left-style: solid; } .unith-dh-plugin html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } .unith-dh-plugin html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); } .unith-dh-plugin .body { --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6, 147, 227, 1) 0%,rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122, 220, 180) 0%,rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252, 185, 0, 1) 0%,rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255, 105, 0, 1) 0%,rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238, 238, 238) 0%,rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74, 234, 220) 0%,rgb(151, 120, 209) 20%,rgb(207, 42, 186) 40%,rgb(238, 44, 130) 60%,rgb(251, 105, 98) 80%,rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255, 206, 236) 0%,rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254, 205, 165) 0%,rgb(254, 45, 45) 50%,rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255, 203, 112) 0%,rgb(199, 81, 192) 50%,rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255, 245, 203) 0%,rgb(182, 227, 212) 50%,rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202, 248, 128) 0%,rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2, 3, 129) 0%,rgb(40, 116, 252) 100%); --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale'); --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale'); --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow'); --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red'); --wp--preset--duotone--midnight: url('#wp-duotone-midnight'); --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow'); --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green'); --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange'); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } .unith-dh-plugin :where(.is-layout-flex) { gap: 0.5em; } .unith-dh-plugin :where(.wp-block-columns.is-layout-flex) { gap: 2em; } .unith-dh-plugin #branda-cookie-notice { display: block; position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; left: 0px; text-align: center; } .unith-dh-plugin #branda-cookie-notice.ub-position-bottom { bottom: 0px; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container { max-width: 1200px; margin: 0px auto; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container { display: flex; align-items: baseline; justify-content: center; padding: 10px 0px; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column { display: block; padding: 10px 5px; line-height: 1; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:first-child { padding-left: 2em; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:last-child { padding-right: 2em; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:not(:first-child) { align-self: center; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column a.ub-cn-set-cookie { padding: 5px 10px; margin: 0px; white-space: nowrap; text-decoration: none; display: inline; } .unith-dh-plugin #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column a.ub-cn-privacy-policy { word-break: keep-all; } .unith-dh-plugin .svelte-App { color: rgb(var(--body)); font-family: var(--font); } .unith-dh-plugin body { background-color: rgb(var(--background)); } .unith-dh-plugin a:hover { color: rgb(var(--primary)); } .unith-dh-plugin input:focus { outline: rgba(var(--primary),.8) auto 1px; } .unith-dh-plugin .center-text { display: flex; align-items: center; justify-content: center; border-radius: 1em; } .unith-dh-plugin .full-screen { position: absolute; height: 100%; width: 100%; bottom: 0px; left: 0px; z-index: 101; border-radius: 0px !important; } .unith-dh-plugin .app-container.svelte-App { position: relative; flex-direction: row; display: flex; height: 100%; width: 100%; overflow: hidden; } .unith-dh-plugin .video.svelte-App { flex: 7 1 0%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 2em; } .unith-dh-plugin .chat.svelte-App { flex: 3 1 0%; flex-direction: column; justify-content: space-between; background: var(--chat-background); } .unith-dh-plugin .loading.svelte-App { background-color: rgb(var(--background)); z-index: 105; } .unith-dh-plugin .mic-access-modal.svelte-App { z-index: 106; } .unith-dh-plugin .position-absolute-chat.svelte-App { position: absolute; width: 100%; max-width: 25em; right: 0px; margin-left: auto; bottom: 0.5em; z-index: 103; } .unith-dh-plugin body, html { position: relative; width: 100%; height: 100%; } .unith-dh-plugin body { margin: 0px; padding: 0px; font-weight: lighter; } .unith-dh-plugin button, input, select, textarea { font-family: inherit; font-size: inherit; } .unith-dh-plugin button { color: currentcolor; transition: color 0.2s ease-in-out 0s; cursor: pointer; } .unith-dh-plugin a { text-decoration: none; color: currentcolor; transition: color 0.2s ease-in-out 0s; } .unith-dh-plugin p { margin: 0px; } .unith-dh-plugin div.svelte-components-InternetConnectionStatus { position: absolute; z-index: 101; width: min(90%, 25em); left: calc((100% - min(90%, 25em)) / 2); top: 0.5em; padding: 1em 0px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px rgb(var(--background)); background-color: rgba(var(--danger),.6); border-radius: 1em; } .unith-dh-plugin span.svelte-components-InternetConnectionStatus { margin-right: 1em; } .unith-dh-plugin .custom-input.svelte-components-Login { align-self: center; flex: 1 1 0%; font-style: normal; } .unith-dh-plugin button.svelte-components-Login { right: 0px; border: none; background-color: rgb(var(--primary)); padding: 0.5em; cursor: pointer; margin: 0.3em 1em; color: rgb(var(--body)); border-radius: 10px; width: 200px; box-shadow: 0 4px 12px rgba(var(--shadow),.3); } .unith-dh-plugin button.login.svelte-components-Login { background-color: rgba(var(--primary),.2); font-weight: bolder; margin-top: 2.5em; } .unith-dh-plugin button.cancel.svelte-components-Login { background: rgb(var(--background)); } .unith-dh-plugin .auth-error.svelte-components-Login { background-color: rgb(var(--danger)); border-radius: 0.3em; width: 65%; padding: 0.6em 0px; text-align: center; } .unith-dh-plugin .error.svelte-components-Error.svelte-components-Error { background-color: rgb(var(--background)); color: rgb(var(--body)); font-size: xx-large; text-align: center; display: flex; flex-direction: column; align-items: center; } .unith-dh-plugin .error.svelte-components-Error div.svelte-components-Error { max-width: 80%; } .unith-dh-plugin .title.svelte-components-Error.svelte-components-Error { font-weight: 800; font-size: 3em; margin-bottom: 1em; } .unith-dh-plugin .error-msg.svelte-components-Error.svelte-components-Error { color: rgb(var(--primary)); font-size: large; } .unith-dh-plugin .decoration.svelte-components-Error.svelte-components-Error { position: absolute; z-index: -1; } .unith-dh-plugin .decoration.logo.svelte-components-Error.svelte-components-Error { top: 1em; left: 1em; } .unith-dh-plugin .decoration.rectangle.svelte-components-Error.svelte-components-Error { width: 70%; height: 40%; } .unith-dh-plugin .decoration.rectangle.one.svelte-components-Error.svelte-components-Error { background-color: rgba(var(--primary),.2); border-radius: 4em; right: 5%; } .unith-dh-plugin .decoration.rectangle.two.svelte-components-Error.svelte-components-Error { background-color: rgba(var(--primary),.1); border-radius: 10em; bottom: 5%; } .unith-dh-plugin .chat-container.svelte-components-Chat { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .unith-dh-plugin .header-container.svelte-components-Chat { display: flex; flex-direction: column; border-bottom: 1px solid rgba(var(--body),.2); margin-bottom: 0.5em; padding: 0.5em; color: rgba(var(--body)); } .unith-dh-plugin .msgs-container.svelte-components-Chat { flex: 8 8 80%; scroll-behavior: auto; overflow-y: auto; width: 100%; } .unith-dh-plugin .msgs.svelte-components-Chat { height: 0px; flex-direction: column; width: inherit; } .unith-dh-plugin .chat-header.svelte-components-Chat { margin: 0px 0.5em 0.5em; display: flex; flex-direction: column; align-items: stretch; } .unith-dh-plugin .search.svelte-components-Chat { display: flex; margin-left: 1em; margin-right: calc(1em - 8px); margin-top: 0.5em; } .unith-dh-plugin .search-field.svelte-components-Chat { flex: 1 1 0%; border-radius: 10px; box-shadow: rgba(var(--shadow,.1),.2) 0 7px 29px 0; outline: 0px; border: 0px; margin-right: 0.5em; padding: 0.25em 0.5em; } .unith-dh-plugin .hide-component.svelte-components-Chat { display: none; } .unith-dh-plugin .hide-chat.svelte-components-ToggleChatButton { color: rgba(var(--body),.7); align-self: center; border: none; background: 0px 0px; cursor: pointer; position: relative; padding: 0px; margin-left: 1em; } .unith-dh-plugin .horizontal-hide-chat-button.svelte-components-ToggleChatButton { position: static; place-self: center flex-start; padding: 0px; margin: 0px; } .unith-dh-plugin .full-screen-hide.svelte-components-ToggleChatButton { display: none; } .unith-dh-plugin button.svelte-components-MicrophoneAccess { right: 0px; align-self: flex-end; border: none; border-radius: 0.3em; background-color: rgb(var(--primary)); color: rgb(var(--background)); padding: 0.5em; box-shadow: 0 0 18px -4px rgb(var(--primary)); margin-top: 2em; } .unith-dh-plugin h2.svelte-components-MicrophoneAccess, p.svelte-components-MicrophoneAccess { align-self: flex-start; } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading.svelte-components-Loading { display: inline-block; position: relative; width: calc(var(--size) * 10px); height: calc(var(--size) * 10px); } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading div.svelte-components-Loading { position: absolute; top: calc(var(--size) * 33px / 8); width: calc(var(--size) * 13px / 8); height: calc(var(--size) * 13px / 8); border-radius: 50%; background: rgb(var(--body)); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:first-child { left: calc(var(--size) * 1px); animation: 0.6s ease 0s infinite normal none running svelte-components-Loading-lds-ellipsis1; } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(2) { left: calc(var(--size) * 1px); animation: 0.6s ease 0s infinite normal none running svelte-components-Loading-lds-ellipsis2; } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(3) { left: calc(var(--size) * 4px); animation: 0.6s ease 0s infinite normal none running svelte-components-Loading-lds-ellipsis2; } .unith-dh-plugin .lds-ellipsis.svelte-components-Loading div.svelte-components-Loading:nth-child(4) { left: calc(var(--size) * 7px); animation: 0.6s ease 0s infinite normal none running svelte-components-Loading-lds-ellipsis3; } .unith-dh-plugin .chat-media.svelte-components-ImageComponent { width: 100%; border-radius: 1em; } .unith-dh-plugin .hidden.svelte-components-ImageComponent { display: none; } .unith-dh-plugin .placeholder.svelte-components-ImageComponent { height: 10em; background: rgba(var(--primary),.2); } .unith-dh-plugin .modal.svelte-components-Modal { background-color: rgba(var(--body),.4); } .unith-dh-plugin .container.svelte-components-Modal { background-color: rgb(var(--background)); color: rgb(var(--body)); padding: 1.5em; border-radius: 1em; display: flex; flex-direction: column; max-width: min(60vw, 800px); box-shadow: 0 0 18px -4px rgb(var(--shadow)); align-items: center; } .unith-dh-plugin span.svelte-components-MessageBubble a { text-decoration: underline; } .unith-dh-plugin .msg-text:hover > span > span { color: rgb(var(--background)); transition: color 0.2s ease-in-out 0s; } .unith-dh-plugin .highlight { background-color: rgb(var(--primary)); } .unith-dh-plugin .msg.svelte-components-MessageBubble { margin: 7px; min-width: 150px; } .unith-dh-plugin .msg.bkd.svelte-components-MessageBubble { align-self: flex-start; color: rgb(var(--body)); } .unith-dh-plugin .msg.usr.svelte-components-MessageBubble { align-self: flex-end; color: rgb(var(--background)); } .unith-dh-plugin .msg.sent.svelte-components-MessageBubble { filter: brightness(1.25); } .unith-dh-plugin .msg-text.svelte-components-MessageBubble { width: fit-content; min-width: 7em; padding: 0.3em 1.2em; box-shadow: 4px 4px 7px rgba(var(--shadow),.05); font-style: normal; word-break: normal; hyphens: auto; max-width: 80%; } .unith-dh-plugin .msg-text.usr.svelte-components-MessageBubble { color: rgb(var(--background)); background-color: rgb(var(--primary)); border-radius: 20px 0px 20px 20px; align-self: flex-end; text-align: left; } .unith-dh-plugin .msg-text.bkd.svelte-components-MessageBubble { background-color: rgb(var(--background)); color: rgb(var(--body)); border-radius: 0px 20px 20px; align-self: flex-start; } .unith-dh-plugin .timestamp.svelte-components-MessageBubble { font-style: normal; width: 100%; color: rgb(var(--body)); margin-top: 0.3em; font-size: x-small; } .unith-dh-plugin .hoverable.svelte-components-MessageBubble { cursor: pointer; transition: color 0.2s ease-in-out 0s; } .unith-dh-plugin .hoverable.bkd.svelte-components-MessageBubble { transition: color 0.2s ease-in-out 0s; } .unith-dh-plugin .hoverable.bkd.svelte-components-MessageBubble:hover { color: rgb(var(--primary)); } .unith-dh-plugin .hoverable.usr.svelte-components-MessageBubble:hover { color: rgb(var(--body)); } .unith-dh-plugin .text-container.svelte-components-MessageBubble { display: flex; flex-direction: column; } .unith-dh-plugin .text-container.bkd.svelte-components-MessageBubble { align-items: flex-end; } .unith-dh-plugin .text-container.usr.svelte-components-MessageBubble { align-items: flex-start; } .unith-dh-plugin .container.svelte-components-MessageBubble { display: flex; color: rgb(var(--body)); } .unith-dh-plugin .container.bkd.svelte-components-MessageBubble { flex-direction: row; margin-right: 10px; } .unith-dh-plugin .container.usr.svelte-components-MessageBubble { flex-direction: row-reverse; } .unith-dh-plugin .timestamp.bkd.svelte-components-MessageBubble { text-align: left; } .unith-dh-plugin .timestamp.usr.svelte-components-MessageBubble { text-align: right; } .unith-dh-plugin div.svelte-components-Avatar { display: flex; } .unith-dh-plugin img.svelte-components-Avatar { border-radius: 50%; margin: auto; } .unith-dh-plugin .user-input-container.svelte-components-InputContainer { flex: 1 1 0%; } .unith-dh-plugin .input-container.svelte-components-InputContainer { display: flex; background: rgb(var(--background)); box-shadow: 0 4px 20px 0 rgba(var(--shadow),.2); border-radius: 10px; margin: 0.5em 1em 0px; z-index: 2; } .unith-dh-plugin .input-button.svelte-components-InputContainer { color: rgb(var(--body)); background-color: rgba(var(--primary),.2); border: none; border-radius: 0.5em; margin: 0.5em 1em 0.5em 0.5em; display: flex; padding: 0.6em; align-items: center; justify-content: center; transition: all 0.2s ease-in-out 0s; } .unith-dh-plugin .input-button.svelte-components-InputContainer:hover { cursor: pointer; background-color: rgb(var(--primary)); } .unith-dh-plugin .input-button.svelte-components-InputContainer:disabled { opacity: 0.4; background-color: rgba(var(--primary),.7); cursor: unset; } .unith-dh-plugin .user-input.svelte-components-InputContainer { display: flex; height: fit-content; flex-direction: column; } .unith-dh-plugin .controls.svelte-components-InputContainer { display: flex; color: rgb(var(--body)); flex-direction: row; place-content: center space-around; z-index: 1; background-color: rgb(var(--body),.7); border-radius: 0px 0px 2em 2em; padding-top: 2em; padding-bottom: 0.75em; margin: -1.25em 1em 0.5em; } .unith-dh-plugin .hide-chat-controls.svelte-components-InputContainer { display: none; } .unith-dh-plugin .text-box.svelte-components-InputContainer { align-self: center; flex: 1 1 0%; background: rgb(var(--background)); border-radius: 0.7em; width: 100%; border: none; font-style: normal; padding: 1em 1.5em; color: rgb(var(--body)); } .unith-dh-plugin .text-box.svelte-components-InputContainer:focus { outline: 0px; } .unith-dh-plugin .recording.svelte-components-InputContainer { animation: 1s ease-in-out 0s infinite normal none running svelte-components-InputContainer-grow; background-color: rgb(var(--secondary)); z-index: 10; } .unith-dh-plugin .recording.svelte-components-InputContainer:hover { background-color: rgb(var(--secondary)); cursor: unset; } .unith-dh-plugin .recording.svelte-components-InputContainer:disabled { background-color: rgb(var(--secondary)); opacity: 1; } .unith-dh-plugin .progress-bar.svelte-components-InputContainer { animation: 1.5s ease-in 0s 1 normal forwards running svelte-components-InputContainer-progress; border: none; background-color: rgb(var(--secondary)); width: 0px; margin: 0px 1em; height: 0.1em; border-radius: 1em; } .unith-dh-plugin .msg.svelte-components-MessageInfo { min-width: 150px; border-bottom: 1px solid rgb(var(--primary)); width: 80%; margin: 1em auto; } .unith-dh-plugin .msg-text.svelte-components-MessageInfo { width: 100%; min-width: 7em; font-style: normal; word-break: normal; hyphens: auto; font-size: small; text-align: center; } .unith-dh-plugin .container.svelte-components-MessageInfo { display: flex; flex-direction: column; align-items: center; } .unith-dh-plugin .timestamp.svelte-components-MessageInfo { font-style: normal; width: 100%; color: rgb(var(--body)); font-size: x-small; } .unith-dh-plugin .svelte-components-VideoMixerPlaceholder { color: rgba(var(--body)); } .unith-dh-plugin .video-item { position: relative; grid-area: 2 / 1 / 2 / 2; } .unith-dh-plugin .full-screen-video { position: absolute; height: 100%; width: 100%; inset: 0px; z-index: 105; border-radius: 0px !important; } .unith-dh-plugin .rectangle.svelte-components-VideoMixerPlaceholder { width: 40%; height: 50%; position: absolute; z-index: -1; background-color: rgba(var(--primary),.1); border-radius: 10em; right: 15%; top: 40%; } .unith-dh-plugin .video-container-container.svelte-components-VideoMixerPlaceholder { display: flex; justify-content: flex-start; flex: 1 1 0%; flex-direction: column; } .unith-dh-plugin .video-container.svelte-components-VideoMixerPlaceholder { flex: 0 1 0%; display: grid; margin-left: 5%; margin-right: calc(5% - 47px); } .unith-dh-plugin .controls.svelte-components-VideoMixerPlaceholder { flex-grow: 0; display: flex; flex-flow: row; width: 17em; padding: 0.5em; justify-content: space-around; place-self: flex-end center; grid-area: 2 / 1 / 2 / 2; border-radius: 15px; z-index: 1; } .unith-dh-plugin .top-right-grid.svelte-components-VideoMixerPlaceholder { display: grid; grid-area: 2 / 1 / 2 / 2; z-index: 103; place-self: start end; margin: 1.5em; border: none; align-items: center; } .unith-dh-plugin .subtitle-button.svelte-components-VideoMixerPlaceholder { cursor: pointer; color: rgb(var(--background)); background-color: rgba(var(--body),.7); border-radius: 0.25em; display: flex; align-items: center; justify-content: center; margin-top: 0.5em; padding: 0.25em 0px; } .unith-dh-plugin .full-screen-button.svelte-components-VideoMixerPlaceholder { cursor: pointer; display: grid; color: rgb(var(--background)); background-color: rgba(var(--body),.7); border-radius: 0.25em; } .unith-dh-plugin .backdrop-blur.svelte-components-VideoMixerPlaceholder { background-color: rgba(var(--body),.3); } .unith-dh-plugin .video-header.svelte-components-VideoMixerPlaceholder { display: flex; align-items: center; justify-content: space-between; margin: 0.5% 1em; } .unith-dh-plugin .video-header-left.svelte-components-VideoMixerPlaceholder { display: flex; justify-content: flex-end; align-items: center; } .unith-dh-plugin .video-header-right.svelte-components-VideoMixerPlaceholder { display: flex; justify-content: flex-end; align-items: center; } .unith-dh-plugin .start.svelte-components-VideoMixerPlaceholder { background-color: rgb(var(--background)); transition: color 0.2s ease-in-out 0s; color: rgb(var(--body)); flex-direction: column; } .unith-dh-plugin .video-bottom.svelte-components-VideoMixerPlaceholder { display: flex; flex: 1 1 0%; flex-direction: column; margin-left: 5%; margin-right: calc(5% - 47px); justify-content: space-between; align-items: flex-start; } .unith-dh-plugin .title.svelte-components-VideoMixerPlaceholder { display: flex; flex-direction: row; margin-top: 2em; width: 100%; } .unith-dh-plugin .title-text.svelte-components-VideoMixerPlaceholder { font-weight: 500; font-size: larger; margin-left: 2.9em; margin-top: 0px; } .unith-dh-plugin .bulletpoint.svelte-components-VideoMixerPlaceholder { padding-left: 0.4em; margin-left: 1em; color: rgb(var(--primary)); } .unith-dh-plugin .highlight.svelte-components-VideoMixerPlaceholder { margin-left: 2em; opacity: 1; border-radius: 0.5em; background-color: rgba(var(--primary),.15); font-weight: lighter; padding-left: 1em; padding-right: 1em; } .unith-dh-plugin .touch-icon.svelte-components-VideoMixerPlaceholder { width: 5em; height: 5em; } .unith-dh-plugin .is-full-screen-video.svelte-components-VideoMixerPlaceholder { margin: 0px; } .unith-dh-plugin .full-screen-hide.svelte-components-VideoMixerPlaceholder { display: none; } .unith-dh-plugin video.svelte-components-VideoMixer1-VideoPlayerIdle { width: 100%; min-width: 40%; transition: opacity var(--fade-time) ease; box-shadow: 0 0 18px -10px rgba(var(--shadow),.4); border-radius: 1em; } .unith-dh-plugin .lg.svelte-components-VideoMixer1-VideoPlayerIdle { width: 30em; } .unith-dh-plugin .fade-out.svelte-components-VideoMixer1-VideoPlayerIdle { opacity: 0; } .unith-dh-plugin .full-screen.svelte-components-VideoMixer1-VideoPlayerIdle { object-fit: cover; z-index: 0; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); } .unith-dh-plugin .horizontal-screen.svelte-components-VideoMixer1-VideoPlayerIdle { object-fit: cover; z-index: 0; height: 85%; } .unith-dh-plugin video.svelte-components-VideoMixer1-VideoPlayer { width: 100%; min-width: 40%; border-radius: 1em; transition: opacity var(--fade-time) ease; } .unith-dh-plugin .outline.svelte-components-VideoMixer1-VideoPlayer { box-shadow: 0 0 0 3px rgb(var(--primary)); } .unith-dh-plugin input.svelte-components-VideoMixer1-VideoPlayer { width: 4em; } .unith-dh-plugin .lg.svelte-components-VideoMixer1-VideoPlayer { width: 30em; } .unith-dh-plugin .full-screen.svelte-components-VideoMixer1-VideoPlayer { height: 100%; object-fit: cover; position: absolute; left: 50%; transform: translateX(-50%); } .unith-dh-plugin .fade-out.svelte-components-VideoMixer1-VideoPlayer { opacity: 0; } .unith-dh-plugin button.svelte-components-Controls { border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(var(--body)); background: rgb(var(--background)) none; border-radius: 0.5em; padding: 0.3em; } .unith-dh-plugin button.svelte-components-Controls:hover { color: rgb(var(--primary)); } .unith-dh-plugin .mute.svelte-components-Controls { color: rgb(var(--background)); background-color: rgb(var(--primary)); } .unith-dh-plugin .mute.svelte-components-Controls:hover { color: rgb(var(--body)); } .unith-dh-plugin .suggestion-container.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { flex-direction: column; flex-shrink: 0; display: block; border-radius: 0.7em 0.7em 0px 0px; margin: -0.25em 1em -1.25em; padding-bottom: 0.5em; position: relative; width: calc(100% - 2em); background-color: rgba(var(--body),.6); box-shadow: 0 4px 20px 0 rgba(var(--shadow),.2); top: 0px; transition: all 0.2s ease-in-out 0s; } .unith-dh-plugin .suggestions-hidden.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { margin-bottom: -2em; } .unith-dh-plugin .suggestion.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: medium; color: rgb(var(--background)); text-align: center; padding: 0.3em; scroll-snap-align: center; margin: 0.2em 1em; border-bottom: 1px solid rgb(var(--background)); } .unith-dh-plugin .suggestion.svelte-components-SuggestionContainer > p.svelte-components-SuggestionContainer { min-width: 1em; } .unith-dh-plugin .suggestion-title-container.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { color: rgb(var(--body)); background-color: rgb(var(--primary)); font-size: small; border-radius: 0.7em 0.7em 0px 0px; height: 3em; display: grid; grid-template-columns: 1.2fr min-content 1.2fr; padding: 0px 5%; } .unith-dh-plugin .suggestion-title.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { place-self: center; text-transform: uppercase; text-align: center; font-size: smaller; font-weight: 700; transition: all 0.2s ease-in-out 0s; } .unith-dh-plugin .waiting-response.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { display: flex; position: absolute; bottom: 1.12em; } .unith-dh-plugin .align-top.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { margin-top: -1.1em; } .unith-dh-plugin .align-title-paused.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { padding-bottom: 1.2em; } .unith-dh-plugin .center-title.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { display: flex; place-self: center; padding-top: 1em; } .unith-dh-plugin .past-selected.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { color: rgb(var(--primary)); background-color: rgba(var(--primary),.1); } .unith-dh-plugin .suggestion.selectable.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer:hover { color: rgb(var(--primary)); cursor: pointer; } .unith-dh-plugin .blinking.svelte-components-SuggestionContainer.svelte-components-SuggestionContainer { animation: 3s ease-in 0s infinite normal none running svelte-components-SuggestionContainer-blinking; border-radius: 1em; padding: 0px 0.5em; } .unith-dh-plugin .subtitles.svelte-components-Subtitles { position: relative; display: flex; flex-direction: column; justify-content: end; align-items: center; width: 100%; height: 100%; grid-area: 2 / 1 / 2 / 2; } .unith-dh-plugin .subtitles-top.svelte-components-Subtitles { justify-content: start; } .unith-dh-plugin .msg.svelte-components-Subtitles { z-index: 101; padding: 0.25em 0.5em; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; text-align: center; font-size: 1.5em; max-width: 80%; overflow-wrap: break-word; hyphens: manual; } .unith-dh-plugin .margin-top.svelte-components-Subtitles { margin-top: 0.75em; } .unith-dh-plugin .margin-bottom.svelte-components-Subtitles { margin-bottom: calc(2.1em + 32px); } .unith-dh-plugin .icon.svelte-components-DownloadButton { display: flex; align-items: center; margin: 0.2em 1em 0.2em 0.2em; color: rgb(var(--body)); } .unith-dh-plugin .download-area.svelte-components-DownloadButton { display: flex; cursor: pointer; flex-shrink: 0; flex-direction: row; align-items: center; background: rgb(var(--download-button-background)); border-radius: 1em; padding: 0.2em 0.7em 0.2em 0.5em; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; } .unith-dh-plugin .download-container.svelte-components-DownloadButton { display: none; flex-direction: row; flex: 1 0 0%; align-items: center; justify-content: right; } .unith-dh-plugin .download.svelte-components-DownloadButton { display: flex; flex-direction: row; color: rgb(var(--primary)); } .unith-dh-plugin .download-horizontal.svelte-components-DownloadButton { margin-left: 5em; margin-right: 3.5em; } .unith-dh-plugin .session-counter.svelte-components-UserCount { margin-left: 0.75em; background-color: rgb(var(--background)); border-radius: 12px; width: 2em; height: 2em; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0.5px; } .unith-dh-plugin .icon.svelte-components-UserCount { display: flex; align-items: center; margin: 0.2em 1em 0.2em 0.2em; color: rgb(var(--body)); } .unith-dh-plugin .user-count.svelte-components-UserCount { flex-grow: 1; flex-shrink: 0; margin-top: 0.25em; margin-left: 0.1em; display: flex; flex-direction: row; padding-left: 0.75em; color: rgb(var(--body)); } .unith-dh-plugin .user-count-text.svelte-components-UserCount { margin-left: 2em; font-weight: 500; } .unith-dh-plugin .horizontal-screen.svelte-components-UserCount { margin-top: 0px !important; } .unith-dh-plugin p.svelte-components-CircularTimer { z-index: 1; background: rgb(var(--primary-dimmed)); color: rgb(var(--body)); height: 100%; width: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .unith-dh-plugin .pie-pressure.svelte-components-CircularTimer { display: flex; align-items: center; justify-content: center; place-self: center flex-end; width: 25px; height: 25px; position: relative; background-clip: padding-box; border-radius: 50%; border: 3px solid transparent; margin-right: 1em; } .unith-dh-plugin .pie-pressure.svelte-components-CircularTimer::before { z-index: 0; content: ""; position: absolute; inset: 0px; margin: -3px; border-radius: inherit; background: repeating-conic-gradient(rgba(var(--background),.3) 0deg,rgba(var(--background),.3) 7.5deg,#ffffff00 7.5deg,#ffffff00 15deg); } .unith-dh-plugin .pie-pressure.svelte-components-CircularTimer::after { z-index: 0; content: ""; position: absolute; inset: 0px; margin: -3px; border-radius: inherit; background: var(--gradient); } .unith-dh-plugin :root { --rem-base: 10px; --base-font-size: 20px; --base-line-height: 1.2; --vertical-rhythm: calc(var(--base-line-height) * 1em); --sm-font-size: 16px; --sm-line-height: 1.2; --color-black: #000; --color-black-100: #1d1d1d; --color-black-200: #232323; --color-black-300: #3a3a3a; --color-white: #fff; --color-white-100: #f2f2f2; --color-white-200: #e8e8e8; --color-white-300: #e0e0e0; --color-white-400: #f3f3f3; --color-gray: #8b8b8b; --color-gray-100: #999; --color-gray-200: #dedede; --color-gray-300: #bdbdbd; --color-blue: #0046ff; --color-orange: #ff6e1e; --color-purple: #875aff; --color-green: #00de73; --color-red: #c02b0a; --gradient-blue-orange: linear-gradient(90deg, #0046ff 0%, #875aff 49%, #ff6e1e 100%); --brand-color: var(--color-blue); --accent-color: var(--color-purple); --base-text-color: var(--color-gray); --base-link-color: var(--brand-color); --h1-h6-color: var(--color-black-100); --animation-duration: 0.3s; --animation-timing-function: ease; --input-x: 20px; --input-y: 15px; --input-fz: 18px; --gutter: 15px; --header-min-height: 55px; --input-color: var(--color-black-200); --input-placeholder-color: var(--color-gray); --input-bg-color: transparent; --input-radius: 15px; --input-b: 1px; --input-border-color: var(--color-gray); --input-focus-border-color: var(--color-blue); --form-theme-color: var(--brand-color); --checkbox-size: 28px; --radio-size: 28px; --label-fz: 18px; --label-color: var(--color-black); --error-color: red; --error-bg-color: #ffb3b3; --form-col-gutter: 20px; --form-row-margin: 30px; --radius: 20px; --radius-sm: 15px; --radius-lg: 40px; --h1: 60px; --h2: 38px; --h3: 20px; --h4: 18px; --h5: 16px; --h6: 14px; --btn-y: 13px; --btn-x: 30px; --btn-b: 1px; --btn-r: var(--radius-lg); --btn-fz: 16px; --btn-input-y: 15px; --btn-input-x: 20px; --btn-input-b: 1px; --btn-input-r: 0; --btn-input-fz: 18px; } .unith-dh-plugin html { text-size-adjust: 100%; } .unith-dh-plugin body { margin: 0px; } .unith-dh-plugin main { display: block; } .unith-dh-plugin strong { font-weight: bolder; } .unith-dh-plugin code { font-family: monospace, monospace; font-size: 1em; } .unith-dh-plugin small { font-size: 80%; } .unith-dh-plugin sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .unith-dh-plugin sub { bottom: -0.25em; } .unith-dh-plugin img { border-style: none; } .unith-dh-plugin button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } .unith-dh-plugin button, input { overflow: visible; } .unith-dh-plugin button, select { text-transform: none; } .unith-dh-plugin [type="button"], [type="reset"], [type="submit"], button { appearance: button; } .unith-dh-plugin fieldset { padding: 0.35em 0.75em 0.625em; } .unith-dh-plugin legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } .unith-dh-plugin progress { vertical-align: baseline; } .unith-dh-plugin textarea { overflow: auto; } .unith-dh-plugin [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } .unith-dh-plugin [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } .unith-dh-plugin [type="search"] { appearance: textfield; outline-offset: -2px; } .unith-dh-plugin [type="search"]::-webkit-search-decoration { appearance: none; } .unith-dh-plugin ::-webkit-file-upload-button { appearance: button; font: inherit; } .unith-dh-plugin details { display: block; } .unith-dh-plugin summary { display: list-item; } .unith-dh-plugin template { display: none; } .unith-dh-plugin [hidden] { display: none; } .unith-dh-plugin .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .unith-dh-plugin .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-button > .vjs-icon-placeholder::before { text-align: center; } .unith-dh-plugin .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-play-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-play-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-mute-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-au) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-gb) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-ie) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-nz) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js .vjs-subtitles-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-au) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-gb) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-ie) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js.video-js:lang(en-nz) .vjs-subs-caps-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-ca) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-captions-button .vjs-icon-placeholder::before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder::before, .video-js:lang(fr-ca) .vjs-subs-caps-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-chapters-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-play-progress::before, .video-js .vjs-volume-level::before, .vjs-seek-to-live-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-descriptions-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-audio-button .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .unith-dh-plugin .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder::before { content: ""; } .unith-dh-plugin .video-js { display: block; vertical-align: top; box-sizing: border-box; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); position: relative; padding: 0px; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .unith-dh-plugin .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .unith-dh-plugin .video-js[tabindex="-1"] { outline: 0px; } .unith-dh-plugin .video-js *, .video-js ::after, .video-js ::before { box-sizing: inherit; } .unith-dh-plugin .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0px; } .unith-dh-plugin .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0px; } .unith-dh-plugin .video-js.vjs-fill { width: 100%; height: 100%; } .unith-dh-plugin .video-js .vjs-tech { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .unith-dh-plugin body.vjs-full-window { padding: 0px; margin: 0px; height: 100%; } .unith-dh-plugin .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; inset: 0px; } .unith-dh-plugin .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { width: 100% !important; height: 100% !important; padding-top: 0px !important; } .unith-dh-plugin .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .unith-dh-plugin .vjs-hidden { display: none !important; } .unith-dh-plugin .vjs-disabled { opacity: 0.5; cursor: default; } .unith-dh-plugin .vjs-lock-showing { opacity: 1; visibility: visible; display: block !important; } .unith-dh-plugin .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0px; cursor: pointer; opacity: 1; border: 0.06666em solid rgb(255, 255, 255); background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s ease 0s; } .unith-dh-plugin .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: rgb(255, 255, 255); background-color: rgba(115, 133, 159, 0.5); transition: all 0s ease 0s; } .unith-dh-plugin .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } .unith-dh-plugin .video-js button { background: 0px 0px; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none 0s ease 0s; appearance: none; } .unith-dh-plugin .vjs-control .vjs-button { width: 100%; height: 100%; } .unith-dh-plugin .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0px; top: 0.5em; z-index: 2; } .unith-dh-plugin .video-js .vjs-modal-dialog { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .unith-dh-plugin .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .unith-dh-plugin .vjs-menu-button { cursor: pointer; } .unith-dh-plugin .vjs-menu-button.vjs-disabled { cursor: default; } .unith-dh-plugin .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .unith-dh-plugin .vjs-menu .vjs-menu-content { display: block; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .unith-dh-plugin .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .unith-dh-plugin .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .unith-dh-plugin .vjs-menu li { list-style: none; margin: 0px; padding: 0.2em 0px; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .unith-dh-plugin .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: rgba(115, 133, 159, 0.5); } .unith-dh-plugin .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: rgb(255, 255, 255); color: rgb(43, 51, 63); } .unith-dh-plugin .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0px; margin: 0px 0px 0.3em; font-weight: 700; cursor: default; } .unith-dh-plugin .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 3em; background-color: rgba(43, 51, 63, 0.7); } .unith-dh-plugin .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s; } .unith-dh-plugin .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease 0s; } .unith-dh-plugin .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .unith-dh-plugin .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .unith-dh-plugin .video-js .vjs-control { position: relative; text-align: center; margin: 0px; padding: 0px; height: 100%; width: 4em; -webkit-box-flex: 0; flex: 0 0 auto; } .unith-dh-plugin .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height: 1.67; } .unith-dh-plugin .video-js .vjs-control:focus, .video-js .vjs-control:focus::before, .video-js .vjs-control:hover::before { text-shadow: rgb(255, 255, 255) 0px 0px 1em; } .unith-dh-plugin .video-js .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .unith-dh-plugin .video-js .vjs-custom-control-spacer { display: none; } .unith-dh-plugin .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: 1; flex: 1 1 auto; display: flex; -webkit-box-align: center; align-items: center; min-width: 4em; touch-action: none; } .unith-dh-plugin .video-js .vjs-progress-control.disabled { cursor: default; } .unith-dh-plugin .vjs-live .vjs-progress-control { display: none; } .unith-dh-plugin .vjs-liveui .vjs-progress-control { display: flex; -webkit-box-align: center; align-items: center; } .unith-dh-plugin .video-js .vjs-progress-holder { -webkit-box-flex: 1; flex: 1 1 auto; transition: all 0.2s ease 0s; height: 0.3em; } .unith-dh-plugin .video-js .vjs-progress-control .vjs-progress-holder { margin: 0px 10px; } .unith-dh-plugin .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.66667em; } .unith-dh-plugin .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .unith-dh-plugin .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0px; padding: 0px; width: 0px; } .unith-dh-plugin .video-js .vjs-play-progress { background-color: rgb(255, 255, 255); } .unith-dh-plugin .video-js .vjs-play-progress::before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.333333em; z-index: 1; } .unith-dh-plugin .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .unith-dh-plugin .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .unith-dh-plugin .video-js .vjs-time-tooltip { background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: rgb(0, 0, 0); float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .unith-dh-plugin .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .unith-dh-plugin .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .unith-dh-plugin .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .unith-dh-plugin .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: rgb(0, 0, 0); z-index: 1; } .unith-dh-plugin .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .unith-dh-plugin .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s ease 0s, opacity 1s ease 0s; } .unith-dh-plugin .vjs-mouse-display .vjs-time-tooltip { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); } .unith-dh-plugin .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0px; margin: 0px 0.45em; user-select: none; background-color: rgba(115, 133, 159, 0.5); } .unith-dh-plugin .video-js .vjs-slider.disabled { cursor: default; } .unith-dh-plugin .video-js .vjs-slider:focus { text-shadow: rgb(255, 255, 255) 0px 0px 1em; box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .unith-dh-plugin .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: 0; flex: 0 0 auto; } .unith-dh-plugin .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .unith-dh-plugin .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .unith-dh-plugin .video-js .vjs-volume-panel { transition: width 1s ease 0s; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s, height 0.1s ease 0s, width 0.1s ease 0s, left 0s ease 0s, top 0s ease 0s; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0px; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical { left: -3.5em; transition: left 0s ease 0s; } .unith-dh-plugin .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active { width: 10em; transition: width 0.1s ease 0s; } .unith-dh-plugin .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, width 1s ease 1s, left 1s ease 1s, top 1s ease 1s; } .unith-dh-plugin .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s ease 0s, opacity 1s ease 0s, height 1s ease 1s, width 1s ease 0s, left 1s ease 1s, top 1s ease 1s; } .unith-dh-plugin .video-js .vjs-volume-panel { display: flex; } .unith-dh-plugin .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .unith-dh-plugin .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .unith-dh-plugin .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .unith-dh-plugin .video-js .vjs-volume-level { position: absolute; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); } .unith-dh-plugin .video-js .vjs-volume-level::before { position: absolute; font-size: 0.9em; } .unith-dh-plugin .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .unith-dh-plugin .vjs-slider-vertical .vjs-volume-level::before { top: -0.5em; left: -0.3em; } .unith-dh-plugin .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .unith-dh-plugin .vjs-slider-horizontal .vjs-volume-level::before { top: -0.3em; right: -0.5em; } .unith-dh-plugin .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .unith-dh-plugin .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .unith-dh-plugin .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .unith-dh-plugin .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: rgba(43, 51, 63, 0.7); } .unith-dh-plugin .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .unith-dh-plugin .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: rgb(0, 0, 0); cursor: pointer; margin: 0px; padding: 0px; position: absolute; inset: 0px; height: 100%; } .unith-dh-plugin .vjs-has-started .vjs-poster { display: none; } .unith-dh-plugin .vjs-audio.vjs-has-started .vjs-poster { display: block; } .unith-dh-plugin .vjs-using-native-controls .vjs-poster { display: none; } .unith-dh-plugin .video-js .vjs-live-control { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1 1 auto; font-size: 1em; line-height: 3em; } .unith-dh-plugin .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control { display: none; } .unith-dh-plugin .video-js .vjs-seek-to-live-control { cursor: pointer; -webkit-box-flex: 0; flex: 0 0 auto; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .unith-dh-plugin .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .unith-dh-plugin .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .unith-dh-plugin .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: rgb(136, 136, 136); } .unith-dh-plugin .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .unith-dh-plugin .video-js .vjs-time-control { -webkit-box-flex: 0; flex: 0 0 auto; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .unith-dh-plugin .vjs-live .vjs-time-control { display: none; } .unith-dh-plugin .video-js .vjs-current-time { display: none; } .unith-dh-plugin .video-js .vjs-duration { display: none; } .unith-dh-plugin .vjs-time-divider { display: none; line-height: 3em; } .unith-dh-plugin .vjs-live .vjs-time-divider { display: none; } .unith-dh-plugin .video-js .vjs-play-control { cursor: pointer; } .unith-dh-plugin .video-js .vjs-play-control .vjs-icon-placeholder { -webkit-box-flex: 0; flex: 0 0 auto; } .unith-dh-plugin .vjs-text-track-display { position: absolute; inset: 0px 0px 3em; pointer-events: none; } .unith-dh-plugin .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .unith-dh-plugin video::-webkit-media-text-track-display { transform: translateY(-3em); } .unith-dh-plugin .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .unith-dh-plugin .video-js .vjs-picture-in-picture-control { cursor: pointer; -webkit-box-flex: 0; flex: 0 0 auto; } .unith-dh-plugin .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: 0; flex: 0 0 auto; } .unith-dh-plugin .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .unith-dh-plugin .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .unith-dh-plugin .vjs-playback-rate .vjs-menu { width: 4em; left: 0px; } .unith-dh-plugin .vjs-error .vjs-error-display::before { color: rgb(255, 255, 255); content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0px; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: rgb(0, 0, 0) 0.05em 0.05em 0.1em; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .unith-dh-plugin .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .unith-dh-plugin .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: 0s linear 0.3s 1 normal forwards running vjs-spinner-show; } .unith-dh-plugin .vjs-loading-spinner::after, .vjs-loading-spinner::before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border-style: inherit; border-width: inherit; border-image: inherit; border-color: rgb(255, 255, 255) transparent transparent; } .unith-dh-plugin .vjs-seeking .vjs-loading-spinner::after, .vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::before { animation: 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) 0s infinite normal none running vjs-spinner-spin, 1.1s linear 0s infinite normal none running vjs-spinner-fade; } .unith-dh-plugin .vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::before { border-top-color: rgb(255, 255, 255); } .unith-dh-plugin .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } .unith-dh-plugin .vjs-chapters-button .vjs-menu ul { width: 24em; } .unith-dh-plugin .vjs-modal-dialog.vjs-text-track-settings { background-color: rgba(43, 51, 63, 0.75); color: rgb(255, 255, 255); height: 70%; } .unith-dh-plugin .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell; } .unith-dh-plugin .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } .unith-dh-plugin .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .unith-dh-plugin .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .unith-dh-plugin .vjs-text-track-settings fieldset span { display: inline-block; } .unith-dh-plugin .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .unith-dh-plugin .vjs-text-track-settings legend { color: rgb(255, 255, 255); margin: 0px 0px 5px; } .unith-dh-plugin .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0px 0px 5px; padding: 0px; border: 0px; height: 1px; width: 1px; overflow: hidden; } .unith-dh-plugin .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159) 100%); } .unith-dh-plugin .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .unith-dh-plugin .vjs-track-settings-controls button { background-color: rgb(255, 255, 255); background-image: linear-gradient(-180deg, rgb(255, 255, 255) 88%, rgb(115, 133, 159) 100%); color: rgb(43, 51, 63); cursor: pointer; border-radius: 2px; } .unith-dh-plugin .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .unith-dh-plugin .vjs-resize-manager { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: -1000; } .unith-dh-plugin .video-js .vjs-menu :focus:not(:focus-visible), .video-js :focus:not(:focus-visible) { outline: 0px; background: 0px 0px; } .unith-dh-plugin :root { --swiper-theme-color: #007aff; } .unith-dh-plugin .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .unith-dh-plugin .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; } .unith-dh-plugin .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .unith-dh-plugin .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; } .unith-dh-plugin .swiper-slide-invisible-blank { visibility: hidden; } .unith-dh-plugin :root { --swiper-navigation-size: 44px; } .unith-dh-plugin .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .unith-dh-plugin .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .unith-dh-plugin .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .unith-dh-plugin .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .unith-dh-plugin .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; line-height: 1; text-transform: none !important; } .unith-dh-plugin .swiper-button-prev { left: 10px; right: auto; } .unith-dh-plugin .swiper-button-prev::after { content: "prev"; } .unith-dh-plugin .swiper-button-next { right: 10px; left: auto; } .unith-dh-plugin .swiper-button-next::after { content: "next"; } .unith-dh-plugin .swiper-button-lock { display: none; } .unith-dh-plugin .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .unith-dh-plugin .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); } .unith-dh-plugin .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .unith-dh-plugin .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .unith-dh-plugin .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .unith-dh-plugin .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; } .unith-dh-plugin .swiper-scrollbar-lock { display: none; } .unith-dh-plugin .swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; } .unith-dh-plugin .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .unith-dh-plugin .swiper-slide-zoomed { cursor: move; } .unith-dh-plugin .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .unith-dh-plugin .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .unith-dh-plugin .swiper .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .unith-dh-plugin .bg-str img { width: 100%; max-width: none; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .unith-dh-plugin .button, button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-height: 45px; border-style: solid; transition: all var(--animation-duration) var(--animation-timing-function); font-family: Alliance, Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; white-space: nowrap; font-weight: 500; cursor: pointer; padding: var(--btn-y) var(--btn-x); font-size: var(--btn-fz); border-radius: var(--btn-r); border-width: var(--btn-b); line-height: 1; color: var(--brand-color); background-color: transparent; border-color: var(--brand-color); } .unith-dh-plugin .button:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: var(--color-white); background-color: var(--brand-color); border-color: var(--brand-color); } .unith-dh-plugin .bg-dark .button, .bg-dark button[type="submit"], .bg-dark input[type="button"], .bg-dark input[type="reset"], .bg-dark input[type="submit"] { color: var(--color-white); } .unith-dh-plugin .button:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { text-decoration: none; background-color: var(--brand-color); color: var(--color-white); border-color: var(--brand-color); } .unith-dh-plugin .button .icon, button[type="submit"] .icon, input[type="button"] .icon, input[type="reset"] .icon, input[type="submit"] .icon { margin: 0px 0px 0px 10px; } .unith-dh-plugin .button-secondary, button[type="submit"].button-secondary, input[type="button"].button-secondary, input[type="reset"].button-secondary, input[type="submit"].button-secondary { background: var(--brand-color); color: var(--color-white); border-color: var(--brand-color); } .unith-dh-plugin .button-secondary:hover, button[type="submit"].button-secondary:hover, input[type="button"].button-secondary:hover, input[type="reset"].button-secondary:hover, input[type="submit"].button-secondary:hover { background-color: transparent; color: var(--brand-color); } .unith-dh-plugin .bg-dark .button-secondary, .bg-dark button[type="submit"].button-secondary, .bg-dark input[type="button"].button-secondary, .bg-dark input[type="reset"].button-secondary, .bg-dark input[type="submit"].button-secondary { color: var(--color-white); } .unith-dh-plugin .bg-dark .button-secondary:hover { color: var(--color-white); } .unith-dh-plugin fieldset, form { border: none; display: block; padding: 0px; margin: 0 0 var(--vertical-rhythm) 0; color: var(--base-text-color); } .unith-dh-plugin label { display: block; font-weight: 400; font-size: var(--label-fz); line-height: 1.333; color: var(--label-color); margin: 0px 0px 8px; } .unith-dh-plugin label a { text-decoration: underline; } .unith-dh-plugin label a:hover { text-decoration: none; } .unith-dh-plugin label span { color: var(--color-gray-300); } .unith-dh-plugin input[type="date"], input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea { appearance: none; outline: 0px; background: var(--input-bg-color); border: var(--input-b) solid var(--input-border-color); border-radius: var(--input-radius); max-width: 100%; width: 100%; padding-top: ; padding-bottom: ; padding-left: ; padding-right: 20px; font-size: var(--input-fz); line-height: 1.333; font-weight: 400; color: var(--input-color); text-align: left; } .unith-dh-plugin input[type="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--input-placeholder-color); opacity: 1; transition: opacity 0.15s linear 0s; } .unith-dh-plugin input[type="date"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, textarea:focus { border-color: var(--input-focus-border-color); } .unith-dh-plugin input[type="date"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="file"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="url"]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; } .unith-dh-plugin textarea { resize: none; vertical-align: top; width: 100%; height: 150px; border: 1px solid var(--input-border-color); } .unith-dh-plugin button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { appearance: none; } .unith-dh-plugin input[type="reset"] { margin-bottom: 13px; } .unith-dh-plugin input[type="file"] { max-width: 100%; } .unith-dh-plugin input[type="search"]::-webkit-search-cancel-button { appearance: none; } .unith-dh-plugin .jcf-checkbox { vertical-align: middle; display: inline-block; position: relative; overflow: hidden; cursor: default; background: var(--input-bg-color); border: 1px solid var(--input-border-color); margin: 0px 10px 0px 0px; height: var(--checkbox-size); width: var(--checkbox-size); -webkit-box-flex: 0; flex: 0 0 var(--checkbox-size); } .unith-dh-plugin .jcf-checkbox span { position: absolute; display: none; inset: 5px; background: var(--color-black); } .unith-dh-plugin .jcf-checkbox input[type="checkbox"] { position: absolute; width: 100%; height: 100%; border: 0px; margin: 0px; left: 0px; top: 0px; } .unith-dh-plugin .jcf-checkbox.jcf-checked span { display: block; } .unith-dh-plugin .jcf-radio { vertical-align: middle; display: inline-block; position: relative; cursor: default; border: 1px solid var(--input-border-color); border-radius: 50%; margin: 0px 4px 0px 0px; height: var(--radio-size); width: var(--radio-size); max-width: var(--radio-size); -webkit-box-flex: 0; flex: 0 0 var(--radio-size); } .unith-dh-plugin .jcf-radio span { display: none; position: absolute; inset: 5px; z-index: 2; border-radius: 50%; border: 1px solid var(--input-border-color); background: var(--input-border-color); } .unith-dh-plugin .jcf-radio input[type="radio"] { position: absolute; height: 100%; width: 100%; border: 0px; margin: 0px; left: 0px; top: 0px; } .unith-dh-plugin .jcf-radio.jcf-checked span { display: block; } .unith-dh-plugin .jcf-select { display: inline-block; vertical-align: top; position: relative; border: var(--btn-b) solid var(--input-border-color); border-radius: var(--input-radius); background: var(--input-bg-color); min-width: 0px; width: 100%; padding-top: ; padding-bottom: ; padding-left: ; padding-right: 24px; font-size: var(--input-fz); line-height: 1.333; font-weight: 400; color: var(--input-color); } .unith-dh-plugin .jcf-select.jcf-drop-active { border-radius: var(--input-radius) var(--input-radius) 0 0; border-color: var(--brand-color); } .unith-dh-plugin .jcf-select.jcf-drop-active .jcf-select-opener::before { transform: rotate(180deg); } .unith-dh-plugin .jcf-select select { z-index: 1; left: 0px; top: 0px; } .unith-dh-plugin .jcf-select .jcf-select-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; display: block; min-height: 1.2em; } .unith-dh-plugin .jcf-select .jcf-select-opener { position: absolute; text-align: center; width: 20px; bottom: 0px; right: 0px; top: 0px; } .unith-dh-plugin .jcf-select .jcf-select-opener::before { content: ""; position: absolute; top: 50%; right: 8px; width: 13px; height: 7px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyNzkuM3B4IiB2aWV3Qm94PSIwIDAgNTEyIDI3OS4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgMjc5LjM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTUwNS4yLDYuOGMtOS4xLTkuMS0yMy44LTkuMS0zMi45LDBMMjU2LDIyMy4xTDM5LjcsNi44Yy05LjEtOS4xLTIzLjgtOS4xLTMyLjksMGMtOS4xLDkuMS05LjEsMjMuOCwwLDMyLjlsMjMyLjcsMjMyLjcKCWM0LjQsNC40LDEwLjMsNi44LDE2LjUsNi44czEyLjEtMi41LDE2LjUtNi44TDUwNS4yLDM5LjdDNTE0LjMsMzAuNiw1MTQuMywxNS45LDUwNS4yLDYuOHoiLz4KPC9zdmc+Cg=="); background-size: 100%; margin-top: -3.5px; } .unith-dh-plugin body > .jcf-select-drop { position: absolute; margin: -1px 0px 0px; z-index: 9999; } .unith-dh-plugin body > .jcf-select-drop.jcf-drop-flipped { margin: 1px 0px 0px; } .unith-dh-plugin .jcf-select .jcf-select-drop { position: absolute; margin-top: 0px; z-index: 9999; top: 100%; left: -1px; right: -1px; } .unith-dh-plugin .jcf-select .jcf-drop-flipped { bottom: 100%; top: auto; } .unith-dh-plugin .jcf-select-drop .jcf-select-drop-content { border: 1px solid var(--brand-color); border-radius: 0 0 var(--input-radius) var(--input-radius); overflow: hidden; } .unith-dh-plugin .jcf-list-box { overflow: hidden; display: inline-block; border: 1px solid var(--input-border-color); min-width: 200px; margin: 0px 15px; } .unith-dh-plugin .jcf-list { display: inline-block; vertical-align: top; position: relative; background: var(--color-white); font-size: var(--input-fz); line-height: 1.2; width: 100%; } .unith-dh-plugin .jcf-list .jcf-list-content { vertical-align: top; display: inline-block; overflow: auto; width: 100%; } .unith-dh-plugin .jcf-list ul { list-style: none; padding: 0px; margin: 0px; } .unith-dh-plugin .jcf-list ul li { overflow: hidden; display: block; } .unith-dh-plugin .jcf-list .jcf-option { overflow: hidden; cursor: default; display: block; padding: 5px var(--input-x); color: var(--input-color); height: 1%; } .unith-dh-plugin .jcf-list .jcf-disabled { background: rgb(255, 255, 255) !important; color: rgb(170, 170, 170) !important; } .unith-dh-plugin .jcf-list .jcf-optgroup-caption { white-space: nowrap; font-weight: 700; display: block; padding: 5px 9px; cursor: default; color: rgb(0, 0, 0); } .unith-dh-plugin .jcf-list .jcf-optgroup .jcf-option { padding-left: 30px; } .unith-dh-plugin .jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover { background: rgb(230, 230, 230); color: rgb(0, 0, 0); } .unith-dh-plugin html { font-size: var(--rem-base); box-sizing: border-box; padding: env(safe-area-inset); } .unith-dh-plugin body { color: var(--base-text-color); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; min-width: 320px; font-weight: 400; -webkit-font-smoothing: antialiased; background-color: var(--color-white-200); } .unith-dh-plugin .h1, .h2, .h4, h1, h2, h3, h4 { font-family: Alliance, Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.15; font-weight: 400; color: var(--h1-h6-color); } .unith-dh-plugin .h1 a, .h2 a, .h4 a, h1 a, h2 a, h3 a, h4 a { color: inherit; font-size: inherit; } .unith-dh-plugin .h1 a:hover, .h2 a:hover, .h4 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: var(--brand-color); } .unith-dh-plugin .h1, h1 { font-size: var(--h1); line-height: 1.033; margin: 0px 0px 0.3em; } .unith-dh-plugin .h2, h2 { font-size: var(--h2); line-height: 1.052; margin: 0px 0px 0.4em; } .unith-dh-plugin h3 { font-size: var(--h3); line-height: 1.15; margin: 0px 0px 0.5em; } .unith-dh-plugin .h4, h4 { font-size: var(--h4); margin: 0px 0px 0.6em; } .unith-dh-plugin p { margin-bottom: 1em; margin-top: 0px; } .unith-dh-plugin a { color: var(--base-link-color); text-decoration: none; transition: all var(--animation-duration) var(--animation-timing-function); } .unith-dh-plugin a:hover { color: var(--color-green-light); } .unith-dh-plugin img { max-width: 100%; height: auto; vertical-align: top; } .unith-dh-plugin ol, ul { list-style: none; margin-top: 0px; padding-left: 0px; } .unith-dh-plugin ol li, ul li { list-style: none; } .unith-dh-plugin table { border-collapse: collapse; border-spacing: 0px; width: 100%; margin-bottom: 1.2em; border: 1px solid var(--color-brown-light); } .unith-dh-plugin table td, table th { font-size: 12px; line-height: 2; text-align: center; border-left: 1px solid var(--color-brown-light); } .unith-dh-plugin table td:first-child, table th:first-child { text-align: left; text-transform: uppercase; border-left: none; } .unith-dh-plugin table th { padding: 11px 17px; border-bottom: 1px solid var(--color-brown-light); font-weight: 400; } .unith-dh-plugin table td { padding: 4px 17px; } .unith-dh-plugin table tr:nth-child(2n+1) td { background-color: var(--color-white-brown); } .unith-dh-plugin dl { margin: 0px 0px 1.2em; } .unith-dh-plugin dl dt { float: left; clear: left; font-weight: 700; padding: 10px 5px; } .unith-dh-plugin * { box-sizing: inherit; max-height: 1e+06px; } .unith-dh-plugin ::after, ::before { box-sizing: inherit; } .unith-dh-plugin .resize-active { transition: none 0s ease 0s !important; } .unith-dh-plugin .resize-active *, .resize-active ::after, .resize-active ::before { transition: inherit !important; } .unith-dh-plugin .container, html #branda-cookie-notice .cookie-notice-container { width: 100%; margin: 0px auto; padding-left: var(--gutter); padding-right: var(--gutter); max-width: calc(100% + var(--gutter) * 2); } .unith-dh-plugin body, html { height: 100%; } .unith-dh-plugin .wrapper { display: grid; grid-template-rows: auto 1fr auto; min-height: 100%; width: 100%; position: relative; overflow: hidden; } .unith-dh-plugin .footer, .header, .main { min-width: 0px; } .unith-dh-plugin .main { position: relative; z-index: 1; } .unith-dh-plugin .t-visible { display: none; } .unith-dh-plugin .bg-str { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; } .unith-dh-plugin .bg-dark { background-color: var(--color-black-100); --h1-h6-color: var(--color-white); } .unith-dh-plugin .icon { width: 2rem; height: 2rem; } .unith-dh-plugin a[class*="anim-"] { transition: none 0s ease 0s; } .unith-dh-plugin .anim-group-bottom > *, .anim-group-left > *, .anim-group-right > * { opacity: 0; } .unith-dh-plugin .anim-text-speed-1, .anim-text-speed-2 { opacity: 0.1; } .unith-dh-plugin .anim-text-speed-1.active, .anim-text-speed-2.active { opacity: 1; } .unith-dh-plugin .anim-text-speed-1 .char, .anim-text-speed-2 .char { opacity: 0.1; } .unith-dh-plugin .tab-content > .tab-pane { display: none; } .unith-dh-plugin .tab-content > .active { display: block; } .unith-dh-plugin .fade { transition: opacity 0.15s linear 0s; } .unith-dh-plugin .fade:not(.show) { opacity: 0; } .unith-dh-plugin .collapse:not(.show) { display: none; } .unith-dh-plugin .collapsing { height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } .unith-dh-plugin .collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s ease 0s; } .unith-dh-plugin .modal { --bs-modal-zindex: 1055; --bs-modal-width: 1096px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-bg: var(--color-gray); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; } .unith-dh-plugin .modal-dialog { position: relative; width: 100%; min-height: 100%; padding: 15px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; pointer-events: none; } .unith-dh-plugin .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -50px); } .unith-dh-plugin .modal.show .modal-dialog { transform: none; } .unith-dh-plugin .modal-content { position: relative; width: 100%; padding: 30px; pointer-events: auto; outline: 0px; background: linear-gradient(90.56deg, rgba(255, 255, 255, 0.5) 36.04%, rgba(255, 255, 255, 0.5) 87.4%); mix-blend-mode: normal; backdrop-filter: blur(35px); border-radius: 10px; } .unith-dh-plugin .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-opacity: 1; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background: linear-gradient(90.56deg, rgba(255, 255, 255, 0.12) 36.04%, rgba(255, 255, 255, 0.3) 87.4%); mix-blend-mode: normal; backdrop-filter: blur(30px); } .unith-dh-plugin .modal-backdrop.fade { opacity: 0; } .unith-dh-plugin .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .unith-dh-plugin .modal-close { background: 0px 0px; border: none; margin: 0px; padding: 0px; position: absolute; top: 15px; right: 15px; z-index: 2; display: flex; -webkit-box-align: center; align-items: center; font-family: Alliance, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.2; color: var(--color-blue); transition: all var(--animation-duration) var(--animation-timing-function); cursor: pointer; } .unith-dh-plugin .modal-close .icon { width: 2.6rem; height: 2.6rem; margin-left: 10px; } .unith-dh-plugin .modal-close:hover { opacity: 0.6; } .unith-dh-plugin #talking-head { width: 100% !important; height: 100% !important; } .unith-dh-plugin .start.svelte-components-VideoMixerPlaceholder { display: none !important; } .unith-dh-plugin .header { position: sticky; top: 20px; left: 20px; right: 20px; z-index: 10; min-height: var(--header-min-height); padding: 14px 200px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: linear-gradient(90.56deg, rgba(255, 255, 255, 0.1) 36.04%, rgba(255, 255, 255, 0.2) 87.4%); mix-blend-mode: normal; backdrop-filter: blur(35px); border-radius: var(--radius); transition: all 0.3s linear 0s; font-family: Alliance, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 500; color: var(--color-black); } .unith-dh-plugin .header__logo { position: absolute; top: 24px; left: 24px; z-index: 2; } .unith-dh-plugin .header .form-signup_wrapper { display: none; padding: 18px 15px; background: linear-gradient(90.56deg, rgba(255, 255, 255, 0.5) 36.04%, rgba(255, 255, 255, 0.5) 87.4%); mix-blend-mode: normal; backdrop-filter: blur(35px); border-radius: 10px; } .unith-dh-plugin .header .form-signup_wrapper .gform_heading { max-width: 100%; color: var(--color-gray); text-align: left; margin-bottom: 25px; } .unith-dh-plugin .header .form-signup_wrapper .gform_heading h2 { font-size: inherit; line-height: inherit; margin-bottom: 18px; } .unith-dh-plugin .header .form-signup input, .header .form-signup textarea { border-radius: 20px; padding: 9px 20px; } .unith-dh-plugin .header .form-signup .button, .header .form-signup button[type="submit"], .header .form-signup input[type="button"], .header .form-signup input[type="reset"], .header .form-signup input[type="submit"] { max-width: 100%; margin-top: 10px !important; } .unith-dh-plugin .header .form-signup__opener { position: absolute; top: 50%; right: 20px; z-index: 2; transform: translateY(-50%); color: inherit; } .unith-dh-plugin .header .form-signup__opener.active, .header .form-signup__opener:hover { color: var(--brand-color); } .unith-dh-plugin .menu-drop { transition: all 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s; } .unith-dh-plugin .menu { margin: 0px; padding: 0px; list-style: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; column-gap: 46px; } .unith-dh-plugin .menu > li { position: relative; } .unith-dh-plugin .menu a { display: inline-block; vertical-align: top; position: relative; color: inherit; } .unith-dh-plugin .menu a.highlighted, .menu a:hover { color: var(--brand-color); } .unith-dh-plugin .menu a.has-submenu { padding-right: 20px; } .unith-dh-plugin .menu a .sub-arrow { position: absolute; top: 50%; right: 0px; width: 0px; height: 0px; margin: 2px 0px 0px; border-width: 5px; transform: translateY(-50%); border-style: solid dashed dashed; border-color: currentcolor transparent transparent; } .unith-dh-plugin .menu ul { position: absolute; top: 100%; left: 0px; z-index: 2; } .unith-dh-plugin .menu-opener { display: none; padding: 0px; margin: 0px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); outline: 0px; border: none; background: 0px 0px; cursor: pointer; transition: all 0.8s ease 0s; } .unith-dh-plugin .menu-opener:hover { color: var(--brand-color); } .unith-dh-plugin .menu-opener.open { transition: all 0.5s ease 0s; } .unith-dh-plugin .menu-active .menu-opener.open { top: 100vh; } .unith-dh-plugin .menu-opener.close { top: -300px; } .unith-dh-plugin .menu-active .menu-opener.close { top: 50%; } .unith-dh-plugin .menu-active { overflow: hidden; } .unith-dh-plugin .footer { margin-top: auto; padding: 58px 0px; position: relative; z-index: 2; border-top: 2px solid var(--color-black-300); background-position: center center; --h1-h6-color: var(--color-white); font-size: 16px; line-height: 1.2; } .unith-dh-plugin .footer::after { position: absolute; bottom: 0px; left: 0px; z-index: 1; content: ""; width: 100%; height: 8px; background: linear-gradient(90deg, rgb(0, 70, 255) 0px, rgb(135, 90, 255) 49%, rgb(255, 110, 30) 100%); } .unith-dh-plugin .footer__logo { display: inline-flex; margin-bottom: 144px; } .unith-dh-plugin .footer-group { display: flex; margin: 0px -20px -40px; } .unith-dh-plugin .footer-group__item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; padding: 0px 20px 40px; } .unith-dh-plugin .footer-group__item:first-child { width: 20%; } .unith-dh-plugin .footer-group__item:nth-child(2) { width: 40%; } .unith-dh-plugin .footer-group__item:nth-child(3) { width: 12%; margin-left: 5%; } .unith-dh-plugin .footer-group__item:nth-child(4) { width: 23%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: end; align-items: flex-end; } .unith-dh-plugin .footer h3 { font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: 20px; } .unith-dh-plugin .footer ul { margin: 0px; } .unith-dh-plugin .footer-offices { width: 100%; display: flex; -webkit-box-align: end; align-items: flex-end; gap: 50px; } .unith-dh-plugin .footer-offices span { display: block; color: var(--color-white); } .unith-dh-plugin .footer address { display: block; font-style: normal; margin: 0px; } .unith-dh-plugin .footer p { margin: 0px; } .unith-dh-plugin .footer a { color: inherit; } .unith-dh-plugin .footer a:hover { color: var(--color-white); } .unith-dh-plugin .comment { overflow: hidden; } .unith-dh-plugin .navigation, .pagination { padding: 20px 0px; font-size: 16px; line-height: 1; text-transform: uppercase; color: var(--color-gray); display: flex; -webkit-box-align: center; align-items: center; width: 100%; } .unith-dh-plugin .navigation .screen-reader-text, .pagination .screen-reader-text { position: absolute; left: -99999px; } .unith-dh-plugin .navigation button, .pagination button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-width: 26px; min-height: 26px; padding: 4px; margin: 0px 3px; border: 1px solid var(--color-gray); border-radius: 50px; background: 0px 0px; font-size: 16px; line-height: 1; color: inherit; } .unith-dh-plugin .navigation button:not(.current):hover, .navigation button:not(.yourir-active):hover, .pagination button:not(.current):hover, .pagination button:not(.yourir-active):hover { color: var(--brand-color); border-color: var(--brand-color); background: 0px 0px; } .unith-dh-plugin .navigation button.current, .pagination button.current { background: var(--color-gray); color: var(--color-white); } .unith-dh-plugin .navigation button.current:hover, .pagination button.current:hover { background: var(--color-gray); border-color: var(--color-gray); color: var(--color-white); } .unith-dh-plugin .navigation .next, .navigation .prev, .pagination .next, .pagination .prev { width: 26px; height: 26px; position: relative; padding: 0px !important; } .unith-dh-plugin .navigation .next .icon, .navigation .prev .icon, .pagination .next .icon, .pagination .prev .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; } .unith-dh-plugin .navigation .prev, .pagination .prev { margin-right: 23px; margin-left: 0px; } .unith-dh-plugin .navigation .next, .pagination .next { margin-left: 23px; margin-right: 0px; } .unith-dh-plugin .navigation .next.disabled, .navigation .prev.disabled, .pagination .next.disabled, .pagination .prev.disabled { pointer-events: none; } .unith-dh-plugin .navigation .next a, .navigation .prev a, .pagination .next a, .pagination .prev a { display: inline-flex; -webkit-box-align: center; align-items: center; font-weight: 800; color: var(--color-gray); } .unith-dh-plugin .navigation .next a:active, .navigation .next a:hover, .navigation .prev a:active, .navigation .prev a:hover, .pagination .next a:active, .pagination .next a:hover, .pagination .prev a:active, .pagination .prev a:hover { color: var(--brand-color); } .unith-dh-plugin img.border { padding: 5px; border: 1px solid rgb(204, 204, 204); } .unith-dh-plugin .sticky { height: auto; } .unith-dh-plugin .navigation .next { float: left; padding-right: 10px; } .unith-dh-plugin .navigation .next a { display: flex; -webkit-box-pack: start; justify-content: flex-start; text-align: left; } .unith-dh-plugin .navigation .next a span { margin-right: 5px; } .unith-dh-plugin .navigation .prev { float: right; padding-left: 10px; } .unith-dh-plugin .navigation .prev a { display: flex; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } .unith-dh-plugin .navigation .prev a span { margin-left: 5px; } .unith-dh-plugin .title { margin-bottom: 2em; text-transform: uppercase; } .unith-dh-plugin .title h1 { margin: 0px; } .unith-dh-plugin .center { text-align: center; } .unith-dh-plugin .hidden { display: none; } .unith-dh-plugin code br { display: none; } .unith-dh-plugin code { font-family: mono-space, monospace; border: 1px solid rgb(238, 238, 238); padding: 15px 20px; display: block; margin: 0px 0px 1.2em; overflow: auto; white-space: pre; font-size: 12px; line-height: 20px; } .unith-dh-plugin code { background: rgb(246, 246, 246); border-top: 0px; border-bottom: 0px; } .unith-dh-plugin span.caps { cursor: help; } .unith-dh-plugin sub { position: relative; top: 5px; } .unith-dh-plugin .last { clear: right; margin-right: 0px !important; } .unith-dh-plugin .clear { clear: both; line-height: 0; } .unith-dh-plugin #reply-title { margin: 20px 0px; color: var(--h1-h6-color); } .unith-dh-plugin .parent.comment .comment { margin-left: 30px; } .unith-dh-plugin .post .title h3 { margin-bottom: 1em; } .unith-dh-plugin .error input:not([type="submit"]) { border-color: red !important; } .unith-dh-plugin iframe { max-width: 100%; } .unith-dh-plugin #content { overflow: hidden; } .unith-dh-plugin #content strong { display: inline-block; } .unith-dh-plugin .block { width: 100%; background: var(--color-white-400); border-radius: var(--radius); float: left; padding: 40px; } .unith-dh-plugin .block form { margin: 0px -12px; } .unith-dh-plugin html #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:last-child { padding-right: 5px; } .unith-dh-plugin html #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:first-child { padding-left: 5px; } .unith-dh-plugin html #branda-cookie-notice .cookie-notice-container .branda-cn-container .branda-cn-column:last-child { padding-right: 5px; flex-shrink: 0; } .unith-dh-plugin #branda-cookie-notice { mix-blend-mode: normal; backdrop-filter: blur(35px); z-index: 10; background: linear-gradient(90.56deg, rgba(255, 255, 255, 0.1) 36.04%, rgba(255, 255, 255, 0.2) 87.4%) !important; color: inherit !important; } .unith-dh-plugin #branda-cookie-notice a:not(.button):not(input[type="button"]):not(input[type="reset"]):not(input[type="submit"]):not(button[type="submit"]):not(.forminator-button-submit) { color: var(--color-blue) !important; } .unith-dh-plugin #branda-cookie-notice .button, #branda-cookie-notice .button:link, #branda-cookie-notice button[type="submit"], #branda-cookie-notice input[type="button"], #branda-cookie-notice input[type="reset"], #branda-cookie-notice input[type="submit"] { border-color: var(--color-blue) !important; background-color: var(--color-blue) !important; } .unith-dh-plugin #branda-cookie-notice .button:hover, #branda-cookie-notice button[type="submit"]:hover, #branda-cookie-notice input[type="button"]:hover, #branda-cookie-notice input[type="reset"]:hover, #branda-cookie-notice input[type="submit"]:hover { border-color: var(--color-blue) !important; background: 0px 0px !important; color: var(--color-blue) !important; } .unith-dh-plugin .hero { width: 100%; height: 100vh; position: relative; --h1-h6-color: var(--color-white); } .unith-dh-plugin .hero__text { position: absolute; bottom: 0px; left: 0px; z-index: 10; max-width: 620px; padding: 50px 40px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; color: var(--color-white); } .unith-dh-plugin .hero__text h1 { margin-bottom: 22px; } .unith-dh-plugin .hero__text .button, .hero__text button[type="submit"], .hero__text input[type="button"], .hero__text input[type="reset"], .hero__text input[type="submit"] { margin-top: 20px; min-width: 200px; } .unith-dh-plugin .hero__text .icon { width: 19px; height: 19px; margin-top: 40px; } .unith-dh-plugin .hero .direct-bg-video { width: 100%; height: 100%; } .unith-dh-plugin .hero .direct-bg-video iframe { margin: -1px 0px 0px -1px; width: calc(100% + 1px) !important; height: calc(100% + 1px) !important; } .unith-dh-plugin .hero .video-js { width: 100%; height: 100%; } .unith-dh-plugin .hero .video-js .vjs-poster img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .unith-dh-plugin .logos-swiper { position: relative; z-index: 1; } .unith-dh-plugin .logos-swiper .swiper-slide { text-align: center; } .unith-dh-plugin .article { padding: 180px 0px; } .unith-dh-plugin .article .container, .article html #branda-cookie-notice .cookie-notice-container, html #branda-cookie-notice .article .cookie-notice-container { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; padding: 0px 175px 0px 40px; } .unith-dh-plugin .article__image { width: 50%; max-width: 710px; flex-shrink: 0; margin-left: 120px; position: relative; } .unith-dh-plugin .article__image-wrap { width: 100%; height: 100%; border-radius: var(--radius); overflow: hidden; } .unith-dh-plugin .article__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .unith-dh-plugin .article__text { width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; } .unith-dh-plugin .article .holder { margin-top: auto; } .unith-dh-plugin .article .subtitle { font-weight: 500; color: inherit; margin-bottom: 50px; } .unith-dh-plugin .article .h1, .article h1 { margin-bottom: 22px; } .unith-dh-plugin .article p:last-child { margin-bottom: 0px; } .unith-dh-plugin .article .button, .article button[type="submit"], .article input[type="button"], .article input[type="reset"], .article input[type="submit"] { margin-top: 20px; } .unith-dh-plugin .article .app-container { --primary: 0,70,255 !important; } .unith-dh-plugin .use-cases { padding: 110px 0px; } .unith-dh-plugin .use-cases .container, .use-cases html #branda-cookie-notice .cookie-notice-container, html #branda-cookie-notice .use-cases .cookie-notice-container { position: relative; padding-left: 30vw; padding-right: 175px; } .unith-dh-plugin .use-cases .subtitle { position: absolute; top: 12px; left: 40px; margin-bottom: 50px; font-weight: 500; color: inherit; } .unith-dh-plugin .use-cases__heading { max-width: 880px; margin-bottom: 90px; } .unith-dh-plugin .use-cases__heading .h1, .use-cases__heading h1 { margin-bottom: 22px; } .unith-dh-plugin .use-cases__heading .button, .use-cases__heading button[type="submit"], .use-cases__heading input[type="button"], .use-cases__heading input[type="reset"], .use-cases__heading input[type="submit"] { margin-top: 34px; } .unith-dh-plugin .use-cases-list { margin: 0px; } .unith-dh-plugin .use-cases-list > li { position: relative; } .unith-dh-plugin .use-cases-list > li + li { margin-top: 30px; } .unith-dh-plugin .case-card { display: flex; min-height: 280px; padding: 12px; overflow: hidden; position: relative; z-index: 1; border-radius: var(--radius); color: inherit; } .unith-dh-plugin .case-card:hover .case-card__bg { background-color: var(--color-white); } .unith-dh-plugin .bg-dark .case-card:hover .case-card__bg { background: var(--color-black); } .unith-dh-plugin .case-card:hover .button, .case-card:hover button[type="submit"], .case-card:hover input[type="button"], .case-card:hover input[type="reset"], .case-card:hover input[type="submit"] { background-color: var(--brand-color); color: var(--color-white); } .unith-dh-plugin .case-card:hover .button .icon-circle, .case-card:hover button[type="submit"] .icon-circle, .case-card:hover input[type="button"] .icon-circle, .case-card:hover input[type="reset"] .icon-circle, .case-card:hover input[type="submit"] .icon-circle { border-color: var(--color-white); } .unith-dh-plugin .case-card__bg { position: absolute; top: 0px; left: 0px; z-index: -1; content: ""; width: 100%; height: 100%; background: var(--color-white-100); border-radius: var(--radius); } .unith-dh-plugin .bg-dark .case-card__bg { background: rgb(19, 19, 19); } .unith-dh-plugin .case-card__image { width: 318px; flex-shrink: 0; border-radius: 10px; overflow: hidden; position: relative; } .unith-dh-plugin .case-card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .unith-dh-plugin .case-card__image .icon { position: absolute; bottom: 20px; right: 20px; z-index: 2; width: 4rem; height: 4rem; color: var(--color-white); } .unith-dh-plugin .case-card__text { width: 100%; padding: 40px 60px; position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; } .unith-dh-plugin .case-card h2 { margin-bottom: 10px; } .unith-dh-plugin .case-card p { margin-bottom: 0px; } .unith-dh-plugin .case-card .button, .case-card button[type="submit"], .case-card input[type="button"], .case-card input[type="reset"], .case-card input[type="submit"] { position: absolute; bottom: 0px; right: 0px; z-index: 2; min-height: 40px; padding: 8px 5px 8px 16px; } .unith-dh-plugin .case-card .button .icon-circle, .case-card button[type="submit"] .icon-circle, .case-card input[type="button"] .icon-circle, .case-card input[type="reset"] .icon-circle, .case-card input[type="submit"] .icon-circle { display: inline-flex; width: 26px; height: 26px; padding: 7px; margin: -5px 0px -5px 10px; border: 1px solid var(--brand-color); border-radius: 50%; transition: all var(--animation-duration) var(--animation-timing-function); } .unith-dh-plugin .case-card .button .icon, .case-card button[type="submit"] .icon, .case-card input[type="button"] .icon, .case-card input[type="reset"] .icon, .case-card input[type="submit"] .icon { width: 100%; height: 100%; margin: 0px; } .unith-dh-plugin .banner { height: 100vw; max-height: 1108px; padding: 20px; } .unith-dh-plugin .banner__wrap { display: flex; -webkit-box-align: end; align-items: flex-end; width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 1; border-radius: var(--radius); } .unith-dh-plugin .banner__wrap::after { position: absolute; top: 0px; left: 0px; z-index: -1; content: ""; width: 100%; height: 100%; background: radial-gradient(at left bottom, rgb(0, 70, 255) 0px, rgb(0, 70, 255) 0px, rgb(0, 70, 255) 15%, rgba(0, 70, 255, 0) 50%, rgba(0, 70, 255, 0) 100%); } .unith-dh-plugin .banner__text { padding: 54px; } .unith-dh-plugin .banner__text .h1, .banner__text h1 { margin: 0px; } .unith-dh-plugin .banner__image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; } .unith-dh-plugin .banner__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .unith-dh-plugin .cta { padding: 108px 0px; border-top: 2px solid var(--color-black-300); background-position: center center; } .unith-dh-plugin .cta__heading { max-width: 500px; margin: 0px auto 40px; font-size: 16px; text-align: center; } .unith-dh-plugin .cta__heading h2 { margin-bottom: 20px; } .unith-dh-plugin .cta .gform_wrapper { max-width: 960px; margin: 0px auto; } .unith-dh-plugin .cta .gform_wrapper form { position: relative; } .unith-dh-plugin .cta .gform_wrapper .gform_fields { padding-right: 175px; gap: 20px !important; } .unith-dh-plugin .cta .gform_wrapper .gfield { position: relative; } .unith-dh-plugin .cta .gform_wrapper .gform_footer { margin: 0px !important; padding: 0px !important; } .unith-dh-plugin .cta .gform_wrapper form { margin: 0px !important; } .unith-dh-plugin .cta .gform_wrapper input { background: rgba(49, 49, 49, 0.4); border: 1px solid transparent; border-radius: 40px; width: 100%; color: var(--color-white); --input-y: 11px !important; min-height: 0px !important; padding: var(--input-y) var(--input-x) !important; font-size: 16px !important; line-height: 1.2 !important; } .unith-dh-plugin .cta .gform_wrapper input:focus { border-color: var(--input-focus-border-color); } .unith-dh-plugin .cta .gform_wrapper input:focus::-webkit-input-placeholder { opacity: 0; } .unith-dh-plugin .cta .gform_wrapper .button, .cta .gform_wrapper button[type="submit"], .cta .gform_wrapper input[type="button"], .cta .gform_wrapper input[type="reset"], .cta .gform_wrapper input[type="submit"] { position: absolute; top: 0px; right: 0px; z-index: 2; width: 155px; margin: 0px !important; } .unith-dh-plugin .cta .gform_wrapper .button .icon, .cta .gform_wrapper button[type="submit"] .icon, .cta .gform_wrapper input[type="button"] .icon, .cta .gform_wrapper input[type="reset"] .icon, .cta .gform_wrapper input[type="submit"] .icon { display: none; margin: 0px; width: 20px; height: 20px; } .unith-dh-plugin .cta .gform_wrapper .gfield_validation_message, .cta .gform_wrapper .validation_message { background: 0px 0px !important; border: none !important; padding: 0px !important; margin-top: 5px !important; } .unith-dh-plugin .cta .gform_wrapper .gfield_validation_message { position: absolute; top: 100%; left: 0px; } .unith-dh-plugin .cta .gform_wrapper .gform_validation_errors { background: 0px 0px !important; border: none !important; box-shadow: none !important; padding: 0px !important; } .unith-dh-plugin .accordion h3 { font-weight: 500; margin-bottom: 22px; } .unith-dh-plugin .accordion .pagination { padding: 0px; margin-bottom: 30px; } .unith-dh-plugin .accordion .pagination:last-child { margin-bottom: 0px; } .unith-dh-plugin .youtube-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .unith-dh-plugin .youtube-video .video_container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .unith-dh-plugin .youtube-video .video-thumbnail { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 20; background-size: cover; cursor: pointer; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; font-size: 16px; color: var(--color-black-100); } .unith-dh-plugin .youtube-video iframe { width: 100%; height: 100%; position: absolute; z-index: 21; } .unith-dh-plugin .form { --label-fz: 18px; --input-fz: 18px; } .unith-dh-plugin .form-el { position: relative; } .unith-dh-plugin .form-el.filled label, .form-el:focus-within label { display: none !important; } .unith-dh-plugin .form-el.filled input, .form-el:focus-within input { border-bottom-color: var(--brand-color) !important; } .unith-dh-plugin .form-el label { position: absolute; top: 0px; left: 0px; padding: var(--input-y) 0 !important; margin: 0px !important; font-size: var(--label-fz) !important; font-weight: 400 !important; } .unith-dh-plugin .form-el input { border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; border-bottom-color: var(--input-border-color) !important; border-radius: 0px !important; outline: 0px !important; } .unith-dh-plugin .form-el input:focus { border-bottom-color: var(--brand-color) !important; } .unith-dh-plugin .form-el input:not(:empty) + label { display: none; } .unith-dh-plugin .form form { margin: 0px; } .unith-dh-plugin .form p { margin-bottom: 36px; } .unith-dh-plugin .form input, .form textarea { width: 100%; } .unith-dh-plugin .form .jcf-select, .form select { background: 0px 0px; margin-top: 30px; } .unith-dh-plugin .form textarea { margin-top: 30px !important; padding: var(--input-y) var(--input-x) !important; height: 150px !important; font-size: var(--input-fz) !important; line-height: 1.333 !important; } .unith-dh-plugin .form .button, .form button[type="submit"], .form input[type="button"], .form input[type="reset"], .form input[type="submit"] { width: 100%; max-width: 248px; color: var(--brand-color); margin: 45px auto 0px !important; } .unith-dh-plugin .form .button:hover, .form button[type="submit"]:hover, .form input[type="button"]:hover, .form input[type="reset"]:hover, .form input[type="submit"]:hover { color: var(--color-white); } .unith-dh-plugin .form .gform_fields { gap: 36px 20px !important; } .unith-dh-plugin .form .gfield_required { color: inherit !important; font-size: inherit !important; } .unith-dh-plugin .form .ginput_container input { min-height: 0px !important; padding: var(--input-y) var(--input-x) !important; font-size: var(--input-fz) !important; line-height: 1.333 !important; } .unith-dh-plugin .form .gform_footer { padding: 0px !important; margin: 0px !important; } .unith-dh-plugin .form .gfield_validation_message, .form .gform_validation_errors, .form .validation_message { background: 0px 0px !important; border: none !important; box-shadow: none !important; margin: 0px !important; padding: 5px 0px 0px !important; } .unith-dh-plugin .signup-modal .modal-content { max-width: 930px; padding: 100px 165px; } .unith-dh-plugin .form-signup { margin: 0px; } .unith-dh-plugin .form-signup form { margin: 0px !important; } .unith-dh-plugin .form-signup .textarea, .form-signup input { width: 100%; height: 40px; margin-bottom: 15px; background: var(--color-white); border-radius: var(--radius); border: 1px solid transparent; line-height: 1.25; padding: 9px 32px !important; font-size: 16px !important; } .unith-dh-plugin .form-signup .textarea:focus, .form-signup input:focus { border-color: var(--color-blue); } .unith-dh-plugin .form-signup .button, .form-signup button[type="submit"], .form-signup input[type="button"], .form-signup input[type="reset"], .form-signup input[type="submit"] { display: block; width: 100%; max-width: 290px; min-height: 40px; padding: 10px 20px; margin: 38px auto 0px !important; } .unith-dh-plugin .form-signup .gform_fields { row-gap: 15px !important; } .unith-dh-plugin .form-signup .gform_footer { margin: 0px !important; padding: 15px 0px 0px !important; } .unith-dh-plugin .form-signup_wrapper .gform_heading { max-width: 460px; margin: 0px auto 45px; font-size: 17px; line-height: 1.176; text-align: center; } .unith-dh-plugin .form-signup_wrapper .gform_heading h2 { color: var(--color-black-100); margin-bottom: 15px; } .unith-dh-plugin .form-signup_wrapper .gfield_validation_message, .form-signup_wrapper .gform_validation_errors, .form-signup_wrapper .validation_message { background: 0px 0px !important; border: none !important; box-shadow: none !important; margin: 0px !important; padding: 5px 0px 0px !important; } .unith-dh-plugin .form-signup_wrapper .gform_validation_errors { text-align: center; padding: 0px 0px 20px !important; } .unith-dh-plugin .converse-modal .modal-dialog { max-width: 100%; } .unith-dh-plugin .converse-modal .modal-content { padding: 15px; } .unith-dh-plugin .converse-modal .modal-close { top: 5px; right: 0px; } .unith-dh-plugin .conversation { display: flex; height: 100vh; max-height: calc(-100px + 100vh); } .unith-dh-plugin .conversation__tab-content { width: 100%; height: 100%; } .unith-dh-plugin .conversation__image { width: 100%; height: 100%; border-radius: 10px; position: relative; overflow: hidden; } .unith-dh-plugin .conversation__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .unith-dh-plugin .conversation__image iframe { width: 100%; height: 100%; border-radius: 10px; border: none; } .unith-dh-plugin .conversation__text { width: 534px; flex-shrink: 0; padding: 60px 20px 0px 50px; position: relative; } .unith-dh-plugin .conversation__scollable { height: 100%; min-height: 30px; overflow: hidden auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; } .unith-dh-plugin .conversation .subtitle { position: absolute; top: 5px; left: 50px; color: inherit; margin-bottom: 40px; } .unith-dh-plugin .conversation .temporary { font-size: 16px; font-weight: 500; text-transform: uppercase; color: inherit; margin: -30px 0px 30px; } .unith-dh-plugin .conversation__menu { max-height: 100%; font-size: 38px; line-height: 1.052; font-weight: 400; color: var(--color-black-200); counter-reset: list 0; margin: 0px; } .unith-dh-plugin .conversation__menu li { position: relative; padding-top: 50px; } .unith-dh-plugin .conversation__menu li::before { content: counter(list, decimal-leading-zero) "."; counter-increment: list 1; position: absolute; top: 0px; left: 0px; font-family: Alliance, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; font-weight: 400; } .unith-dh-plugin .conversation__menu li + li { margin-top: 62px; } .unith-dh-plugin .conversation__menu li.active { color: var(--brand-color); } .unith-dh-plugin .conversation__menu a { color: inherit; } .unith-dh-plugin .conversation__menu a:hover { color: var(--brand-color); } .unith-dh-plugin .conversation__menu button { display: inline; background: 0px 0px; border: none; margin: 0px; padding: 0px; text-align: inherit; color: inherit; } .unith-dh-plugin .conversation__menu button.active, .conversation__menu button:hover { color: var(--brand-color); } .unith-dh-plugin .gform_description:empty { display: none !important; } .unith-dh-plugin .no-js img.lazyload { display: none; } .unith-dh-plugin .lazyload, .lazyloading { opacity: 0; } .unith-dh-plugin .lazyloaded { opacity: 1; transition: opacity 0.4s ease 0s; } .unith-dh-plugin span.badge { display: none; } .unith-dh-plugin #branda-cookie-notice { color: rgb(255, 255, 255); background-color: rgb(0, 133, 186); } .unith-dh-plugin #branda-cookie-notice a, #branda-cookie-notice a:link { color: rgb(255, 255, 255); } .unith-dh-plugin #branda-cookie-notice a:visited { color: rgb(255, 255, 255); } .unith-dh-plugin #branda-cookie-notice a:hover { color: rgb(255, 255, 255); } .unith-dh-plugin #branda-cookie-notice a:active { color: rgb(255, 255, 255); } .unith-dh-plugin #branda-cookie-notice a:focus { color: rgb(255, 255, 255); } .unith-dh-plugin #branda-cookie-notice .button, #branda-cookie-notice .button:link { color: rgb(255, 255, 255); border-color: rgb(0, 103, 153); background-color: rgb(0, 133, 186); border-style: solid; border-width: 1px; border-radius: 5px; } .unith-dh-plugin #branda-cookie-notice .button:hover { color: rgb(255, 255, 255); border-color: rgb(0, 103, 153); background-color: rgb(0, 142, 194); } .unith-dh-plugin #branda-cookie-notice .button:active { color: rgb(255, 255, 255); border-color: rgb(0, 103, 153); background-color: rgb(0, 115, 170); } .unith-dh-plugin #branda-cookie-notice .button:focus { color: rgb(255, 255, 255); border-color: rgb(91, 157, 217); background-color: rgb(0, 142, 194); } .unith-dh-plugin .gform_anchor:focus-visible { outline: 0px; } .unith-dh-plugin .field_sublabel_below .ginput_complex { align-items: flex-start; } .unith-dh-plugin .gform_wrapper.gravity-theme fieldset, .gform_wrapper.gravity-theme legend { background: 0px 0px; padding: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme fieldset { border: none; display: block; margin: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme legend { margin-left: 0px; margin-right: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_drop_instructions { display: block; margin-bottom: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_fileupload_filesize { padding: 0px 6px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_validation_message ul { margin: 16px 0px; padding-left: 24px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_validation_message ul:empty { display: none; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_preview { margin: 16px 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .chosen-container { display: inline-block; font-size: 16px; position: relative; user-select: none; vertical-align: middle; } .unith-dh-plugin .gform_wrapper.gravity-theme .chosen-container * { box-sizing: border-box; } .unith-dh-plugin .gform_wrapper.gravity-theme .chosen-container a { cursor: pointer; } .unith-dh-plugin .gform_wrapper.gravity-theme .chosen-rtl { text-align: right; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_hidden { display: none; } .unith-dh-plugin .gform_wrapper.gravity-theme .hidden_label .gfield_label, .gform_wrapper.gravity-theme .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .unith-dh-plugin .gform_wrapper.gravity-theme button.screen-reader-text:focus { clip: auto; border: 0px; clip-path: none; height: auto; margin: 0px; width: auto; position: static !important; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield textarea { width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield textarea.small { height: 96px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield textarea.medium { height: 192px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield textarea.large { height: 288px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select { max-width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield input.small, .gform_wrapper.gravity-theme .gfield select.small { width: calc(25% - 12px); } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium { width: calc(50% - 8px); } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large { width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme * { box-sizing: border-box; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_fields { gap: 16px 2%; display: grid; grid-template-columns: repeat(12, 1fr); width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield { grid-column: 1 / -1; min-width: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield.gfield--width-full { grid-column: span 12; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield.gfield--width-half { grid-column: span 6; } .unith-dh-plugin .gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex { align-items: flex-start; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_label, html[dir="rtl"] .gform_wrapper.gravity-theme code, html[dir="rtl"] .gform_wrapper.gravity-theme input[type="email"], html[dir="rtl"] .gform_wrapper.gravity-theme input[type="tel"], html[dir="rtl"] .gform_wrapper.gravity-theme input[type="url"] { direction: rtl; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_required { margin-left: 0px; margin-right: 4px; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme ::-webkit-input-placeholder { text-align: right; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme .gform_wrapper.gravity-theme fieldset { display: block; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) { padding-left: 0px; padding-right: 16px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_card_icon_container { display: flex; height: 32px; margin: 8px 0px 6.4px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon { background-repeat: no-repeat; height: 32px; margin-right: 4.8px; text-indent: -9000px; width: 40px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected { position: relative; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after { bottom: 4px; content: ""; display: block; height: 10px; position: absolute; right: 0px; width: 13px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_list_group { display: flex; flex-flow: row; margin-bottom: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_list_group:last-child { margin-bottom: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_label { display: inline-block; font-size: 16px; font-weight: 700; margin-bottom: 8px; padding: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_complex label { font-size: 15px; padding-top: 5px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors { background: rgb(255, 249, 249); border: 1.5px solid rgb(192, 43, 10); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.11) 0px 1px 4px, rgba(18, 25, 97, 0.04) 0px 0px 4px; margin-bottom: 8px; margin-top: 8px; padding: 16px 16px 16px 48px; position: relative; width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > h2 { color: rgb(192, 43, 10); font-size: 13.2px; font-weight: 500; line-height: 17.6px; margin: 0px 0px 12px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > h2::before { display: none; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > ol { padding-left: 20px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > ol a { color: rgb(192, 43, 10); font-size: 13.2px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > ol li { color: rgb(192, 43, 10); font-size: 13.2px; margin: 0px 0px 8px; list-style-type: disc !important; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_validation_errors > ol li:last-of-type { margin-bottom: 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_required { color: rgb(192, 43, 10); display: inline-block; font-size: 13.008px; padding-left: 0.125em; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_required .gfield_required_text { font-style: italic; font-weight: 400; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid="true"] + label, .gform_wrapper.gravity-theme label + [aria-invalid="true"] { color: rgb(192, 43, 10); } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: rgb(255, 249, 249); border: 1px solid rgb(192, 43, 10); font-size: 14.992px; margin-top: 8px; padding: 12.992px 24px; } .unith-dh-plugin .gform_wrapper.gravity-theme button.button:disabled { opacity: 0.6; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer { display: flex; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer input { align-self: flex-end; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_complex { display: flex; flex-flow: wrap; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_complex fieldset, .gform_wrapper.gravity-theme .ginput_complex span { flex: 1 1 0%; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend { display: block; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select { width: 100%; } .unith-dh-plugin .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description { clear: both; font-family: inherit; font-size: 15px; letter-spacing: normal; line-height: inherit; padding-top: 13px; width: 100%; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme .gform_card_icon { float: right; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { margin: 6px 0px 0px; padding: 16px 0px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_footer input.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer input.button:disabled { opacity: 0.6; } .unith-dh-plugin .gform_wrapper.gravity-theme .gform_footer button + input, .gform_wrapper.gravity-theme .gform_footer input + button, .gform_wrapper.gravity-theme .gform_footer input + input, .gform_wrapper.gravity-theme .gform_page_footer button + input, .gform_wrapper.gravity-theme .gform_page_footer input + button, .gform_wrapper.gravity-theme .gform_page_footer input + input { margin-left: 8px; } .unith-dh-plugin html[dir="rtl"] .gform_wrapper.gravity-theme button + input, html[dir="rtl"] .gform_wrapper.gravity-theme input + button, html[dir="rtl"] .gform_wrapper.gravity-theme input + input { margin-right: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { display: inline-block; font-size: 15px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_checkbox button, .gform_wrapper.gravity-theme .gfield_checkbox input[type="text"], .gform_wrapper.gravity-theme .gfield_radio button, .gform_wrapper.gravity-theme .gfield_radio input[type="text"] { margin-top: 16px; } .unith-dh-plugin .gform_wrapper.gravity-theme input[type="number"] { display: inline-block; } .unith-dh-plugin .gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { font-size: 15px; margin-bottom: 0px; margin-top: 0px; padding: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .ginput_total { color: rgb(0, 102, 0); } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_cell { margin-top: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_cell label { color: rgb(155, 154, 154); font-size: 12.8px; font-weight: 400; padding-top: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child) { padding-top: 8px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_wrapper input { border: 1px solid rgb(197, 198, 197); border-radius: 4px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_cell > .gfield_repeater_wrapper { background-color: rgba(1, 1, 1, 0.02); border-bottom: 1px solid rgb(238, 238, 238); border-left: 8px solid rgb(241, 241, 241); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px 0px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px, rgba(0, 0, 0, 0.06) 0px 1px 5px 0px; padding: 10px 20px; } .unith-dh-plugin .gform_wrapper.gravity-theme .gfield_repeater_buttons { padding-top: 16px; } /*--- null--- */ /*--- null--- */ /*--- null--- */ /*--- null--- */ /*--- null--- */ /*--- null--- */ .unith-dh-plugin .jcf-reset-appearance { background: none; border: none; appearance: none; opacity: 0; } .unith-dh-plugin .jcf-unselectable { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .unith-dh-plugin .jcf-rtl .jcf-hidden { right: -9999px !important; left: auto !important; } .unith-dh-plugin .jcf-hidden { appearance: none; position: absolute !important; left: -9999px !important; height: 1px !important; width: 1px !important; margin: 0px !important; border-width: 0px !important; }