.video-js { width: 300px; height: 150px; } .vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 56.25%; } :root { --bg-color: #fff; --text-color: #242529; } :root.m-mode-dark { --bg-color: #161618; --text-color: #f6f7f8; } body { background: var(--bg-color); } #before_preloader { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; display: flex; align-items: center; place-content: center; overflow: auto; background: var(--bg-color); z-index: 10000001; } .htmlpreload { width: 35%; animation: 2s linear infinite pulse_preload; } @media (max-width: 576px) { .htmlpreload { width: 50%; } } @keyframes pulse_preload { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @keyframes pulse_preload { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @keyframes recovery_progress { 0% { width: 0px; } 100% { width: 100%; } } [data-v-3fb56680] .b-input-radio { opacity: 0; clip: rect(0px, 0px, 0px, 0px); position: absolute; left: -1px; } [data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } [data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label .g-icon { display: block; } .dropdown-menu .b-input-radio:checked + .b-input-radio__label + .b-input-radio__text[data-v-3fb56680] { font-weight: 500; } .b-input-radio:checked .b-input-ripple[data-v-3fb56680]::after { animation: 1s forwards pulse-hover; } .m-black-body .b-input-radio:checked .b-input-ripple[data-v-3fb56680]::after { animation: 1s forwards pulse-hover-light; } [data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } .m-in-black-body .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label, .m-in-black-body .g-radio-container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label, .m-stream-body .g-radio-container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { border-color: rgb(0, 175, 240); } [data-v-3fb56680] .b-input-radio[disabled] ~ .b-input-radio__text { pointer-events: none; opacity: 0.5; } [data-v-3fb56680] .b-input-radio[disabled] ~ .b-input-radio__label { pointer-events: none; } [data-v-3fb56680] .b-input-radio[disabled]:checked ~ .b-input-radio__label { opacity: 0.4; background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } [data-v-3fb56680] .b-input-radio[disabled]:checked ~ .b-input-radio__text { font-weight: 500; } .b-input-radio__container[data-v-3fb56680] { position: relative; display: inline-block; margin: 0px; } .b-input-radio__container[data-v-3fb56680]:not(.g-pointer-cursor) { cursor: default; } .b-input-radio__container.m-hidden-visually[data-v-3fb56680] { position: absolute; left: -999em; top: -999em; } .b-input-radio__container.m-radio-wrapper[data-v-3fb56680] { margin-left: 8px; margin-right: 8px; } .b-users-lists__item > .b-input-radio__container[data-v-3fb56680] { flex: 1 1 0%; } .dropdown-menu .b-input-radio__container[data-v-3fb56680] { display: block; color: var(--text-color); } .modal .dropdown-menu .b-input-radio__container[data-v-3fb56680] { flex: 1 1 0%; } .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="checkbox"]:checked ~ .b-input-radio__label .g-icon, .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label .g-icon { display: block; } .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="radio"] ~ .b-input-radio__label::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; border: 2px solid rgb(254, 254, 254); border-radius: 1000px; transition: opacity 0.2s, transform 0.3s; } .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="radio"]:checked ~ .b-input-radio__label::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } .b-input-radio__container[data-v-3fb56680] .b-input-radio__label { display: block; } @media (any-hover: hover) and (pointer: fine) { .b-input-radio__container:not(.m-disabled) [type="radio"]:focus-visible ~ .b-input-radio__label[data-v-3fb56680] { border-color: rgb(0, 145, 234); outline: rgb(0, 145, 234) solid 2px; outline-offset: 4px; } .b-input-radio__container:not(.m-disabled) [type="radio"][data-v-3fb56680]:focus-visible .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .b-input-radio__container:not(.m-disabled) [type="radio"]:focus-visible:not([disabled]):checked ~ .b-input-radio__label[data-v-3fb56680] { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680] .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-3fb56680]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } } a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) { --outline-offset: 4px; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before { display: none; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]) ~ .b-input-radio__label { --outline-color: #0091ea; outline: 2px solid var(--outline-color); outline-offset: var(--outline-offset,6px); } .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .m-in-black-body .b-input-radio__container[data-v-3fb56680]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-3fb56680]:not(.m-disabled) .b-input-radio:not([disabled]) ~ .b-input-radio__label { --outline-color: #fefefe; } .m-with-rectangle-hover:focus-visible .b-input-radio__container:not(.m-disabled).m-pseudo-radio .b-input-radio__label[data-v-3fb56680], .m-with-rectangle-hover:hover .b-input-radio__container:not(.m-disabled).m-pseudo-radio .b-input-radio__label[data-v-3fb56680] { border-color: rgb(0, 145, 234); } .m-with-rectangle-hover:focus-visible .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-3fb56680] .b-input-ripple::before, .m-with-rectangle-hover:hover .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-3fb56680] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-3fb56680] [data-icon-name="icon-done"] { display: none; z-index: 1; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .m-right-answer .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-3fb56680] { color: rgb(254, 254, 254); } .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-3fb56680] [data-icon-name="icon-done"] { display: block; } .m-right-answer .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-3fb56680] .b-input-radio ~ .b-input-radio__label { background: rgba(53, 208, 99, 0.75); border-color: transparent; } [data-v-3fb56680] .b-input-radio__text { padding-left: 32px; margin-bottom: 0px; text-align: left; position: relative; z-index: 1; color: inherit; flex: 1 1 0%; line-height: 24px; } [data-v-3fb56680] .b-input-radio__text.m-without-text { display: none; } [data-v-3fb56680] .b-input-radio__text.m-with-help-tip { display: flex; align-content: center; align-items: center; } .m-sm-size-radio[data-v-3fb56680] .b-input-radio__text { padding-left: 24px; font-size: 12px; line-height: 16px; } .m-pseudo-radio[data-v-3fb56680] .b-input-radio__text:empty { display: none; } [data-v-3fb56680] .b-input-radio__text ~ .g-input__error { padding-left: 32px; margin-bottom: 0px; font-size: 12px; line-height: 16px; } .dropdown-menu .b-input-radio__text[data-v-3fb56680] { display: block; padding: 12px 16px 12px 48px; margin: -14px 0px -15px -16px; width: calc(100% + 32px); max-width: calc(100% + 32px); } .dropdown-menu.m-lang-switcher .b-input-radio__text[data-v-3fb56680] { padding-top: 8px; padding-bottom: 8px; margin-top: 0px; margin-bottom: 0px; } [data-v-3fb56680] .b-input-radio__label { width: 20px; height: 20px; min-width: 20px; border-radius: 1000px; border: 2px solid rgba(138, 150, 163, 0.4); transition: background-color 0.3s, border 0.3s; position: absolute; left: 0px; top: 1px; pointer-events: none; } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-3fb56680] .b-input-radio:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-inline-checkbox[data-v-3fb56680] .b-input-radio__label, .m-pseudo-checkbox[data-v-3fb56680] .b-input-radio__label, .m-pseudo-radio[data-v-3fb56680] .b-input-radio__label { position: relative; left: auto; top: auto; } .m-border-dark[data-v-3fb56680] .b-input-radio__label, .m-pseudo-checkbox[data-v-3fb56680] .b-input-radio__label, .m-pseudo-radio[data-v-3fb56680] .b-input-radio__label { border-color: rgb(138, 150, 163); } .m-in-black-body .b-input-radio__container[data-v-3fb56680] .b-input-radio__label, .m-in-black-body .g-radio-container[data-v-3fb56680] .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-3fb56680] .b-input-radio__label, .m-stream-body .g-radio-container[data-v-3fb56680] .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } [data-v-3fb56680] .b-input-radio__label .g-icon { display: none; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: rgb(254, 254, 254); width: 18px; height: 18px; flex: 0 0 18px; z-index: 1; } .m-sm-size-radio .b-input-radio__label[data-v-3fb56680] { width: 16px; height: 16px; min-width: 16px; top: 3px; } .dropdown-menu .b-input-radio__label[data-v-3fb56680] { top: 14px; } .dropdown-menu.m-lang-switcher .b-input-radio__label[data-v-3fb56680] { top: 10px; } .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-ripple::before, .m-stream-body .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio__label, .m-stream-body .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label, .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state][data-v-3fb56680] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label, .g-radio-container[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[m-hover-state][data-v-3fb56680]:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[m-hover-state][data-v-3fb56680]:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[m-hover-state][data-v-3fb56680]:has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .g-radio-container[data-v-3fb56680]:hover .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[data-v-3fb56680]:hover .b-input-ripple::before, .m-stream-body .g-radio-container[data-v-3fb56680]:hover .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[data-v-3fb56680]:hover .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[data-v-3fb56680]:hover .b-input-radio__label, .m-stream-body .g-radio-container[data-v-3fb56680]:hover .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[data-v-3fb56680]:hover .b-input-radio:checked + .b-input-radio__label, .g-radio-container[data-v-3fb56680]:hover .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[data-v-3fb56680]:hover .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container:hover .b-input-radio__container[data-v-3fb56680] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container:hover .b-input-radio__container[data-v-3fb56680] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container:hover .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label, .g-radio-container:hover .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container:hover .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[data-v-3fb56680]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[data-v-3fb56680]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[data-v-3fb56680]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-ripple::before, .m-stream-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio__label, .m-stream-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio:checked + .b-input-radio__label, .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-3fb56680] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-3fb56680] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked + .b-input-radio__label, .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-3fb56680] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-3fb56680] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } .m-stream-body .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) { --outline-color: #fefefe; } .g-radio-container[data-v-3fb56680]:has(.b-input-radio:focus-visible) .b-input-radio__label { outline: 2px solid var(--outline-color,#0091ea); outline-offset: 6px; } .g-radio-container.m-active[m-hover-state][data-v-3fb56680] .b-input-ripple::before { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-radio-container.m-active[data-v-3fb56680]:hover .b-input-ripple::before { background-color: rgb(0, 145, 234); } } .g-radio-container.m-active[m-hover-state] .b-input-radio__container[data-v-3fb56680] .b-input-ripple::before { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-radio-container.m-active:hover .b-input-radio__container[data-v-3fb56680] .b-input-ripple::before { background-color: rgb(0, 145, 234); } } .g-pointer-cursor.m-checkbox-control[m-hover-state] .checkbox-item:not(.m-disabled) .b-input-ripple[data-v-3fb56680]::before { opacity: 1; transform: scale(1); } .g-pointer-cursor.m-checkbox-control[m-hover-state] .checkbox-item:not(.m-disabled) .checkbox-item__inside[data-v-3fb56680]::after { border-color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-pointer-cursor.m-checkbox-control:hover .checkbox-item:not(.m-disabled) .b-input-ripple[data-v-3fb56680]::before { opacity: 1; transform: scale(1); } .g-pointer-cursor.m-checkbox-control:hover .checkbox-item:not(.m-disabled) .checkbox-item__inside[data-v-3fb56680]::after { border-color: rgb(254, 254, 254); } } .g-pointer-cursor.m-checkbox-control.selected[m-hover-state] .checkbox-item__inside[data-v-3fb56680]::after { border-color: rgb(0, 175, 240); } @media (any-hover: hover) and (pointer: fine) { .g-pointer-cursor.m-checkbox-control.selected:hover .checkbox-item__inside[data-v-3fb56680]::after { border-color: rgb(0, 175, 240); } } .resize-observer[data-v-8859cc6c] { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; border: medium; background-color: transparent; pointer-events: none; display: block; overflow: hidden; opacity: 0; } .resize-observer[data-v-8859cc6c] object { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .g-avatar__placeholder[data-v-280bfc12] { width: 100%; height: 100%; border-radius: inherit; display: inline-flex; place-content: center; align-items: center; color: rgb(0, 175, 240); font-weight: 700; font-size: inherit; position: relative; z-index: 2; overflow: hidden; pointer-events: none; } .g-avatar__placeholder[data-v-280bfc12]::before { content: ""; inset: 0px; position: absolute; z-index: 1; } .g-avatar__placeholder[data-v-280bfc12]::after { content: ""; inset: 0px; position: absolute; background-color: var(--bg-color); background-image: linear-gradient(0deg, rgba(138, 150, 163, 0.12), rgba(138, 150, 163, 0.12)); background-blend-mode: normal; z-index: -1; border-radius: inherit; } .m-black-body .g-avatar__placeholder[data-v-280bfc12]::after { background-color: rgb(255, 255, 255); } .b-slide-panel .g-avatar__placeholder[data-v-280bfc12]::after { background-color: transparent; } .m-bg-colored .g-avatar__placeholder[data-v-280bfc12]::after { background-color: var(--marked-color); } .m-guest .g-avatar__placeholder[data-v-280bfc12]:not(.m-text-avatar) { color: rgba(138, 150, 163, 0.4); } .m-tab-rounded .g-avatar__placeholder[data-v-280bfc12] { background: rgba(138, 150, 163, 0.12); } .m-tab-rounded .b-tabs__nav__item:hover .g-avatar__placeholder[data-v-280bfc12] { background: rgba(0, 145, 234, 0.18); } .has-started-stream .g-avatar__placeholder[data-v-280bfc12], .has-story .g-avatar__placeholder[data-v-280bfc12] { border: 1px solid var(--bg-color); } .m-story-archive .g-avatar__placeholder[data-v-280bfc12] { opacity: 0.75; font-size: 36px; } .m-hexagon-form .g-avatar__placeholder[data-v-280bfc12] { clip-path: url("#hexagon-clippath"); } .m-hexagon-form.has-started-stream .g-avatar__placeholder[data-v-280bfc12] { border: medium; } .has-started-stream .g-avatar__placeholder[data-v-280bfc12] { border: 2px solid transparent; z-index: 2; } .has-started-stream .g-avatar__placeholder[data-v-280bfc12] + .b-hexagon-el::before { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -4px; background: var(--bg-color); } .b-story-item .g-avatar__placeholder[data-v-280bfc12] { position: absolute; inset: 0px; z-index: 0; } .g-avatar[data-v-a94235fa] { border-radius: 1000px; display: block; position: relative; background-color: var(--bg-color); } .g-avatar.m-w16[data-v-a94235fa] { width: 16px; height: 16px; flex: 0 0 16px; line-height: 16px; font-size: 7px; } .g-avatar.m-w16 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 0px; bottom: 1px; height: 8px; } .g-avatar.m-w16 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa] { width: 8px; height: 8px; flex: 0 0 8px; } .g-avatar.m-w16[data-v-a94235fa] .b-default-avatar { width: 7px; height: 7px; flex: 0 0 7px; } .g-avatar.m-w24[data-v-a94235fa] { width: 24px; height: 24px; flex: 0 0 24px; font-size: 10px; } .g-avatar.m-w24 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 1px; bottom: -1px; height: 10px; } .g-avatar.m-w24 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa], .g-avatar.m-w24[data-v-a94235fa] .b-default-avatar { width: 10px; height: 10px; flex: 0 0 10px; } .g-avatar.m-w30[data-v-a94235fa] { width: 30px; height: 30px; flex: 0 0 30px; font-size: 12px; } .g-avatar.m-w30 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 1px; bottom: -1px; height: 12px; } .g-avatar.m-w30 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa], .g-avatar.m-w30[data-v-a94235fa] .b-default-avatar { width: 12px; height: 12px; flex: 0 0 12px; } .g-avatar.m-w36[data-v-a94235fa] { width: 36px; height: 36px; flex: 0 0 36px; font-size: 14px; } .g-avatar.m-w36 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 1px; bottom: 2px; height: 12px; } .g-avatar.m-w36 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa] { width: 12px; height: 12px; flex: 0 0 12px; } .b-streaming__comment.m-service .g-avatar.m-w36 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { display: none; } .g-avatar.m-w36[data-v-a94235fa] .b-default-avatar { width: 14px; height: 14px; flex: 0 0 14px; } .g-avatar.m-w50[data-v-a94235fa] { width: 48px; height: 48px; flex: 0 0 48px; font-size: 18px; } .g-avatar.m-w50 .g-avatar__icon.m-live[data-v-a94235fa] { right: 2px; bottom: 2px; } .g-avatar.m-w50 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 1px; bottom: 2px; height: 16px; } .g-avatar.m-w50 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa] { width: 16px; height: 16px; flex: 0 0 16px; } .g-avatar.m-w50[data-v-a94235fa] .b-default-avatar { width: 18px; height: 18px; flex: 0 0 18px; } .g-avatar.m-w100[data-v-a94235fa] { width: 100px; height: 100px; flex: 0 0 100px; border: 2px solid var(--bg-color); font-size: 36px; } .m-bg-colored .g-avatar.m-w100[data-v-a94235fa] { border-color: var(--marked-color); } .g-avatar.m-w100.m-hexagon-form[data-v-a94235fa] { outline-offset: 4px; } .g-avatar.m-w100.m-hexagon-form .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .g-avatar.m-w100.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: var(--bg-color); } .b-story-questionnaire .g-avatar.m-w100.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .g-avatar.m-w100.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .g-avatar.m-w100 .g-avatar__icon.m-live[data-v-a94235fa] { right: 7px; bottom: 7px; width: 14px; height: 14px; flex: 0 0 14px; } .g-avatar.m-w100 .g-avatar__icon.m-live .g-icon[data-v-a94235fa] { width: 12px; height: 12px; flex: 0 0 12px; } .g-avatar.m-w100 .g-avatar__icon.m-opensea-label[data-v-a94235fa] { left: 2px; bottom: 4px; height: 24px; } .g-avatar.m-w100 .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa] { width: 24px; height: 24px; flex: 0 0 24px; } .g-avatar.m-w100[data-v-a94235fa] .b-default-avatar { width: 36px; height: 36px; flex: 0 0 36px; } .g-avatar.m-with-btn-pe.m-hexagon-form .b-pe-btn-collapse[data-v-a94235fa] { clip-path: url("#hexagon-clippath"); } .g-avatar.m-with-btn-pe.m-hexagon-form:hover .b-pe-btn-collapse[data-v-a94235fa] { background-color: rgba(255, 255, 255, 0.12); } .g-avatar.m-border-line.has-started-stream[data-v-a94235fa] { box-shadow: none; } .g-avatar.m-border-line[data-v-a94235fa]:not(.has-started-stream) { outline-offset: 4px; } .g-avatar.m-border-line:not(.has-started-stream) .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .g-avatar.m-border-line:not(.has-started-stream) .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: var(--bg-color); } .b-story-questionnaire .g-avatar.m-border-line:not(.has-started-stream) .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .g-avatar.m-border-line:not(.has-started-stream) .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .g-avatar.m-border-line[data-v-a94235fa]:not(.has-started-stream):not(.m-hexagon-form) { background: var(--bg-color); box-shadow: 0 0 0 2px var(--bg-color); } .b-toaster-stream .g-avatar.m-border-line[data-v-a94235fa]:not(.has-started-stream):not(.m-hexagon-form) { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; } .b-slide-panel .g-avatar.m-border-line[data-v-a94235fa]:not(.has-started-stream):not(.m-hexagon-form) { background: none; } .g-avatar.m-border-line:not(.has-started-stream).online_status_class .g-avatar__icon.m-live[data-v-a94235fa], .g-avatar.m-border-line:not(.has-started-stream).online_status_class .g-avatar__icon.m-mute[data-v-a94235fa], .g-avatar.m-border-line:not(.has-started-stream).online_status_class[data-v-a94235fa]::after { border-color: var(--bg-color); } .g-avatar.m-border-line-theme.has-started-stream[data-v-a94235fa] { box-shadow: none; } .g-avatar.m-border-line-theme[data-v-a94235fa]:not(.has-started-stream) { box-shadow: 0 0 0 2px var(--bg-color); } .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form[data-v-a94235fa] { box-shadow: none; outline-offset: 4px; } .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: var(--bg-color); } .b-story-questionnaire .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .g-avatar.m-border-line-theme:not(.has-started-stream).m-hexagon-form[style][data-v-a94235fa] { box-shadow: none !important; } .g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class .g-avatar__icon.m-live[data-v-a94235fa], .g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class .g-avatar__icon.m-mute[data-v-a94235fa], .g-avatar.m-border-line-theme:not(.has-started-stream).online_status_class[data-v-a94235fa]::after { border-color: var(--bg-color); } .g-avatar.m-clickable-overlay[data-v-a94235fa]::after { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.12); pointer-events: none; content: ""; z-index: 2; border-radius: inherit; } .g-avatar.m-clickable-overlay.m-hexagon-form[data-v-a94235fa]::after { clip-path: url("#hexagon-clippath"); } .g-avatar.m-hexagon-form[data-v-a94235fa] { border: medium; border-radius: 0px; box-shadow: none; background: transparent; } @media (any-hover: hover) and (pointer: fine) { .g-avatar.m-hexagon-form[data-v-a94235fa]:focus-visible { border-radius: 6px; } } .g-avatar.m-hexagon-form[data-v-a94235fa] img { clip-path: url("#hexagon-clippath"); } .l-header__menu .g-avatar.m-hexagon-form[data-v-a94235fa] { outline-offset: 4px; } .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: rgb(0, 145, 234); } .b-story-questionnaire .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::before { content: ""; position: absolute; inset: -6px; clip-path: url("#hexagon-clippath"); background-color: rgba(0, 145, 234, 0.06); z-index: -1; transform: scale(0); opacity: 0; transition: opacity 0.2s, transform 0.2s; } .l-header__menu .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { transform: scale(0); opacity: 0; transition: opacity 0.2s, transform 0.2s; } @media (any-hover: hover) and (pointer: fine) { .m-sidebar-visible .l-header__menu .g-avatar.m-hexagon-form:not(:hover) .b-hexagon-el[data-v-a94235fa]::before { content: none; } .m-sidebar-visible .l-header__menu .g-avatar.m-hexagon-form:not(:hover) .b-hexagon-el[data-v-a94235fa]::after { opacity: 1; transform: scale(1); box-shadow: none; background: var(--text-color); } .l-header__menu .g-avatar.m-hexagon-form:hover .b-hexagon-el[data-v-a94235fa]::after, .l-header__menu .g-avatar.m-hexagon-form:hover .b-hexagon-el[data-v-a94235fa]::before { opacity: 1; transform: scale(1); } } .b-editor-toolbar .b-tabs__nav__item:hover .g-avatar.m-hexagon-form[data-v-a94235fa] { outline-offset: 4px; } .b-editor-toolbar .b-tabs__nav__item:hover .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .b-editor-toolbar .b-tabs__nav__item:hover .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: rgb(0, 145, 234); } .b-story-questionnaire .b-editor-toolbar .b-tabs__nav__item:hover .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .b-editor-toolbar .b-tabs__nav__item:hover .g-avatar.m-hexagon-form .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .g-avatar.m-absolute[data-v-a94235fa] { position: absolute; } .g-avatar.m-valign-center[data-v-a94235fa] { top: 50%; transform: translateY(-50%); } .b-slide-panel .g-avatar[data-v-a94235fa] { background: none; } .m-avatar-item .g-avatar[data-v-a94235fa] { z-index: 1; } .b-chat__message .g-avatar[data-v-a94235fa] { bottom: 0px; left: -44px; } .b-chat__typing-message .g-avatar[data-v-a94235fa] { left: 36px; top: 0px; } .b-fans__item__header .g-avatar[data-v-a94235fa] { left: 16px; top: 0px; } .b-profile__user .g-avatar[data-v-a94235fa] { margin-left: -2px; margin-right: 14px; z-index: 1; } .l-profile-page .b-profile__user .g-avatar[data-v-a94235fa] { margin-top: -50px; } .b-user-header .g-avatar[data-v-a94235fa] { top: 2px; left: 2px; } .b-selection-user .b-user-header .g-avatar[data-v-a94235fa] { top: -1px; left: 0px; } .m-fans .b-user-header .g-avatar[data-v-a94235fa] { left: 0px; } .b-user-header.m-modal-header .g-avatar[data-v-a94235fa] { top: 0px; } .b-comment-form__header .g-avatar[data-v-a94235fa] { left: 16px; top: 13px; } .b-viewer-row .g-avatar[data-v-a94235fa] { left: -2px; } .b-comments__item .g-avatar.m-absolute[data-v-a94235fa] { left: 0px; top: 2px; } .b-story-questionnaire .g-avatar[data-v-a94235fa] { position: absolute; transform: translate(-50%, -50%); top: 0px; left: 50%; } .b-story-answer__header .g-avatar[data-v-a94235fa] { left: -44px; top: 50%; transform: translateY(-50%); } .b-story-header__author .g-avatar[data-v-a94235fa] { left: 0px; top: 3px; } .b-offer-join__bubble .g-avatar[data-v-a94235fa] { left: 0px; top: 0px; } .b-header-userinfo .g-avatar[data-v-a94235fa] { top: 1px; left: 0px; } .m-tip-modal .b-header-userinfo .g-avatar[data-v-a94235fa] { top: 4px; } .g-avatar.m-improve-display-avatar[data-v-a94235fa] img { transform: translate(0px); } .g-avatar.has-started-stream[data-v-a94235fa] { background-color: transparent; } .g-avatar.has-started-stream[data-v-a94235fa] img { width: calc(100% - 4px); height: calc(100% - 4px); transform: translate3d(2px, 2px, 0px); } .g-avatar.has-started-stream.m-hexagon-form[data-v-a94235fa] img { transform: translate(2px, 2px); } .g-avatar[data-v-a94235fa] .b-default-avatar { font-size: inherit; transform: scale(1.8); } [data-v-a94235fa] .g-avatar__img-clone { background-repeat: no-repeat; background-position: 50% center; background-size: cover; position: absolute; inset: 0px; clip-path: url("#hexagon-clippath"); } .g-avatar__img-wrapper[data-v-a94235fa] { width: 100%; height: 100%; border-radius: inherit; } .m-improve-display-avatar[data-v-a94235fa] .g-avatar__img-wrapper { transform: translateZ(0px); } .g-avatar__img-wrapper[data-v-a94235fa]::after { content: ""; inset: 0px; position: absolute; z-index: 1; } .m-hexagon-form[data-v-a94235fa] .g-avatar__img-wrapper { position: relative; z-index: 1; } .b-tabs__nav__icon .has-story[data-v-a94235fa] .g-avatar__img-wrapper { margin-top: 2px; margin-left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } @media (any-hover: hover) and (pointer: fine) { .g-avatar[data-v-a94235fa]:focus-visible { outline: none; } .g-avatar:focus-visible .g-avatar__placeholder[data-v-a94235fa] { overflow: visible; } .g-avatar:focus-visible .g-avatar__placeholder[data-v-a94235fa]::before { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } .b-profile__user .g-avatar:focus-visible .g-avatar__placeholder[data-v-a94235fa]::before { outline-offset: 4px; } .g-avatar:focus-visible .g-avatar__img-wrapper[data-v-a94235fa]::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } .b-profile__user .g-avatar:focus-visible .g-avatar__img-wrapper[data-v-a94235fa]::after { outline-offset: 4px; } .g-avatar:focus-visible.has-started-stream .g-avatar__img-wrapper[data-v-a94235fa]::after, .g-avatar:focus-visible.has-story .g-avatar__img-wrapper[data-v-a94235fa]::after { outline-offset: 4px; } .g-avatar:focus-visible.has-started-stream .g-avatar__placeholder[data-v-a94235fa]::before, .g-avatar:focus-visible.has-story .g-avatar__placeholder[data-v-a94235fa]::before { outline-offset: 5px; } } .g-avatar[data-v-a94235fa] img { border-radius: inherit; width: 100%; height: 100%; object-fit: cover; display: block; position: relative; pointer-events: none; } .g-avatar[data-v-a94235fa] img.m-border-line { border: 1px solid rgb(254, 254, 254); } .g-avatar__icon[data-v-a94235fa] { border-radius: 1000px; border-style: solid; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(254, 254, 254); position: absolute; z-index: 3; box-sizing: content-box; } .g-avatar__icon.m-live[data-v-a94235fa], .g-avatar__icon.m-plus[data-v-a94235fa] { background: rgb(255, 72, 91); border-width: 1px; border-color: var(--bg-color); } .g-avatar__icon.m-live .g-icon[data-v-a94235fa], .g-avatar__icon.m-plus .g-icon[data-v-a94235fa] { fill: rgb(254, 254, 254); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; display: flex; flex-direction: row; place-content: center; align-items: center; } .g-avatar__icon.m-plus[data-v-a94235fa] { width: 16px; height: 16px; flex: 0 0 16px; right: -2px; bottom: -2px; border: medium; } .g-avatar__icon.m-plus .g-icon[data-v-a94235fa] { width: 14px; height: 14px; flex: 0 0 14px; } .g-avatar__icon.m-live[data-v-a94235fa] { width: 10px; height: 10px; flex: 0 0 10px; right: 0px; bottom: 0px; } .g-avatar__icon.m-live .g-icon[data-v-a94235fa] { width: 8px; height: 8px; flex: 0 0 8px; } .g-avatar__icon.m-mute[data-v-a94235fa] { width: 8px; height: 8px; flex: 0 0 8px; border-width: 2px; border-color: var(--bg-color); bottom: 1px; right: 1px; background: var(--bg-color); } .m-bg-colored .g-avatar__icon.m-mute[data-v-a94235fa] { border-color: var(--marked-color); } .g-avatar__icon.m-mute[data-v-a94235fa]::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background-color: rgba(138, 150, 163, 0.4); z-index: 0; } .g-avatar__icon.m-mute .g-icon[data-v-a94235fa] { width: 8px; height: 8px; flex: 0 0 8px; z-index: 1; } .g-avatar__icon.m-opensea-label[data-v-a94235fa] { right: auto; left: 0px; bottom: 0px; border: medium; } .g-avatar__icon.m-opensea-label .g-icon[data-v-a94235fa] { vertical-align: top; } .online_status_class.m-muted-by-me.m-w24 .g-avatar__icon.m-mute[data-v-a94235fa] { right: -3px; bottom: -3px; } .online_status_class.m-muted-by-me.m-w36 .g-avatar__icon.m-mute[data-v-a94235fa] { right: 0px; bottom: 0px; } .online_status_class.m-muted-by-me.m-w100 .g-avatar__icon.m-mute[data-v-a94235fa] { width: 12px; height: 12px; bottom: 6px; right: 6px; } .online_status_class.m-muted-by-me.m-w100 .g-avatar__icon.m-mute .g-icon[data-v-a94235fa] { width: 12px; height: 12px; flex: 0 0 12px; } .online_status_class.m-muted-by-me.online[data-v-a94235fa]::after { content: none; } .online_status_class.online[data-v-a94235fa]::after { content: ""; position: absolute; width: 8px; height: 8px; border: 2px solid var(--bg-color); border-radius: 1000px; bottom: 1px; right: 1px; background: rgb(53, 208, 99); z-index: 2; box-sizing: content-box; } .b-comments__form .online_status_class.online[data-v-a94235fa]::after, .m-bg-colored .online_status_class.online[data-v-a94235fa]::after { border-color: var(--marked-color); } .online_status_class.online.m-w24[data-v-a94235fa]::after { right: -3px; bottom: -3px; } .online_status_class.online.m-w36[data-v-a94235fa]::after { right: 0px; bottom: 0px; } .online_status_class.online.m-w100[data-v-a94235fa]::after { width: 12px; height: 12px; bottom: 6px; right: 6px; } .has-started-stream[data-v-a94235fa]::before, .has-story[data-v-a94235fa]::before { content: ""; position: absolute; inset: -2px; background: linear-gradient(0deg, rgb(255, 96, 96), rgb(255, 144, 96)) 100% center no-repeat; border-radius: 1000px; } .b-tabs__nav__icon .has-started-stream[data-v-a94235fa]::before, .b-tabs__nav__icon .has-story[data-v-a94235fa]::before { inset: 0px; } .has-started-stream.m-hexagon-form.g-avatar[data-v-a94235fa], .has-story.m-hexagon-form.g-avatar[data-v-a94235fa] { outline-offset: 4px; background-position: 100% center; background-repeat: no-repeat; } .has-started-stream.m-hexagon-form.g-avatar[data-v-a94235fa] img, .has-story.m-hexagon-form.g-avatar[data-v-a94235fa] img { border: medium; } .has-started-stream.m-hexagon-form.g-avatar[data-v-a94235fa]::before, .has-story.m-hexagon-form.g-avatar[data-v-a94235fa]::before { content: none; } .story-ran .has-started-stream.m-hexagon-form.g-avatar:not(.m-w100) .b-hexagon-el[data-v-a94235fa]::after, .story-ran .has-story.m-hexagon-form.g-avatar:not(.m-w100) .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa], .has-story.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa] { width: 100%; height: 100%; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: -1; } .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after, .has-story.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: -2px; z-index: inherit; background: linear-gradient(0deg, rgb(255, 96, 96), rgb(255, 144, 96)); } .b-story-questionnaire .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after, .b-story-questionnaire .has-story.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after { opacity: 0; } .b-photo-editor .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after, .b-photo-editor .has-story.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after { background: rgb(254, 254, 254); } .b-tabs__nav__icon .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after, .b-tabs__nav__icon .has-story.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after { inset: 0px; } .has-started-stream[data-v-a94235fa] img, .has-story[data-v-a94235fa] img { background-color: var(--bg-color); border: 1px solid var(--bg-color); } .has-started-stream[data-v-a94235fa]::before { border: 2px solid var(--bg-color); } .has-started-stream.m-hexagon-form.g-avatar[data-v-a94235fa] { border: 1px solid transparent; } .has-started-stream.m-hexagon-form.g-avatar.m-w100[data-v-a94235fa] { border-width: 3px; } .has-started-stream.m-hexagon-form.g-avatar[data-v-a94235fa] img { z-index: 1; } .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa] { z-index: 0; } .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::before { content: ""; clip-path: url("#hexagon-clippath"); position: absolute; inset: 2px; z-index: 1; background: rgb(255, 255, 255); } .has-started-stream.m-hexagon-form.g-avatar .b-hexagon-el[data-v-a94235fa]::after { inset: -1px; } .m-scheduled-story .has-story[data-v-a94235fa]::before { content: none; } .has-story[data-v-a94235fa]:not(.has-new-story)::before { opacity: 0.5; } .has-story[data-v-a94235fa] img { position: relative; } .m-scheduled-story .has-story[data-v-a94235fa] img { border: medium; } .b-hexagon-icon[data-v-a94235fa] { width: calc(100% + 6px); height: calc(100% + 6px); position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); background-color: var(--bg-color); clip-path: url("#hexagon-clippath"); } .story-ran .b-hexagon-icon[data-v-a94235fa]:not(.m-ios-detect) { display: none; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .l-footer-static[data-v-b7fedca2] { color: rgb(138, 150, 163); border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 35px; padding-bottom: 50px; font-size: 12px; line-height: 16px; margin-top: auto; } .l-footer-static.m-guest[data-v-b7fedca2], .p-login .l-footer-static[data-v-b7fedca2] { background: var(--bg-color); } .l-footer-static .container[data-v-b7fedca2] { max-width: 972px; } @media (min-width: 1280px) { .l-footer-static .container[data-v-b7fedca2] { max-width: 1136px; } } @media (min-width: 1344px) { .l-footer-static .container[data-v-b7fedca2] { max-width: 1118px; } } .l-footer-static__menu__group.m-menu-social[data-v-b7fedca2] { margin-top: -5px; display: inline-flex; flex-direction: row; align-content: center; align-items: center; } @media (any-hover: hover) and (pointer: fine) { .l-footer-static__menu__group.m-menu-social a[data-v-b7fedca2]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .l-footer-static__menu__group .g-icon[data-v-b7fedca2] { vertical-align: top; width: 16px; height: 16px; flex: 0 0 16px; } .l-footer-static__menu__item[data-v-b7fedca2] { color: inherit; display: inline-block; vertical-align: top; margin-bottom: 16px; } .l-footer-static__menu__item.m-bold[data-v-b7fedca2] { font-weight: 500; } .l-footer-static__menu__item[data-v-b7fedca2]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .l-footer-static__menu__item[data-v-b7fedca2]:focus-visible { color: rgb(0, 145, 234); } .l-footer-static__menu__item:focus-visible [data-v-b7fedca2], .l-footer-static__menu__item[data-v-b7fedca2]:focus-visible { text-decoration: underline; outline: none; } } .l-footer-static__menu__group .l-footer-static__menu__item[data-v-b7fedca2] { margin-bottom: 0px; padding: 5px; } .l-footer-static__menu__group .l-footer-static__menu__item[data-v-b7fedca2]:first-child { margin-left: -5px; margin-right: 6px; position: relative; } .b-menu__social .l-footer-static__menu__group .l-footer-static__menu__item[data-v-b7fedca2]:first-child { margin-left: 0px; } .b-menu__social .l-footer-static__menu__group .l-footer-static__menu__item[data-v-b7fedca2]:first-child::after { content: "•"; position: absolute; right: -8px; top: 0px; bottom: 0px; font-size: 11px; display: inline-flex; flex-direction: row; align-content: center; align-items: center; pointer-events: none; } .b-menu__social .l-footer-static__menu__group .l-footer-static__menu__item[data-v-b7fedca2]:last-child { margin-left: 6px; } .l-footer-static__menu__col[data-v-b7fedca2]:first-child { display: flex; flex-direction: column; place-content: flex-start; align-items: flex-start; padding-right: 16px; width: 35%; flex: 0 0 35%; } @media (min-width: 1004px) { .l-footer-static__menu__col[data-v-b7fedca2]:first-child { width: 20.2%; flex: 0 0 20.2%; } } @media (min-width: 1280px) { .l-footer-static__menu__col[data-v-b7fedca2]:first-child { width: 20.4%; flex: 0 0 20.4%; } } @media (min-width: 1344px) { .l-footer-static__menu__col[data-v-b7fedca2]:first-child { width: 20.7%; flex: 0 0 20.7%; } } .l-footer-static__menu__col[data-v-b7fedca2]:last-child { display: grid; column-gap: 16px; flex: 0 0 auto; grid-template-columns: repeat(2, 1fr); width: 65%; } @media (min-width: 1004px) { .l-footer-static__menu__col[data-v-b7fedca2]:last-child { grid-template-columns: repeat(4, 1fr); width: 79.8%; } } @media (min-width: 1280px) { .l-footer-static__menu__col[data-v-b7fedca2]:last-child { width: 79.6%; } } @media (min-width: 1344px) { .l-footer-static__menu__col[data-v-b7fedca2]:last-child { width: 81.3%; } } .l-footer-static nav[data-v-b7fedca2] { padding-top: 13px; color: rgb(138, 150, 163); column-gap: normal; display: flex; flex-direction: row; align-content: flex-start; align-items: flex-start; } .l-footer-static nav > a[data-v-b7fedca2], .l-footer-static nav > div[data-v-b7fedca2] { width: 100%; } @media (max-width: 767.98px) and (orientation: portrait) { @supports (padding-bottom:constant(safe-area-inset-bottom)) { .l-footer-static[data-v-b7fedca2] { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .l-footer-static[data-v-b7fedca2] { padding-bottom: calc(57px + env(safe-area-inset-bottom)); margin-bottom: calc((57px + env(safe-area-inset-bottom))*-1); } } } .b-language-switcher[data-v-b7fedca2]::before { content: ""; display: block; margin-bottom: 19px; width: 64px; height: 2px; border-radius: 2px; background: rgba(0, 175, 240, 0.5); } @media (min-width: 560px) { .b-menu__social__wrapper[data-v-b7fedca2] { position: relative; } } @media (max-width: 1199.98px) { .b-menu__social__wrapper[data-v-b7fedca2] { display: flex; justify-content: space-between; } } .b-cookies-informer[data-v-fe22891a] { border-bottom: 1px solid rgba(138, 150, 163, 0.25); width: calc(100% + var(--scrollbar-width)); color: rgb(138, 150, 163); position: relative; min-height: 49px; padding-top: 8px; padding-bottom: 3px; z-index: 8; transform: translateZ(0px); } .m-prevent-scrolling .b-cookies-informer[data-v-fe22891a] { padding-right: calc(16px + var(--scrollbar-width)); } @media screen and (min-width: 710px) { .b-cookies-informer[data-v-fe22891a] { padding-top: 6px; padding-bottom: 6px; } } .m-black-body .b-cookies-informer[data-v-fe22891a] { display: none; } .m-prevent-scrolling.m-menu-visible .b-cookies-informer[data-v-fe22891a] { z-index: auto; } .m-sidebar-visible .b-cookies-informer[data-v-fe22891a] { z-index: 98; } @media (min-width: 500px) { .m-sidebar-visible .b-cookies-informer[data-v-fe22891a] + .container.m-main-container .l-sidebar { position: fixed; left: auto; } } .b-cookies-informer__container[data-v-fe22891a] { margin-left: auto; margin-right: auto; display: flex; flex-flow: wrap; place-content: center; align-items: center; max-width: 1000px; } .b-cookies-informer__text[data-v-fe22891a] { font-size: 14px; line-height: 20px; margin-top: 6px; margin-bottom: 6px; flex: 0 0 auto; max-width: 100%; } @media screen and (min-width: 710px) { .b-cookies-informer__text[data-v-fe22891a] { margin-top: 4px; margin-bottom: 4px; } } .b-cookies-informer__text .g-icon[data-v-fe22891a] { vertical-align: middle; margin-right: 2px; margin-left: 1px; transform: translateY(-1px); } .b-cookies-informer__nav[data-v-fe22891a] { display: flex; flex-flow: wrap; place-content: center flex-end; align-items: center; margin: 6px 0px; } @media screen and (min-width: 710px) { .b-cookies-informer__nav[data-v-fe22891a] { margin: 4px 10px; } } .b-cookies-informer__nav .g-btn[data-v-fe22891a]:not(:first-child) { margin-left: 4px; } .b-page-notice { padding: 0px 14px 0px 10px; height: 44px; position: sticky; top: 0px; background: linear-gradient(97deg, rgb(0, 175, 240), rgb(0, 122, 202)) 100% center no-repeat; color: rgb(254, 254, 254); font-size: 12px; line-height: 16px; display: flex; align-content: center; align-items: center; z-index: 100; } .b-page-notice ~ .m-main-container .b-compact-header.m-sticky:not(.g-header-sticky-edge), .b-page-notice ~ .m-main-container .g-page__header.m-real-sticky:not(.g-header-sticky-edge) { top: 44px; } @media (min-width: 1004px) { .b-page-notice ~ .m-main-container .l-wrapper__sidebar { top: 44px; } } .b-page-notice ~ .m-main-container .l-sidebar-column.m-sticky-column { top: 44px; } @media (min-width: 500px) { .b-page-notice ~ .m-main-container .l-header { top: 44px; max-height: calc(100dvh - 44px); } } .b-page-notice ~ .g-static-container .b-static__header:not(.g-header-sticky-edge) { top: 44px; } .b-page-notice ~ .g-static-container .b-brand-intro, .b-page-notice ~ .g-static-container .b-faq__header__search { top: 100px; } .b-page-notice ~ .g-static-container .b-about__header-section { top: -352px; } .b-page-notice__logo { height: 24px; margin-right: 25px; flex: 0 0 102px; } .b-page-notice__logo-icon { margin: 0px 3px 0px 6px; } .b-page-notice__content { margin-top: -6px; } .b-page-notice__content strong { font-weight: 700; } .b-page-notice .b-icon-dots { margin-left: 0px; margin-right: 3px; transform: translateY(5px); } .b-page-notice .b-icon-arrow { transform: rotate(90deg) translateX(6px); margin-left: 5px; vertical-align: top; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .l-header[data-v-11d8c1cc] { position: sticky; z-index: 98; flex: 0 1 0%; width: calc(100% - var(--scrollbar-width)); } @media (max-width: 499.98px) { .l-header[data-v-11d8c1cc] { bottom: 0px; order: 2; position: fixed; z-index: 100; max-width: 100%; width: 100%; background: var(--bg-color-header); padding-right: var(--scrollbar-width); } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:constant(safe-area-inset-bottom)) { .l-header[data-v-11d8c1cc] { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .l-header[data-v-11d8c1cc] { padding-bottom: env(safe-area-inset-bottom); } } } @media (max-width: 499.98px) { .m-search-overlay-enable .l-header[data-v-11d8c1cc] { z-index: 3; } .open-panel .l-header[data-v-11d8c1cc] { z-index: 0; } } @media (min-width: 500px) { .l-header[data-v-11d8c1cc] { display: flex; flex-direction: column; justify-content: flex-start; height: 100dvh; top: 0px; left: 0px; box-sizing: content-box; } } @media (min-width: 500px) and (orientation: landscape) { @supports (padding-left:constant(safe-area-inset-left)) { .l-header[data-v-11d8c1cc] { } } @supports (padding-left:env(safe-area-inset-left)) { .l-header[data-v-11d8c1cc] { padding-left: env(safe-area-inset-left); } } } @media (min-width: 500px) { .main-wrapper.m-chat-container .l-header[data-v-11d8c1cc] { height: auto; align-self: stretch; max-height: 100dvh; } .l-header[data-v-11d8c1cc] { width: 64px; flex: 0 0 64px; } } @media (min-width: 616px) { .l-header[data-v-11d8c1cc] { width: 80px; flex: 0 0 80px; } } @media (min-width: 1004px) { .l-header[data-v-11d8c1cc] { width: 80px; flex: 0 0 80px; } } @media (min-width: 1280px) { .l-header[data-v-11d8c1cc] { width: 280px; flex: 0 0 280px; } .l-header.m-narrow-width-header[data-v-11d8c1cc] { width: auto; flex-grow: 1; flex-basis: auto; max-width: 80px; } } @media (min-width: 1004px) { .m-main-container:not(.m-right-sidebar) .l-header.m-narrow-width-header[data-v-11d8c1cc] ~ #content > .container { max-width: 100%; } .l-header.m-narrow-width-header[data-v-11d8c1cc] ~ #content .l-wrapper__holder-content { max-width: 100%; margin-left: 0px; margin-right: 0px; } .l-header.m-narrow-width-header[data-v-11d8c1cc] ~ #content .l-wrapper__holder-content .l-wrapper__content { max-width: inherit; } .container.m-main-container .l-header.m-narrow-width-header[data-v-11d8c1cc] ~ #content .g-sides-gaps { max-width: 100%; } .l-header[data-v-11d8c1cc] { margin-left: -16px; } } @media (min-width: 1280px) { .l-header[data-v-11d8c1cc] { box-sizing: border-box; } } @media (min-width: 1004px) and (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:constant(safe-area-inset-bottom)) { .l-header[data-v-11d8c1cc] { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .l-header[data-v-11d8c1cc] { padding-bottom: env(safe-area-inset-bottom); } } } .m-black-body .l-header[data-v-11d8c1cc] { display: none; } @media (min-width: 1004px) { .l-header.m-edge-lg[data-v-11d8c1cc] { margin-left: -18px; } } @media only screen and (max-width: 499.98px) and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .l-header.m-edge[data-v-11d8c1cc] { padding-bottom: 16px; height: auto; width: 100%; position: fixed; } } @media only screen and (max-width: 499.98px) and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .l-header.m-edge[data-v-11d8c1cc] { padding-bottom: 16px; height: auto; width: 100%; position: fixed; } } @media (max-width: 499.98px) { .p-personal-chats-chat .l-header[data-v-11d8c1cc] { display: none; } } @media (min-width: 500px) { .modal-open.m-black-body .l-header[data-v-11d8c1cc] { background: rgb(24, 24, 26); } } @media (max-width: 767.98px) { .m-prevent-scrolling.m-sidebar-visible .modal-open .l-header[data-v-11d8c1cc] { z-index: 1041; } } .l-header__menu[data-v-11d8c1cc] { display: flex; justify-content: space-between; height: 56px; } @media (max-width: 499.98px) { .l-header__menu[data-v-11d8c1cc] { border-top: 1px solid rgba(138, 150, 163, 0.25); background: var(--bg-color-header); position: relative; box-sizing: content-box; z-index: 101; } .modal-open.m-black-body .l-header__menu[data-v-11d8c1cc] { background: rgb(24, 24, 26); } } @media (min-width: 500px) { .l-header__menu[data-v-11d8c1cc] { flex-wrap: wrap; flex-grow: 1; place-content: flex-start center; align-items: flex-start; padding: 16px 8px; } } @media (min-width: 1280px) { .l-header__menu[data-v-11d8c1cc] { padding-left: 16px; padding-right: 16px; max-width: 248px; box-sizing: content-box; max-height: calc(-32px + 100vh); } } .l-header__menu__item[data-v-11d8c1cc] { display: flex; flex-direction: row; align-content: center; align-items: center; position: relative; } .l-header__menu__item[data-v-11d8c1cc]:not(.m-create-post) { padding: 0px; } @media (max-width: 499.98px) { .l-header__menu__item[data-v-11d8c1cc] { z-index: 100; } } @media (min-width: 500px) { .l-header__menu__item[data-v-11d8c1cc] { width: 100%; flex: 0 0 100%; height: 48px; justify-content: center; margin-bottom: 8px; } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item[data-v-11d8c1cc]:not(.m-create-post):not(.m-avatar-item):focus-visible { outline: none; } .l-header__menu__item[data-v-11d8c1cc]:not(.m-create-post):not(.m-avatar-item):focus-visible::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; height: 40px; border-radius: 1000px; display: block; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } @media (max-width: 1279.98px) and (any-hover: hover) and (pointer: fine) { .l-header__menu__item[data-v-11d8c1cc]:not(.m-create-post):not(.m-avatar-item):focus-visible::before { width: 40px; } } @media (min-width: 1280px) { .l-header:not(.m-narrow-width-header) .l-header__menu__item[data-v-11d8c1cc]:not(.m-create-post):not(.m-avatar-item) { justify-content: flex-start; padding-left: 3px; width: 100%; flex-basis: 100%; } } .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn) { background: none; border: medium; color: rgb(138, 150, 163); } @media (max-width: 1279.98px) { .l-header__menu__item.m-width-fluid-hover[data-v-11d8c1cc]::after { width: 40px; } } .l-header__menu__item.m-avatar-item[data-v-11d8c1cc] { width: fit-content; flex: 0 0 auto; margin: 8px auto 16px 0px; height: auto; } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-avatar-item[data-v-11d8c1cc]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: 4px; } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-avatar-item:focus-visible .g-avatar[data-v-11d8c1cc]::before { opacity: 1; transform: scale(1); } } @media (max-width: 1279.98px) { .l-header__menu__item.m-avatar-item[data-v-11d8c1cc] { margin-right: 0px; margin-top: 6px; margin-bottom: 14px; } } @media (min-width: 1280px) { .l-header__menu__item.m-avatar-item[data-v-11d8c1cc] { margin-left: 3px; } } @media (min-width: 1280px) and (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-avatar-item[data-v-11d8c1cc]:focus-visible { outline-offset: 6px; } } @media (max-width: 499.98px) { .l-header__menu__item.m-avatar-item[data-v-11d8c1cc] { margin: 0px; order: 5; } .l-header__menu__item.m-avatar-item[data-v-11d8c1cc]:only-child { margin-left: auto; } } .l-header__menu__item.m-avatar-item[data-v-11d8c1cc]::after { display: none; } @media (max-width: 499.98px) { .l-header__menu__item.m-home[data-v-11d8c1cc] { order: 1; } .l-header__menu__item.m-notifications[data-v-11d8c1cc] { order: 2; } .l-header__menu__item.m-chats[data-v-11d8c1cc] { order: 4; } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-create-post[data-v-11d8c1cc]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } @media (min-width: 500px) { .l-header__menu__item.m-create-post[data-v-11d8c1cc] { width: 48px; flex-basis: 48px; margin-top: 8px; } } @media (max-width: 499.98px) { .l-header__menu__item.m-create-post[data-v-11d8c1cc] { order: 3; } } @media (min-width: 1280px) { .l-header:not(.m-narrow-width-header) .l-header__menu__item.m-create-post[data-v-11d8c1cc] { width: auto; flex-basis: 100%; } } @media (min-width: 500px) { .l-header__menu__item.m-create-post.m-disabled[data-v-11d8c1cc] { background-color: rgba(138, 150, 163, 0.75); } } @media (hover: none) and (pointer: coarse) { .l-header__menu__item[data-v-11d8c1cc]:active { text-decoration: none; color: rgb(138, 150, 163); } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):focus { text-decoration: none; color: rgb(138, 150, 163); } .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):focus:hover, .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):hover { text-decoration: none; color: var(--text-color); } .l-header__menu__item.g-btn:focus:hover .l-header__menu__item__hasDraft[data-v-11d8c1cc], .l-header__menu__item.g-btn:hover .l-header__menu__item__hasDraft[data-v-11d8c1cc] { box-shadow: rgb(0, 145, 234) 0px 0px 0px 2px; color: rgb(0, 145, 234); } } .l-header__menu__item.m-disabled[data-v-11d8c1cc] { opacity: 0.4; pointer-events: none; } .l-header__menu__item.m-current:not(.m-create-post) .l-header__menu__item__hasDraft[data-v-11d8c1cc] { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px; color: rgb(0, 0, 0); } .l-header__menu__item.m-current[data-v-11d8c1cc]:not(.g-btn) { color: var(--text-color); } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-current[data-v-11d8c1cc]:not(.g-btn):focus-visible { color: rgb(0, 145, 234); } } @media (hover: none) and (pointer: coarse) { .l-header__menu__item.m-current:not(.g-btn).m-with-round-hover[data-v-11d8c1cc]::after { display: none; } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item.m-current[data-v-11d8c1cc]:not(.g-btn):hover { color: rgb(0, 145, 234); } } .l-header__menu__item__icon[data-v-11d8c1cc] { display: inline-flex; flex-direction: row; place-content: center; align-items: center; position: relative; width: 36px; height: 36px; } @media (min-width: 1280px) { .l-header__menu__item__icon[data-v-11d8c1cc] { width: 32px; height: 32px; } .m-create-post .l-header__menu__item__icon[data-v-11d8c1cc] { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); } } .m-avatar-item .l-header__menu__item__icon[data-v-11d8c1cc] { z-index: 1; } .l-header__menu__item__icon .g-icon.m-nav-icon[data-v-11d8c1cc] { width: 33px; height: 33px; flex: 0 0 33px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } @media (max-width: 1279.98px) { .l-header__menu__item__text[data-v-11d8c1cc] { display: none; } } @media (min-width: 1280px) { .l-header.m-narrow-width-header .l-header__menu__item__text[data-v-11d8c1cc] { display: none; } .l-header:not(.m-narrow-width-header) .l-header__menu__item__text[data-v-11d8c1cc] { font-size: 19px; line-height: 24px; font-weight: 500; margin-left: 21px; max-width: calc(100% - 63px); } .l-header:not(.m-narrow-width-header) .m-create-post .l-header__menu__item__text[data-v-11d8c1cc] { font-size: 14px; margin-left: 2px; } } .l-header__menu__item__point[data-v-11d8c1cc] { position: absolute; background: rgb(0, 175, 240); width: 8px; height: 8px; border-radius: 1000px; top: 3px; right: 0px; box-shadow: 0 0 0 2px var(--bg-color); z-index: 1; } .modal-open.m-black-body .l-header__menu__item__point[data-v-11d8c1cc] { box-shadow: rgb(22, 22, 24) 0px 0px 0px 2px; } .l-header__menu__item__count[data-v-11d8c1cc]:not(:empty) { color: rgb(254, 254, 254); font-size: 11px; font-weight: 700; text-align: center; } @media (max-width: 499.98px) { .l-header__menu__item__count[data-v-11d8c1cc]:not(:empty) { top: -2px; right: -8px; } } .l-header__menu__item__count:not(:empty).m-beta[data-v-11d8c1cc] { font-size: 14px; line-height: 14px; padding: 0px; font-weight: 500; z-index: 2; top: -2px; right: 0px; } @media (min-width: 500px) { .l-header__menu__item__count:not(:empty).m-beta[data-v-11d8c1cc] { top: 0px; right: -2px; } } .l-header__menu__item__count:not(:empty).m-beta-2[data-v-11d8c1cc] { color: rgb(36, 37, 41); } .l-header__menu__item__count:not(:empty).m-system[data-v-11d8c1cc] { background: rgb(255, 72, 91); } .l-header__menu__item__count[data-v-11d8c1cc]:not(:empty), .l-header__menu__item__hasDraft[data-v-11d8c1cc] { display: flex; flex-direction: row; place-content: center; align-items: center; position: absolute; background: rgb(0, 175, 240); min-width: 16px; height: 16px; line-height: 17px; border-radius: 1000px; padding: 0px 5px; top: -1px; right: -4px; box-shadow: 0 0 0 2px var(--bg-color); z-index: 1; } .modal-open.m-black-body .l-header__menu__item__count[data-v-11d8c1cc]:not(:empty), .modal-open.m-black-body .l-header__menu__item__hasDraft[data-v-11d8c1cc] { box-shadow: rgb(22, 22, 24) 0px 0px 0px 2px; } @media (max-width: 499.98px) { .l-header__menu__item__hasDraft[data-v-11d8c1cc] { top: -2px; right: -2px; } } @media (min-width: 500px) { .l-header__menu__item__hasDraft[data-v-11d8c1cc] { background-color: rgb(254, 254, 254); box-shadow: rgb(0, 175, 240) 0px 0px 0px 2px; color: rgb(0, 175, 240); font-weight: 900; transition: box-shadow 0.15s, color 0.15s; font-size: 12px; top: 0px; right: -9px; } .l-header__menu__item__hasDraft[data-v-11d8c1cc]::after { content: "!"; } } @media (min-width: 1280px) { .l-header__menu__item__hasDraft[data-v-11d8c1cc] { top: -1px; right: -4px; } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):not(.m-current):focus-visible { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):not(.m-current):hover, .l-header__menu__item[data-v-11d8c1cc]:not(.g-btn):not(.m-current):hover:focus { color: rgb(0, 145, 234); } } .l-header__menu .g-avatar[data-v-11d8c1cc]::before { inset: -2px; content: ""; position: absolute; z-index: 1; opacity: 0; transition: opacity 0.2s, transform 0.2s; border-radius: 1000px; border: 2px solid rgb(0, 145, 234); box-shadow: rgba(0, 145, 234, 0.06) 0px 0px 0px 6px; transform-origin: center center 0px; transform: scale(0); } @media (hover: none) and (pointer: coarse) { .m-sidebar-visible .l-header__menu .g-avatar[data-v-11d8c1cc]::before { border-color: var(--text-color); opacity: 1; transform: scale(1); box-shadow: none; } } .l-header__menu .g-avatar.m-hexagon-form[data-v-11d8c1cc]::before { content: none; } @media (any-hover: hover) and (pointer: fine) { .m-sidebar-visible .l-header__menu .g-avatar[data-v-11d8c1cc]:not(:hover)::before { border-color: var(--text-color); opacity: 1; transform: scale(1); box-shadow: none; } .l-header__menu .g-avatar[data-v-11d8c1cc]:hover::before { opacity: 1; transform: scale(1); } } .b-under-field[data-v-4e723aa7] { padding-top: 4px; } .m-type-field ~ .b-under-field[data-v-4e723aa7] { height: 52px; } .b-field-hint[data-v-4e723aa7] { color: rgb(138, 150, 163); flex: 1 1 0%; } .m-error .b-field-hint[data-v-4e723aa7] { color: rgb(255, 96, 96); } .count-block[data-v-4e723aa7] { color: rgb(138, 150, 163); } input:autofill { animation-name: on-auto-fill-start; } .b-loginreg__form[data-v-7539f349] { text-align: center; } .b-loginreg__form[data-v-7539f349] p { margin: 0px 0px 20px; } .b-loginreg__form[data-v-7539f349] p:last-child { margin-bottom: 0px; } .b-loginreg__form .g-input__wrapper[data-v-7539f349]:not(.m-reset-bottom-gap) { padding-bottom: 0px; min-height: 76px; } .b-loginreg__form .g-input__wrapper[data-v-7539f349]:not(.m-reset-bottom-gap):has(.v-input.error--text):has(.v-input__append-outer .g-input__help) { padding-bottom: 20px; } .b-loginreg__form .g-input__wrapper[data-v-7539f349]:not(.m-reset-bottom-gap):has(.v-input.error--text):has(.v-input__append-outer .g-input__help) .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-bottom: 0px; } .b-loginreg__form .g-input__wrapper.captcha_wrapper[data-v-7539f349] { min-height: unset; } .b-loginreg__form .g-input__wrapper.captcha_wrapper.m-visible[data-v-7539f349] { margin-bottom: 24px; } .b-loginreg__form.m-main-form .g-input__wrapper[data-v-7539f349] .v-text-field--enclosed .v-input__append-outer .g-input__help:first-child, .b-loginreg__form.m-main-form .g-input__wrapper[data-v-7539f349] .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-top: 0px; } [data-v-7539f349] .b-loginreg__form__issues { color: rgb(138, 150, 163); font-size: 12px; line-height: 16px; padding: 8px 11px 0px; text-align: left; } .b-loginreg__form[data-v-7539f349] .captcha_wrapper.m-visible { padding-bottom: 24px; } .b-loginreg__form[data-v-7539f349] h3 { margin: 0px 0px 9px; text-align: left; font-size: 14px; line-height: 20px; font-weight: 500; } .b-loginreg__form.m-form-subscriptions[data-v-7539f349] h3 { font-size: 16px; line-height: 20px; margin-bottom: 14px; } .b-loginreg__form.m-form-subscriptions[data-v-7539f349] .g-input__wrapper:not(.m-reset-bottom-gap) { min-height: 72px; } .b-loginreg__form.m-form-subscriptions[data-v-7539f349] .b-loginreg__form__issues { text-align: center; } .b-loginreg__links[data-v-7539f349] { font-size: 14px; line-height: 20px; padding-bottom: 30px; padding-top: 30px; } .b-loginreg__links.m-signup-links[data-v-7539f349] { padding-top: 22px; } .b-loginreg__links.m-signup-links .g-btn.m-flat[data-v-7539f349] { margin-left: 4px; } .b-loginreg__links > span + span[data-v-7539f349] { padding-left: 18px; position: relative; } .b-loginreg__links > span + span[data-v-7539f349]::before { width: 2px; height: 2px; border-radius: 1000px; background: rgb(138, 150, 163); content: ""; position: absolute; top: 50%; margin-top: -1px; left: 8px; } .b-login-wrapper[data-v-2e7bb5bd] { display: flex; flex-direction: column; flex: 1 1 0%; transform: translateZ(0px); } .login_content[data-v-2e7bb5bd] { position: relative; flex: 1 1 0%; padding-top: 16px; overflow: hidden; display: flex; flex-direction: column; z-index: 0; } .b-login-wrapper .login_content[data-v-2e7bb5bd] { flex: unset; } @media (min-width: 768px) { .login_content[data-v-2e7bb5bd] { flex-direction: row; background: linear-gradient(90deg, rgb(0, 175, 240) 50%, transparent 50.01%); padding-top: 70px; padding-bottom: 70px; } .login_content[data-v-2e7bb5bd]::before { position: absolute; inset: 0px 40% 0px 0px; content: ""; background: url("/assets/f6f682c59b839f8a.svg") 100% -6% / auto 190% no-repeat; opacity: 0.12; pointer-events: none; } } @media (min-width: 1280px) { .login_content[data-v-2e7bb5bd]::before { right: 47%; } } @media (min-width: 1344px) { .login_content[data-v-2e7bb5bd] { padding-top: 94px; padding-bottom: 94px; } .login_content[data-v-2e7bb5bd]::before { right: 50%; } } @media (max-width: 1343.98px) { .login_content .container[data-v-2e7bb5bd] { padding-left: 0px; padding-right: 0px; } } .login_content > div[data-v-2e7bb5bd] { flex: 1 1 0%; z-index: 1; } .login_content .logo[data-v-2e7bb5bd] { font: 0px / 0 a; margin: 0px 0px 13px; } .login_content .logo-link[data-v-2e7bb5bd] { display: inline-block; } @media (any-hover: hover) and (pointer: fine) { .login_content .logo-link[data-v-2e7bb5bd]:focus-visible { border-radius: 6px; outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; text-decoration: none; } } .login_content h2[data-v-2e7bb5bd] { font-size: 28px; line-height: 36px; font-weight: 400; margin: 0px 0px 30px; } @media (min-width: 768px) { .login_content h2[data-v-2e7bb5bd] { color: rgb(254, 254, 254); font-size: 32px; line-height: 40px; margin-bottom: 31px; } } .login_content .login-col[data-v-2e7bb5bd] { display: flex; justify-content: center; } @media (min-width: 768px) { .login_content .login-col[data-v-2e7bb5bd] { width: 50%; } } .login_content .login-col__inner[data-v-2e7bb5bd] { width: 344px; } .login_content .login-col__inner[data-v-2e7bb5bd] .b-card-box__icon { pointer-events: none; position: absolute; right: 12px; top: 12px; margin-right: 0px; } .login_content .login-cols[data-v-2e7bb5bd] { flex: 1 1 0%; padding-bottom: 35px; } @media (min-width: 768px) { .login_content .login-cols[data-v-2e7bb5bd] { padding-bottom: 0px; display: flex; place-content: center; align-items: stretch; } } [data-v-2e7bb5bd] .b-signup { text-align: center; margin-bottom: 40px; } [data-v-2e7bb5bd] .b-signup p, [data-v-2e7bb5bd] .b-signup:last-child { margin-bottom: 0px; } .b-login-posts-outer[data-v-2e7bb5bd] { min-height: 300px; border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-login-wrapper .b-login-posts-outer[data-v-2e7bb5bd] { flex: 1 1 0%; } .b-tabs__nav.m-reset-sides-gaps, .g-negative-sides-gaps { margin-left: -16px; margin-right: -16px; } .g-border-top { border-top: 1px solid rgba(138, 150, 163, 0.25); } .g-border-top-bold { border-top: 8px solid var(--marked-color); } .g-border-bottom { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .g-border-bottom-bold { border-bottom: 8px solid var(--marked-color); } .m-default-font-weight { font-weight: 400; } .g-md-text { font-size: 14px; line-height: 20px; } .text-left { text-align: left; } .g-danger-text { color: rgb(231, 108, 108); } .m-capitalize, .tooltip.m-capitalize .tooltip-inner { text-transform: capitalize; } .m-bg-color-gray { background-color: var(--marked-color); } .b-checkbox-toggle { position: relative; text-align: left; padding-right: 44px; } .b-checkbox-toggle.m-switcher-lowercase { padding-bottom: 0px; } .b-checkbox-toggle.m-switcher-lowercase .g-input__label { padding-left: 0px; text-transform: none; color: var(--text-color); } .b-checkbox-toggle.m-switcher-lowercase .b-checkbox-switcher { top: 1px; right: 0px; } @media (any-hover: hover) and (pointer: fine) { .b-checkbox-toggle.m-inverse-color .checkbox:not(:checked) + .b-checkbox-switcher:focus-visible { outline-color: rgb(254, 254, 254); } } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher { background-color: rgba(255, 255, 255, 0.4); border-color: rgb(254, 254, 254); } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher .b-input-ripple { background-color: rgba(0, 0, 0, 0.12); border-color: rgb(254, 254, 254); opacity: 0.75; } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:hover { background-color: rgba(255, 255, 255, 0.5); border-color: rgb(254, 254, 254); } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:hover .b-input-ripple { opacity: 1; border-color: rgb(254, 254, 254); } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:hover .b-input-ripple::after { background-color: transparent; } @media (any-hover: hover) and (pointer: fine) { .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:focus-visible { background-color: rgba(255, 255, 255, 0.5); border-color: rgb(254, 254, 254); } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:focus-visible .b-input-ripple { opacity: 1; border-color: rgb(254, 254, 254); } .b-checkbox-toggle.m-inverse-color .b-checkbox-switcher:focus-visible .b-input-ripple::after { background-color: transparent; } } .b-checkbox-toggle:has(.checkbox[disabled]) .g-input__label { pointer-events: none; } .b-checkbox-toggle:has(.checkbox[disabled]) .b-checkbox-switcher__icon, .b-checkbox-toggle:has(.checkbox[disabled]) .g-input__label { opacity: 0.4; } .b-checkbox-toggle:has(.checkbox[disabled]) .b-checkbox-switcher { opacity: 0.4; pointer-events: none; } .b-checkbox-toggle:has(.checkbox[disabled]) .b-checkbox-switcher.m-preloader-state { opacity: 1; } .b-checkbox-toggle .g-input__label { display: flex; align-content: center; align-items: center; } .b-checkbox-toggle .g-input__label .g-icon-info { font-size: 16px; margin-left: 6px; } .b-checkbox-toggle .checkbox { display: none; } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher { background-color: rgba(0, 175, 240, 0.4); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher.m-preloader-state { background-color: rgba(138, 150, 163, 0.16); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher.m-preloader-state .b-input-ripple { background-color: rgba(0, 175, 240, 0.4); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher .b-input-ripple { left: 13px; border-color: transparent; background-color: rgb(0, 175, 240); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher .b-input-ripple::after { animation: 1s 0.4s forwards pulse-hover; } .m-stream-body .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher .b-input-ripple::after { animation: 1s 0.4s forwards pulse-hover-light; } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher:hover .b-input-ripple { border-color: rgb(0, 145, 234); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher:hover .b-input-ripple::after { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher:focus-visible .b-input-ripple { border-color: rgb(0, 145, 234); } .b-checkbox-toggle .checkbox:checked + .b-checkbox-switcher:focus-visible .b-input-ripple::after { background-color: rgb(0, 145, 234); } } .b-checkbox-toggle .checkbox.m-uncertain-state + .b-checkbox-switcher { background-color: rgba(138, 150, 163, 0.16); } .b-checkbox-toggle .checkbox.m-uncertain-state + .b-checkbox-switcher .b-input-ripple { left: 50%; transform: translateX(-50%); background-color: rgba(138, 150, 163, 0.25); border-color: transparent; } .b-checkbox-toggle .b-checkbox-switcher { position: absolute; top: 3px; right: 8px; margin: 0px; border-radius: 8px; background-color: rgba(138, 150, 163, 0.4); transition: background-color 0.3s; width: 32px; height: 16px; cursor: pointer; border: medium; display: block; } .b-checkbox-toggle .b-checkbox-switcher.m-preloader-state { background-color: rgba(138, 150, 163, 0.16); } .b-checkbox-toggle .b-checkbox-switcher.m-preloader-state .b-input-ripple { border-color: rgba(138, 150, 163, 0.4); } .b-checkbox-toggle .b-checkbox-switcher .switcher-loading { color: rgb(138, 150, 163); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; line-height: 16px; } .b-checkbox-toggle .b-checkbox-switcher .switcher-loading .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } @media (any-hover: hover) and (pointer: fine) { .b-checkbox-toggle .b-checkbox-switcher:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: 4px; } } .b-checkbox-toggle .b-checkbox-switcher:hover .b-input-ripple { border-color: rgb(0, 145, 234); } .b-checkbox-toggle .b-checkbox-switcher:hover .b-input-ripple::after { background-color: var(--bg-color); } .b-checkbox-toggle .b-checkbox-switcher:hover .b-input-ripple::before { opacity: 1; transform: scale(1.12); } @media (any-hover: hover) and (pointer: fine) { .b-checkbox-toggle .b-checkbox-switcher:focus-visible .b-input-ripple { border-color: rgb(0, 145, 234); } .b-checkbox-toggle .b-checkbox-switcher:focus-visible .b-input-ripple::after { background-color: var(--bg-color); } .b-checkbox-toggle .b-checkbox-switcher:focus-visible .b-input-ripple::before { opacity: 1; transform: scale(1.12); } } .b-checkbox-toggle .b-checkbox-switcher .b-input-ripple { width: 20px; height: 20px; border-radius: 1000px; left: -1px; right: auto; bottom: auto; border: 2px solid rgba(138, 150, 163, 0.7); background: var(--bg-color); } .b-checkbox-toggle .b-checkbox-switcher__icon { flex: 0 0 22px; height: 18px; margin-right: 13px; position: relative; margin-top: 2px; } .b-checkbox-toggle .b-checkbox-switcher__icon .g-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } label { color: var(--text-color); } select:invalid { color: rgba(138, 150, 163, 0.7); } select:invalid option { color: var(--text-color); } select[disabled] { opacity: 0.5; } input[type="number"] { appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } input:autofill { transition-property: color, background-color; transition-duration: 99999s, 99999s; transition-timing-function: ease-out, ease-out; transition-behavior: normal, normal; transition-delay: 99999s; background-clip: text; } input:autofill::first-line { font-size: 16px; font-family: Roboto, sans-serif; } input:not([autocomplete="off"]) { -webkit-text-fill-color: var(--text-color) !important; } @supports (-webkit-touch-callout:none) { input:not([autocomplete="off"])[name*="new_password"] { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset !important; border-radius: 0px !important; } .m-mode-dark input:not([autocomplete="off"])[name*="new_password"] { box-shadow: rgb(22, 22, 24) 0px 0px 0px 1000px inset !important; } } [placeholder] { text-overflow: ellipsis; } .g-input { margin: 0px 0px 4px; height: 36px; } .b-otp-form.m-card .g-input { min-height: 68px; } .m-with-field-control .g-input input[type="password"]::-webkit-contacts-auto-fill-button, .m-with-field-control .g-input input[type="password"]::-webkit-credentials-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; height: 0px; width: 0px; margin: 0px; } .g-input__field-control { background: var(--bg-color); } .g-input__field-control.m-with-round-hover { position: absolute; top: 0px; right: 0px; } .g-input__fieldset { padding: 0px 6px; } .m-chips-items .g-input__fieldset { padding-left: 0px; padding-right: 0px; } .g-input__wrapper { padding-bottom: 20px; position: relative; } .row > .g-input__wrapper { width: 100%; } .g-input__wrapper.m-gap-xxxs-negative { margin-bottom: -4px; } .g-input__wrapper.m-gap-xxxs { padding-bottom: 6px; } .g-input__wrapper.m-gap-xxs { padding-bottom: 10px; } .g-input__wrapper.m-gap-xms { padding-bottom: 14px; } .g-input__wrapper.m-gap-xs { padding-bottom: 17px; } .g-input__wrapper.m-gap-xs:last-child { padding-bottom: 0px; } .g-input__wrapper.m-gap-sm { padding-bottom: 20px; } .g-input__wrapper.m-gap-sm:last-child { padding-bottom: 0px; } .g-input__wrapper.m-gap-lg { padding-bottom: 24px; } .g-input__wrapper.m-gap-extra-lg { padding-bottom: 34px; } .g-input__wrapper.m-reset-bottom-gap { padding-bottom: 0px; } .g-input__wrapper.m-code { padding-left: 24px; padding-right: 24px; } .g-input__wrapper.m-checkbox__toggle.b-menu-list__el .g-input__label { text-transform: unset; font: unset; color: unset; padding: 0px 48px 0px 0px; flex: 1 1 0%; } .g-input__wrapper.m-checkbox__toggle.b-menu-list__el .b-checkbox-switcher { top: 16px; right: 20px; } .g-input__wrapper.m-checkbox__toggle .g-input__help { padding: 6px 0px 0px; color: rgb(138, 150, 163); flex: 0 0 100%; } .g-input__wrapper.m-radio-wrapper { padding-left: 8px; padding-right: 8px; } .g-input__wrapper.m-radio-wrapper:last-child { padding-bottom: 0px; } .g-input__wrapper.m-disabled { opacity: 0.4; pointer-events: none; } .modal-body .g-input__wrapper.m-field-row { margin-right: -10px; } .g-input__label { font-size: 13px; font-weight: 500; text-transform: uppercase; color: rgb(138, 150, 163); padding: 0px 6px; margin: 0px; } .m-stream-body .g-input__label { color: rgba(255, 255, 255, 0.75); } .m-field-row .g-input__label { color: var(--title-color); text-transform: none; font-weight: 400; font-size: 16px; line-height: 24px; padding-left: 0px; } .g-input__optional { font-weight: 400; text-transform: lowercase; margin-left: 3px; } .m-size-lg-text .g-input__optional { font-size: 15px; } .g-input__help { color: rgba(138, 150, 163, 0.75); margin: 0px; min-height: 16px; } .g-input__help:not(.g-md-text) { font-size: 12px; line-height: 16px; } .g-input__help:not(:empty) { padding: 1px 16px 0px; } .g-input__help:not(:empty).m-pt-4 { padding-top: 4px; } .g-input__help.m-reset-gaps { padding-left: 0px; padding-right: 0px; } .g-input__help .g-danger-text, .g-input__help.m-danger { display: block; color: rgb(255, 96, 96); } .g-input__help.m-text { color: rgb(138, 150, 163); } .g-input__help.m-bottom-bordered { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .modal-body .g-input__help.m-bottom-bordered:not(.m-text-over-tabs) { margin-bottom: 23px; } .modal-body .g-input__help.m-bottom-bordered.m-text-over-tabs { margin-bottom: 15px; } .b-tabs__nav .g-input__help { flex: 0 0 100%; margin-bottom: 0px; } .m-discount .b-tabs__nav .g-input__help { margin-bottom: -2px; } .v-input .g-input__help { color: rgb(138, 150, 163); } .m-stream-body .g-input__help { color: rgba(255, 255, 255, 0.75); } .v-input--is-disabled .g-input__help { opacity: 0.4; pointer-events: none; } .g-input__file_select_wrapper { display: flex; } .g-input__file__name { position: relative; overflow: hidden; padding: 6px 34px 6px 32px; border-radius: 18px; background-color: rgba(138, 150, 163, 0.12); font-size: 14px; line-height: 20px; display: inline-flex; max-width: 100%; } .g-input__file__name:hover { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.12); } .m-chips-items .g-input__file__name { margin-right: 8px; margin-bottom: 10px; } .g-input__file__name > .g-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: rgb(0, 175, 240); } .g-input__file__name > .g-icon:not(.m-icon-extra-sm) { width: 20px; height: 20px; flex: 0 0 20px; } .g-input__increment { display: flex; flex-direction: row; align-content: center; align-items: center; position: relative; } .g-input__increment__value { position: absolute; inset: 0px 36px; } .g-input__increment__value.show .dropdown-toggle.m-with-round-hover::after { opacity: 0.06; } .g-input__increment__value.show .dropdown-toggle.m-with-round-hover.m-light::after { opacity: 0.12; } .g-input__increment__value .dropdown-toggle { padding: 7px 4px; height: 36px; width: 100%; color: var(--title-color); text-align: center; border-radius: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .g-input__error { color: red; padding: 1px 6px 0px; } .b-input-ripple { position: absolute; inset: -2px; z-index: 0; } .b-input-ripple::after, .b-input-ripple::before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 1000px; } .b-input-ripple::before { box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; transform: scale(0); opacity: 0; transition: transform 0.1s, opacity 0.1s; z-index: 0; background-color: rgba(0, 175, 240, 0.06); } .m-inverse-color .b-input-ripple::before { box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 2px; background-color: rgba(255, 255, 255, 0.06); } .checkbox-item .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .m-sm-size-radio .b-input-ripple::before { box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 5px; } .b-input-ripple::after { z-index: 1; } .checkbox-item .b-input-ripple { inset: 0px; } .g-select__wrapper { position: relative; } .g-select__wrapper svg.g-icon { position: absolute; right: 3px; top: 50%; transform: translateY(-50%); pointer-events: none; color: rgba(138, 150, 163, 0.7); width: 18px; height: 18px; flex: 0 0 18px; transform-origin: center top 0px; z-index: 10; } .g-select__wrapper.m-opened-select svg.g-icon { transform: rotate(180deg) translateY(-50%); } .b-ticket .g-select__wrapper.m-opened-select svg.g-icon { color: rgb(0, 175, 240); } .g-select__wrapper select[style] { display: block !important; opacity: 0; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; } .label-group label span, .label-group-addon span { background: none; border: 1px solid rgba(138, 150, 163, 0.25); color: inherit; } .b-text-field-details { margin: 0px; position: absolute; right: 16px; top: 24px; display: flex; justify-content: flex-end; flex-wrap: wrap; max-width: 60%; transform: translateY(-50%); font-size: 12px; line-height: 16px; color: rgb(138, 150, 163); } .v-text-field.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select) .b-text-field-details { right: 50px; } .m-stream-body .b-text-field-details { color: rgba(255, 255, 255, 0.75); } .v-input--is-disabled .b-text-field-details { opacity: 0.4; pointer-events: none; } .b-text-field-details__total { font-size: 12px; line-height: 16px; font-weight: 500; max-width: 50%; flex: 0 0 50%; padding-left: 16px; padding-right: 16px; padding-top: 4px; } .v-text-field.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select) .b-text-field-details__total { position: absolute; right: 0px; top: 48px; } .b-text-field-details__total-name { color: rgb(138, 150, 163); } .b-text-attention { margin-bottom: 20px; color: rgb(255, 96, 96); font-size: 16px; } .b-text-attention.m-simple { color: var(--text-color); } #payment-form-legal fieldset { padding-right: 0px; width: 100%; } .label-group { display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .label-group label, .label-group-addon { flex: 0 1 auto; margin: 0px; font-size: 15px; } .label-group label span, .label-group-addon span { display: inline-block; text-align: center; background: rgb(225, 225, 225); border: 1px solid rgb(225, 225, 225); border-radius: 1000px; width: 14px; cursor: pointer; margin-left: 10px; color: rgb(41, 47, 51); font-weight: 400; font-size: 11px; line-height: 12px; } .label-group-addon .popover-content { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .label-group-addon .popover-content a { max-width: 100%; display: inline-block; white-space: normal; } .form-control { display: block; width: 100%; border-bottom: 1px solid rgba(138, 150, 163, 0.25); background-color: transparent; color: inherit; font: inherit; appearance: none; transition: border-bottom-color 0.1s; vertical-align: top; } div.form-control { border: medium; padding: 0px; height: auto; background: none; } div.form-control span.val { color: rgb(173, 173, 173); padding-left: 10px; } textarea.form-control { appearance: textarea; } .form-control:focus { border-bottom-color: rgb(0, 145, 234); } .form-control::placeholder { color: rgba(138, 150, 163, 0.75); -webkit-text-fill-color: rgba(138, 150, 163, 0.75); opacity: 1; } .form-control::placeholder { color: rgba(138, 150, 163, 0.75); -webkit-text-fill-color: rgba(138, 150, 163, 0.75); opacity: 1; } .m-stream-body .form-control::placeholder { color: rgba(255, 255, 255, 0.75); } .m-stream-body .form-control::placeholder { color: rgba(255, 255, 255, 0.75); } .form-control option { background: var(--bg-color); } .form-control[name="zip"] { width: 128px; max-width: 100%; } .b-field-like { display: flex; align-content: center; align-items: center; border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); min-height: 48px; padding: 12px; font-size: 16px; line-height: 24px; overflow: hidden; } .b-field-like.m-sm-size { min-height: 36px; padding: 6px 14px; } .b-field-like.form-control { border-color: rgba(138, 150, 163, 0.4); } .b-field-like.form-control:hover { border-color: rgb(138, 150, 163); } .b-field-like.form-control:focus { border-color: rgb(0, 175, 240); } .b-field-like .g-icon { margin-right: 8px; } .b-field-like a { flex: 1 1 auto; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .b-field-like + .g-input__help { padding-top: 5px; } .checkbox-item { position: absolute; z-index: 2; box-sizing: content-box; padding: 15px; } .checkbox-item__inside { color: rgb(254, 254, 254); position: relative; width: inherit; height: inherit; pointer-events: none; display: flex; flex-direction: column; place-content: center; align-items: center; } .checkbox-item__inside::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: inherit; height: inherit; z-index: 0; transition: border-color 0.1s, background-color 0.1s; border: 2px solid rgba(255, 255, 255, 0.75); border-radius: 1000px; cursor: pointer; } .m-gray .checkbox-item__inside::after { border-color: rgb(138, 150, 163); } .checkbox-item.m-pos-center { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 30px; height: 30px; } .checkbox-item.m-pos-right-top { right: 0px; top: 0px; width: 20px; height: 20px; padding: 10px; } .b-selection-user .checkbox-item.m-pos-right-top { right: 7px; top: 7px; } .checkbox-item.m-pos-right-top .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .checkbox-item.m-pos-left-bottom { left: 0px; bottom: 0px; width: 30px; height: 30px; } .checkbox-item.m-pos-left-top { position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; } .checkbox-item.selected:hover .checkbox-item__inside::after, .selected .checkbox-item:hover .checkbox-item__inside::after { border-color: rgb(0, 175, 240); } .checkbox-item.selected .checkbox-item__inside::after, .selected .checkbox-item .checkbox-item__inside::after { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } .checkbox-item.selected .b-input-ripple::after, .selected .checkbox-item .b-input-ripple::after { animation: 1s forwards pulse-hover; } .checkbox-item.m-disabled { pointer-events: none; opacity: 0.4; } .checkbox-item.m-disabled-view { opacity: 0.4; } .checkbox-item.m-disabled-view[m-hover-state] .b-input-ripple::before { opacity: 0; transform: scale(0); } .checkbox-item.m-disabled-view[m-hover-state] .checkbox-item__inside::after { border-color: rgba(255, 255, 255, 0.75); } @media (any-hover: hover) and (pointer: fine) { .checkbox-item.m-disabled-view:hover .b-input-ripple::before { opacity: 0; transform: scale(0); } .checkbox-item.m-disabled-view:hover .checkbox-item__inside::after { border-color: rgba(255, 255, 255, 0.75); } } .checkbox-item[m-hover-state] .checkbox-item__inside::after { border-color: rgb(254, 254, 254); } .checkbox-item[m-hover-state] .b-input-ripple::before { opacity: 1; transform: scale(1); } @media (any-hover: hover) and (pointer: fine) { .checkbox-item:hover .checkbox-item__inside::after { border-color: rgb(254, 254, 254); } .checkbox-item:hover .b-input-ripple::before { opacity: 1; transform: scale(1); } } @media (any-hover: hover) and (pointer: fine) { .checkbox-item:focus-visible { text-decoration: none; border-radius: 1000px; outline: rgb(254, 254, 254) solid 2px; outline-offset: -4px; } .checkbox-item:focus-visible .checkbox-item__inside::after { border-color: rgb(254, 254, 254); } .checkbox-item:focus-visible .b-input-ripple::before { opacity: 1; transform: scale(1); } .selected .checkbox-item:focus-visible .checkbox-item__inside::after { border-color: rgb(0, 175, 240); } } .checkbox-item__num { opacity: 0; transition: opacity 0.1s; font-size: 12px; font-weight: 500; position: relative; z-index: 1; } .selected .checkbox-item__num { opacity: 1; } .checkbox-item .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; opacity: 0; transition: opacity 0.1s; } .selected .checkbox-item .g-icon { opacity: 1; } .b-input-contenteditable { position: relative; } .b-input-contenteditable .b-text-editor { white-space: break-spaces; } .b-input-contenteditable .b-text-editor em, .b-input-contenteditable .b-text-editor span, .b-input-contenteditable .b-text-editor strong { line-height: normal; } .b-input-contenteditable .b-text-editor em > strong, .b-input-contenteditable .b-text-editor strong > em { color: inherit; } .b-input-contenteditable .b-text-editor p { margin-bottom: 0px; } .b-input-contenteditable .b-text-editor[data-placeholder]::after { content: attr(data-placeholder); position: absolute; top: 16px; left: 16px; pointer-events: none; user-select: none; display: block; height: 0px; color: rgb(138, 150, 163); transition-property: color, opacity, transform; transition-duration: 0.1s; } .b-input-contenteditable .b-text-editor[data-placeholder]:focus::after { opacity: 0.4; } .b-input-contenteditable .b-text-editor[data-placeholder][data-is-empty="false"]::after { color: transparent; } .b-input-contenteditable + .b-under-field { padding-top: 4px; color: rgb(138, 150, 163); } .b-input-contenteditable + .b-under-field .b-field-hint { flex: 1 1 0%; } .m-error .b-input-contenteditable + .b-under-field .b-field-hint { color: rgb(255, 96, 96); } .b-input-contenteditable div[contenteditable="true"] { z-index: 1; } .b-input-contenteditable div[contenteditable="true"] b { font-weight: 700; font-family: Roboto-bold, sans-serif; } .b-input-contenteditable div[contenteditable="true"] [style*="font-size"] > [style*="font-size"] { font-size: inherit !important; } .b-input-contenteditable div[contenteditable="true"] [size="5"], .b-input-contenteditable div[contenteditable="true"] [style*="font-size: x-large"] { font-size: 26px !important; line-height: 28px; } .b-input-contenteditable div[contenteditable="true"] [size="4"], .b-input-contenteditable div[contenteditable="true"] [style*="font-size: large"] { font-size: 20px !important; line-height: 24px; } .b-input-contenteditable div[contenteditable="true"] [size="2"], .b-input-contenteditable div[contenteditable="true"] [style*="font-size: small"] { font-size: 14px !important; line-height: 24px; } .b-input-contenteditable div[contenteditable="true"] [size="1"], .b-input-contenteditable div[contenteditable="true"] [style*="font-size: x-small"] { font-size: 12px !important; line-height: 24px; } .m-mode-dark .b-input-contenteditable div[contenteditable="true"] [color="#000000"] { color: rgb(246, 247, 248) !important; } .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection { background-color: rgb(4, 62, 168); } .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, .m-android .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, .m-ua-windows .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection { background-color: rgb(4, 62, 168); } html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection { background-color: rgb(180, 213, 254); } html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor em::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor p::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor span::selection, html:not(.m-mode-dark) .b-input-contenteditable div[contenteditable="true"].b-text-editor strong::selection { background-color: rgb(180, 213, 254); } .b-input-contenteditable div[contenteditable="true"].b-text-editor[style*="color: #1b98e0"]::selection { color: rgb(27, 152, 224); } .b-input-contenteditable div[contenteditable="true"].b-text-editor[style*="color: #1b98e0"]::selection { color: rgb(27, 152, 224); } .b-input-contenteditable.m-type-field { min-height: 168px; padding: 7px 12px 0px; transition: border-color 0.15s; position: relative; z-index: 1; } .b-input-contenteditable.m-type-field .b-icon-text-container { margin-left: -12px; margin-right: -12px; padding-right: 6px; margin-top: 11px; } .b-input-contenteditable.m-type-field .b-icon-text-container.m-visible-form { padding-right: 0px; } .b-input-contenteditable.m-type-field::after { content: ""; position: absolute; inset: -5px 0px 0px; border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.4); pointer-events: none; z-index: -1; } .b-input-contenteditable.m-type-field:hover::after { border-color: rgb(138, 150, 163); } .m-error:not(.m-focused) .b-input-contenteditable.m-type-field::after, .m-error:not(.m-focused) .b-input-contenteditable.m-type-field:hover::after { border-color: rgb(255, 96, 96); } .m-error:not(.m-focused) .b-input-contenteditable.m-type-field div[contenteditable="true"] { padding-right: 45px; } .m-error:not(.m-focused) .b-input-contenteditable.m-type-field div[contenteditable="true"]::before { content: "\ue60f"; font-family: onlyfans; right: 11px; top: 6px; position: absolute; font-size: 24px; line-height: 24px; color: rgb(255, 96, 96); } .m-focused .b-input-contenteditable.m-type-field::after { border-color: rgb(0, 175, 240); } .m-with-counter:not(.m-focused):has(~ .b-icon-text-container .g-btn.m-with-round-hover:hover) .b-input-contenteditable.m-type-field::after { border-color: rgb(138, 150, 163); } .b-input-contenteditable.m-type-field div[contenteditable="true"] { min-height: 101px; max-height: 167px; margin-right: -12px; padding-right: inherit; padding-left: 4px; margin-left: -4px; } .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder]::after { position: absolute; left: 8px; top: 7px; padding-left: 4px; padding-right: 4px; transform-origin: left top 0px; color: rgb(138, 150, 163); z-index: 1; } .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder]:focus::after { color: rgb(0, 175, 240); } .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder]:focus::after, .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder][data-is-empty="false"]::after { background-color: var(--bg-color); transform: translate(7px, -19px) scale(0.75); z-index: 1; opacity: 1; height: auto; } .m-error:not(.m-focused) .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder]:focus::after, .m-error:not(.m-focused) .b-input-contenteditable.m-type-field.m-with-label .b-text-editor[data-placeholder][data-is-empty="false"]::after { color: rgb(255, 96, 96) !important; } .b-icon-text-container { min-height: 49px; position: relative; pointer-events: none; } .b-icon-text-container .g-btn, .b-icon-text-container.m-visible-form { pointer-events: auto; } .b-icon-text-container .b-form-editor { margin-left: 16px; padding: 7px 6px 6px 0px; } @keyframes pulse-hover { 0% { box-shadow: rgba(0, 175, 240, 0.4) 0px 0px 0px 0px; } 70% { box-shadow: rgba(0, 175, 240, 0) 0px 0px 0px 8px; } 100% { box-shadow: rgba(0, 175, 240, 0) 0px 0px 0px 0px; } } @keyframes pulse-hover-light { 0% { box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 0px; } 70% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 8px; } 100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; } } [type="button"] { appearance: none; } .g-btn { border: medium; padding: 8px 18px; font-size: 14px; line-height: 20px; background: rgb(0, 175, 240); min-width: 78px; transition: opacity 0.15s, background-color 0.15s, box-shadow 0.15s; will-change: opacity, background-color, box-shadow; display: inline-block; text-align: center; text-transform: uppercase; } .g-btn, .g-btn[role="button"], .g-btn[type="button"], .g-btn[type="reset"], .g-btn[type="submit"] { color: rgb(254, 254, 254); } .g-btn:not(.m-default-font-weight) { font-weight: 500; } .g-btn[m-hover-state] { background: rgb(0, 145, 234); color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-btn:hover { background: rgb(0, 145, 234); color: rgb(254, 254, 254); } } @media (any-hover: hover) and (pointer: fine) { .g-btn:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(0, 145, 234); color: rgb(254, 254, 254); } .g-btn:focus-visible .g-btn:not(button) { background: rgb(0, 145, 234); color: rgb(254, 254, 254); } } .g-btn.m-sm-width { min-width: 72px; } .g-btn.m-reset-width { min-width: auto; } .g-btn.m-ex-sm { padding: 6px 16px; } .g-btn.m-sm { padding: 8px 16px; } .g-btn.m-sm.m-lg-gaps-sides { padding-right: 24px; padding-left: 24px; } .g-btn.m-md { padding-top: 10px; padding-bottom: 10px; min-height: 40px; } .g-btn.m-lg { padding: 14px 16px; min-height: 48px; } .g-btn.m-gray-color { color: rgb(138, 150, 163); } .g-btn.m-gray { background: rgb(138, 150, 163); } .g-btn.m-lgray-bg { background-color: rgba(138, 150, 163, 0.12); color: var(--text-color); } .g-btn.m-lgray-bg[m-hover-state] { background-color: rgba(0, 145, 234, 0.12); color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-lgray-bg:hover { background-color: rgba(0, 145, 234, 0.12); color: rgb(0, 145, 234); } } .g-btn.m-lgray-bg.disabled, .g-btn.m-lgray-bg[disabled] { background-color: rgba(138, 150, 163, 0.12); } .g-btn.m-dark-bg { background: rgba(255, 255, 255, 0.25) linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); position: relative; background-blend-mode: multiply; } .m-black-body .g-btn.m-dark-bg { background-color: rgba(255, 255, 255, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); padding-left: 12px; padding-right: 12px; } .g-btn.m-dark-bg[m-hover-state] { background-color: rgba(255, 255, 255, 0.25); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-dark-bg:hover { background-color: rgba(255, 255, 255, 0.25); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); } } .g-btn.m-dark-bg.dropdown-toggle { color: rgb(254, 254, 254); } .g-btn.m-dark-bg.m-lighter-bg, .g-btn.m-dark-bg.m-lighter-bg[m-hover-state] { background-color: rgba(255, 255, 255, 0.08); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-dark-bg.m-lighter-bg:hover { background-color: rgba(255, 255, 255, 0.08); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)); } } .g-btn.m-dark-bg span { position: relative; z-index: 4; } .g-btn.m-dark-bg .g-icon { position: relative; z-index: 3; } .g-btn.m-dark-bg.m-icon-btn { display: inline-flex; flex-direction: row; align-content: center; align-items: center; height: 32px; padding-left: 7px; padding-right: 12px; } .g-btn.m-dark-bg.m-icon-btn .g-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 6px; } .g-btn.m-flex { width: 100%; display: flex; flex-direction: row; align-content: center; align-items: center; } .g-btn.m-flex:not(.m-space-between) { justify-content: center; } .g-btn.m-flex.m-space-between, .g-btn.m-flex.m-space-between .b-wrap-btn-text { justify-content: space-between; } .g-btn.m-flex.m-space-between.m-lg { padding-left: 22px; padding-right: 22px; } .g-btn.m-flex.m-center { justify-content: center; } .g-btn.m-flex.m-center.m-lg { padding-left: 22px; padding-right: 22px; } .g-btn.m-flex.m-fluid-width { width: auto; } .g-btn.m-flex.m-block { display: flex; } .g-btn.m-flex .g-icon { margin: 0px 10px 0px 0px; } .g-btn.m-flex .g-icon.m-rg-sm { margin-right: 5px; } .g-btn.m-flex .g-icon.m-loader { margin-right: 0px; margin-left: 10px; } .g-btn.m-flex.m-lg .g-icon { margin-top: -2px; margin-bottom: -2px; } .g-btn.m-flex .b-wrap-btn-text { display: flex; flex: 1 1 0%; } .alert:not(.m-need-confirm-price) .g-btn.m-flex .b-wrap-btn-text { display: inline; } .g-btn.m-no-uppercase { text-transform: none; } .g-btn.m-uppercase { text-transform: uppercase; } .g-btn.m-icon-absolute { position: relative; } .g-btn.m-icon-absolute .g-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); } .g-btn.m-icon-absolute .g-icon.m-half-left { left: 8px; } .g-btn.m-icon-absolute .g-btn-spinner { position: absolute; right: 16px; top: 50%; margin: -6px 0px 0px; } .g-btn.m-border { background-color: transparent; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; color: rgb(0, 175, 240); transition: color 0.15s, background-color 0.15s, box-shadow 0.15s; will-change: color, background-color, box-shadow; position: relative; } .g-btn.m-border.m-danger { color: rgb(255, 96, 96); background-color: transparent; } .g-btn.m-border.disabled, .g-btn.m-border[disabled] { background-color: transparent; color: rgb(138, 150, 163); } .g-btn.m-border.m-active { box-shadow: rgba(0, 145, 234, 0.75) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .g-btn.m-border.m-active.m-danger { box-shadow: rgb(255, 96, 96) 0px 0px 0px 1px inset; color: rgb(255, 96, 96); background-color: rgba(255, 96, 96, 0.06); } .g-btn.m-border.m-active .g-icon { color: rgb(0, 145, 234); } .g-btn.m-border[m-hover-state] { box-shadow: rgba(0, 145, 234, 0.75) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .g-btn.m-border[m-hover-state].m-danger { box-shadow: rgb(255, 96, 96) 0px 0px 0px 1px inset; color: rgb(255, 96, 96); background-color: rgba(255, 96, 96, 0.06); } .g-btn.m-border[m-hover-state] .g-icon { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-border:hover { box-shadow: rgba(0, 145, 234, 0.75) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .g-btn.m-border:hover.m-danger { box-shadow: rgb(255, 96, 96) 0px 0px 0px 1px inset; color: rgb(255, 96, 96); background-color: rgba(255, 96, 96, 0.06); } .g-btn.m-border:hover .g-icon { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-border:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; box-shadow: rgba(0, 145, 234, 0.75) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .g-btn.m-border:focus-visible.m-danger { box-shadow: rgb(255, 96, 96) 0px 0px 0px 1px inset; color: rgb(255, 96, 96); background-color: rgba(255, 96, 96, 0.06); } .g-btn.m-border:focus-visible .g-icon { color: rgb(0, 145, 234); } } .g-btn.m-border.dark .g-icon { color: rgb(138, 150, 163); } .g-btn.m-border.dark[m-hover-state] { background-color: rgba(138, 150, 163, 0.05); box-shadow: rgb(138, 150, 163) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); } .g-btn.m-border.dark[m-hover-state] .g-icon { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-border.dark:hover { background-color: rgba(138, 150, 163, 0.05); box-shadow: rgb(138, 150, 163) 0px 0px 0px 1px inset; color: rgb(0, 145, 234); } .g-btn.m-border.dark:hover .g-icon { color: rgb(0, 145, 234); } } .g-btn.m-border.m-sm .g-icon { width: 17px; height: 17px; flex: 0 0 17px; } .g-btn.m-rounded { border-radius: 1000px; } .b-btns-group .g-btn.m-rounded { margin-left: 8px; } .g-btn.m-flat { color: rgb(0, 175, 240); padding: 0px; background-color: transparent; } .g-btn.m-flat.g-text-highlighted { background: rgba(0, 175, 240, 0.2); } .g-btn.m-flat.m-semi-light { opacity: 0.75; } .g-btn.m-flat.m-semi-light[m-hover-state] { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-semi-light:hover { opacity: 1; } } .g-btn.m-flat.m-btn-arrow { width: 32px; height: 32px; } .g-btn.m-flat.m-gray { color: rgb(138, 150, 163); } .g-btn.m-flat.m-light, .g-btn.m-flat.m-light[m-hover-state] { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-light:hover { color: rgb(254, 254, 254); } } .g-btn.m-flat.m-light.disabled, .g-btn.m-flat.m-light[disabled] { color: rgb(254, 254, 254); } .g-btn.m-flat.m-danger { color: rgb(231, 108, 108); background-color: transparent; } .g-btn.m-flat.m-danger[m-hover-state] { color: rgb(231, 108, 108); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-danger:hover { color: rgb(231, 108, 108); } } .g-btn.m-flat.m-text { color: var(--text-color); } .g-btn.m-flat.m-link { cursor: pointer; } .g-btn.m-flat.m-link[m-hover-state] { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-link:hover { text-decoration: underline; } } .g-btn.m-flat.text-left { text-align: left; } .g-btn.m-flat.m-hint-with-timer { font-size: 12px; line-height: 16px; } .g-btn.m-flat.disabled, .g-btn.m-flat[disabled] { background: none; color: rgb(138, 150, 163); } @media (any-hover: hover) and (pointer: fine) { .m-stream-body .g-btn.m-flat:not(.b-dot-item):focus-visible { color: rgb(254, 254, 254); } } .g-btn.m-flat[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat:hover { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat:focus-visible { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat:not(.m-btn-gaps):focus-visible, .g-btn.m-flat:not(.m-btn-gaps):focus-visible * { text-decoration: underline; outline: none; } } .g-btn.m-flat .g-icon { transition: transform 0.15s; } .g-btn.m-flat.m-less .g-icon { transform: rotate(180deg); } .g-btn.m-flat.m-btn-gaps { border-radius: 1000px; padding: 8px 16px; } .g-btn.m-flat.m-btn-gaps.m-ex-sm { padding: 2px 10px; } .g-btn.m-flat.m-btn-gaps.m-gaps-sides-sm { padding-left: 12px; padding-right: 12px; } .modal-header .g-btn.m-flat.m-btn-gaps { margin: -9px -9px -9px 0px; } .g-btn.m-flat.m-btn-gaps[m-hover-state] { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flat.m-btn-gaps[m-hover-state], .m-mode-dark .image-editor .g-btn.m-flat.m-btn-gaps[m-hover-state] { background-color: rgba(255, 255, 255, 0.12); } .m-real-mode-light .m-black-body .m-real-theme-mode .g-btn.m-flat.m-btn-gaps[m-hover-state], .m-real-mode-light .m-black-body .modal:not(.m-in-black-body) .g-btn.m-flat.m-btn-gaps[m-hover-state] { background-color: rgba(0, 145, 234, 0.06); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-btn-gaps:hover { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flat.m-btn-gaps:hover, .m-mode-dark .image-editor .g-btn.m-flat.m-btn-gaps:hover { background-color: rgba(255, 255, 255, 0.12); } .m-real-mode-light .m-black-body .m-real-theme-mode .g-btn.m-flat.m-btn-gaps:hover, .m-real-mode-light .m-black-body .modal:not(.m-in-black-body) .g-btn.m-flat.m-btn-gaps:hover { background-color: rgba(0, 145, 234, 0.06); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-btn-gaps:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flat.m-btn-gaps:focus-visible, .m-mode-dark .image-editor .g-btn.m-flat.m-btn-gaps:focus-visible { background-color: rgba(255, 255, 255, 0.12); } .m-real-mode-light .m-black-body .m-real-theme-mode .g-btn.m-flat.m-btn-gaps:focus-visible, .m-real-mode-light .m-black-body .modal:not(.m-in-black-body) .g-btn.m-flat.m-btn-gaps:focus-visible { background-color: rgba(0, 145, 234, 0.06); } } .g-btn.m-flat.m-btn-gaps.m-danger[m-hover-state] { background-color: rgba(231, 106, 106, 0.12); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-btn-gaps.m-danger:hover { background-color: rgba(231, 106, 106, 0.12); } } .g-btn.m-flat.m-btn-gaps.m-danger-onhover[m-hover-state] { color: rgb(231, 108, 108); background-color: rgba(231, 106, 106, 0.06); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flat.m-btn-gaps.m-danger-onhover:hover { color: rgb(231, 108, 108); background-color: rgba(231, 106, 106, 0.06); } } .g-btn.m-default-icon-size .g-icon { width: 24px; height: 24px; flex: 0 0 24px; } .g-btn.m-sm-icon-size .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .g-btn.m-sms-icon-size .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .g-btn.m-fix-width { max-width: 244px; } .g-input__help > .g-btn { font-size: 12px; line-height: 16px; } .g-page__header .b-btns-group:not(.m-sm-gaps-between-btns):not(.m-lg-gaps-between-btns) .g-btn.m-rounded { margin-left: 16px; } .g-page__header .b-btns-group:not(.m-sm-gaps-between-btns):not(.m-lg-gaps-between-btns) .g-btn.m-flat { margin-left: 18px; } .g-btn.m-with-plus.m-border, .g-btn.m-with-plus.m-btn-gaps { padding-left: 36px; } .modal-footer .g-btn.m-with-plus { margin-left: 0px; margin-right: auto; } .g-btn.m-with-plus .g-icon { left: 6px; } .b-btns-group.m-lg-gaps-between-btns .g-btn { margin-left: 24px; } .g-btn.m-btn-remove { width: 20px; height: 20px; flex: 0 0 20px; padding: 0px; position: relative; } .g-btn.m-btn-remove.m-md-size { width: 24px; height: 24px; flex: 0 0 24px; } .g-btn.m-btn-remove .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: inherit; } .g-btn .g-btn.m-btn-remove .g-icon { color: rgb(254, 254, 254); } a.g-btn.m-btn-remove[m-hover-state], button.g-btn.m-btn-remove[m-hover-state] { box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 2px; } @media (any-hover: hover) and (pointer: fine) { a.g-btn.m-btn-remove:hover, button.g-btn.m-btn-remove:hover { box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 2px; } } .g-btn.m-btn-remove.m-secondary { background-color: rgba(138, 150, 163, 0.75); } .g-btn.m-btn-remove.m-secondary[m-hover-state] { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-btn-remove.m-secondary:hover { background-color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-btn-remove.m-secondary:focus-visible { background-color: rgb(0, 145, 234); } } .g-btn.m-btn-remove:not(.m-colored-btn).m-with-round-hover { background: none; box-shadow: none; } .g-btn.m-btn-remove.m-with-round-hover { box-shadow: none; } .g-btn.m-btn-remove[class*="m-thumb-r-"] { position: absolute; z-index: 3; } .g-btn.m-btn-remove.m-thumb-r-center-pos { right: 5px; top: 50%; transform: translateY(-50%); } .g-btn.m-btn-remove.m-thumb-r-center-pos.b-btn-icon-reset { right: 15px; } .g-btn.m-btn-remove.m-thumb-r-corner-pos { top: 10px; right: 10px; } .b-available-users__item .b-settings .g-btn.m-btn-remove.m-thumb-r-corner-pos { right: 18px; top: 14px; } .b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos { right: -1px; top: 0px; } .b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos:not(:hover) .g-icon { opacity: 0.75; } .b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos.m-colored-btn { top: 3px; right: 2px; } .b-paid-operation .g-btn.m-btn-remove.m-thumb-r-corner-pos.m-colored-btn:not(:hover) .g-icon { opacity: 1; } .b-comment-form__header .g-btn.m-btn-remove.m-thumb-r-corner-pos { top: 8px; right: 12px; } .b-streaming__systemstats .g-btn.m-btn-remove.m-thumb-r-corner-pos { top: 12px; right: 12px; } .b-offer-join .g-btn.m-btn-remove { margin-left: 18px; margin-top: 2px; } .g-btn.m-flexible-behavior { padding: 0px; height: 48px; overflow: hidden; pointer-events: none; } .g-btn.m-flexible-behavior.m-sm-size { height: 36px; } .g-btn.m-flexible-behavior.m-sm-size .b-flexible-behavior-icon { width: 36px; } .g-btn.m-flexible-behavior.m-sm-size .b-flexible-behavior-icon::after { height: 36px; width: 18px; } .g-btn.m-flexible-behavior.justify-content-start .b-flexible-behavior-text::after { inset: auto auto 100% 24px; height: 48px; width: 24px; } .g-btn.m-flexible-behavior.justify-content-start.m-sm-size .b-flexible-behavior-text::after { height: 36px; left: 18px; width: 18px; } .g-btn.m-flexible-behavior.justify-content-start.m-sm-size.m-transporent .b-flexible-behavior-text::before { left: -18px; } .g-btn.m-flexible-behavior.m-transporent { background: none; } .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text { padding-right: 16px; } .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::before { content: ""; position: absolute; border-radius: 0px 1000px 1000px 0px; inset: 0px 0px 0px -24px; } .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::after { border-radius: 0px 1000px 1000px 0px; } .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-icon::after { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-icon::after { background-color: rgba(255, 255, 255, 0.12); } .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::after, .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::before { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::after, .m-black-body .dropdown.show > .g-btn.m-flexible-behavior.m-transporent .b-flexible-behavior-text::before { background-color: rgba(255, 255, 255, 0.12); } .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-icon::after { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-icon::after { background-color: rgba(255, 255, 255, 0.12); } .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-text::after, .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-text::before { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-text::after, .m-black-body .g-btn.m-flexible-behavior.m-transporent[m-hover-state] .b-flexible-behavior-text::before { background-color: rgba(255, 255, 255, 0.12); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-icon::after { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-icon::after { background-color: rgba(255, 255, 255, 0.12); } .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-text::after, .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-text::before { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-text::after, .m-black-body .g-btn.m-flexible-behavior.m-transporent:hover .b-flexible-behavior-text::before { background-color: rgba(255, 255, 255, 0.12); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-icon::after { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-icon::after { background-color: rgba(255, 255, 255, 0.12); } .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-text::after, .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-text::before { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-text::after, .m-black-body .g-btn.m-flexible-behavior.m-transporent:focus-visible .b-flexible-behavior-text::before { background-color: rgba(255, 255, 255, 0.12); } } .g-btn.m-flexible-behavior.m-border { box-shadow: none; } .g-btn.m-flexible-behavior.m-border[m-hover-state] { background-color: transparent; box-shadow: none; } .g-btn.m-flexible-behavior.m-border[m-hover-state]::after { border-color: rgba(0, 145, 234, 0.75); } .g-btn.m-flexible-behavior.m-border[m-hover-state] [class*="b-flexible-behavior-"] { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .g-btn.m-flexible-behavior.m-border[m-hover-state] [class*="b-flexible-behavior-"]::after { border-color: rgba(0, 145, 234, 0.75); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flexible-behavior.m-border:hover { background-color: transparent; box-shadow: none; } .g-btn.m-flexible-behavior.m-border:hover::after { border-color: rgba(0, 145, 234, 0.75); } .g-btn.m-flexible-behavior.m-border:hover [class*="b-flexible-behavior-"] { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .g-btn.m-flexible-behavior.m-border:hover [class*="b-flexible-behavior-"]::after { border-color: rgba(0, 145, 234, 0.75); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flexible-behavior.m-border:focus-visible { background-color: transparent; box-shadow: none; } .g-btn.m-flexible-behavior.m-border:focus-visible::after { border-color: rgba(0, 145, 234, 0.75); } .g-btn.m-flexible-behavior.m-border:focus-visible [class*="b-flexible-behavior-"] { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .g-btn.m-flexible-behavior.m-border:focus-visible [class*="b-flexible-behavior-"]::after { border-color: rgba(0, 145, 234, 0.75); } } .g-btn.m-flexible-behavior.m-border::after { content: ""; position: absolute; right: 0px; top: 0px; height: 48px; width: 24px; transition: border-color 0.15s; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25) currentcolor; border-image: none; border-radius: 0px 1000px 1000px 0px; } .g-btn.m-flexible-behavior.m-border .b-flexible-behavior-icon::after { border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgba(138, 150, 163, 0.25) currentcolor rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25); border-image: none; } .g-btn.m-flexible-behavior.m-border .b-flexible-behavior-text { padding-right: 22px; } .g-btn.m-flexible-behavior.m-border .b-flexible-behavior-text::after { border-top: 1px solid rgba(138, 150, 163, 0.25); border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .g-btn.m-flexible-behavior.m-border .b-flexible-behavior__inside-text { margin-left: -6px; } .g-btn.m-flexible-behavior [class*="b-flexible-behavior-"] { height: inherit; display: inline-flex; flex-direction: row; place-content: center; align-items: center; pointer-events: auto; position: relative; text-transform: inherit; } .g-btn.m-flexible-behavior [class*="b-flexible-behavior-"]::after { content: ""; position: absolute; top: 0px; transition: border-color 0.15s; } .g-btn.m-flexible-behavior [class*="b-flexible-behavior-"][disabled] { opacity: 0.4; pointer-events: none; } .g-btn.m-flexible-behavior .b-flexible-behavior-icon { width: 48px; border-radius: 1000px 0px 0px 1000px; transition: background-color 0.15s; } .g-btn.m-flexible-behavior .b-flexible-behavior-icon .g-icon { position: relative; z-index: 1; } .g-btn.m-flexible-behavior .b-flexible-behavior-icon::after { left: 0px; height: 48px; width: 24px; border-radius: 1000px 0px 0px 1000px; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-flexible-behavior .b-flexible-behavior-icon:focus-visible::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; outline: rgb(0, 145, 234) solid 2px; outline-offset: -10px; border-radius: 1000px; } } .g-btn.m-flexible-behavior .b-flexible-behavior-text { transition: background-color 0.15s; } .g-btn.m-flexible-behavior .b-flexible-behavior-text::after { bottom: 0px; right: 24px; left: -24px; } .g-btn.m-flexible-behavior .b-flexible-behavior__inside-text { position: relative; z-index: 1; } .g-btn__group { display: flex; } .g-btn__group .b-posts_preloader { margin-right: 10px; } .g-btn__group.m-right { justify-content: flex-end; } .g-btn__group.m-justify .g-btn { flex: 1 1 0%; margin-bottom: 12px; } .g-btn__group .g-btn + .g-btn { margin-left: 11px; } .g-btn__group .g-btn + .g-btn.m-icon { margin-left: 8px; } .g-btn__wrapper { padding: 8px 6px 48px; display: flex; flex-direction: row; place-content: flex-start flex-end; align-items: flex-start; } .g-btn__wrapper.m-move-negative { margin-left: -10px; margin-right: -10px; } .g-btn__wrapper-aligner { display: inline-flex; flex-flow: wrap; align-content: flex-start; align-items: flex-start; } .g-btn__wrapper-aligner .g-btn__wrapper { padding: 0px; } .g-btn__wrapper-aligner > * { margin-left: 6px; margin-right: 6px; margin-bottom: 10px; } .g-btn__wrapper-aligner > * + *, .g-btn__wrapper-aligner > :not(:last-child) { flex-grow: 1; } .g-btn__wrapper__small { padding: 8px 6px; } .g-btn__wrapper_vcenter { align-items: center; } .alert + .g-btn__wrapper { padding-top: 23px; } .g-btn__wrapper .g-icon { margin: 6px; } .g-btn__wrapper > .g-btn + .g-btn { margin-left: 11px; } .g-btn__wrapper > .g-btn + .g-btn.m-icon { margin-left: 8px; } .g-btn__wrapper.m-space-between { justify-content: space-between; } .g-btn .g-icon { vertical-align: middle; } .g-btn__row { display: flex; justify-content: flex-end; flex-wrap: wrap; } .g-btn__row.m-negative-half-gaps { margin-left: -8px; margin-right: -8px; } .g-btn__row.m-negative-gaps { margin-left: -6px; margin-right: -6px; } .g-btn__row.m-gap-extra-lg { padding-bottom: 63px; } .b-statistics-page-content .b-separate-section.g-negative-sides-gaps.g-sides-gaps .g-btn__row { margin-left: -4px; margin-right: -4px; } .g-btn__row .g-btn:not(:first-child) { margin-left: 8px; } .g-btn__row .g-btn.m-block { flex: 1 1 0%; } .b-separate-section .g-btn__row:not(.m-reset-mb):last-child { margin-bottom: 9px; } .g-btn__row .g-icon.m-loader-icon { margin-top: auto; margin-bottom: auto; margin-right: 10px; } .g-btn__text { text-align: left; vertical-align: middle; margin-right: 8px; } .g-btn.m-block { display: block; width: 100%; } .g-btn.m-inverse-bg { background-color: rgb(254, 254, 254); color: rgb(36, 37, 41); } .g-btn.m-inverse-bg[m-hover-state] { background-color: rgb(254, 254, 254); color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-inverse-bg:hover { background-color: rgb(254, 254, 254); color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-inverse-bg:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background-color: rgb(254, 254, 254); color: rgb(0, 145, 234); } } .g-btn.m-danger { background: rgb(231, 108, 108); padding-right: 30px; padding-left: 30px; } .g-btn.m-danger.m-sm { padding-left: 16px; padding-right: 16px; } .modal-footer .g-btn.m-danger { padding-left: 18px; padding-right: 18px; } .g-btn.m-icon { min-width: unset; padding: 6px 4px; } .g-btn.m-icon:not(.m-colored) { background: none; transition: color 0.15s; } .g-btn.m-icon:not(.m-colored):not(.m-with-text):not(.m-active) { color: rgba(138, 150, 163, 0.7); } .g-btn.m-icon:not(.m-colored).m-with-text { color: rgb(138, 150, 163); padding-right: 17px; padding-left: 6px; } .g-btn.m-icon:not(.m-colored).m-with-text .g-icon { margin-right: 5px; } .g-btn.m-icon:not(.m-colored).m-with-text.m-white { color: rgb(254, 254, 254); padding-right: 8px; } .g-btn.m-icon:not(.m-colored).m-with-text.m-white .g-icon { margin-right: 2px; } .g-btn.m-icon:not(.m-colored).m-with-text.m-white[m-hover-state] { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon:not(.m-colored).m-with-text.m-white:hover { color: rgb(254, 254, 254); } } .g-btn.m-icon:not(.m-colored)[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon:not(.m-colored):hover { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon:not(.m-colored):focus-visible { color: rgb(0, 145, 234); } } .g-btn.m-icon.m-active { color: var(--text-color); } .g-btn.m-icon.m-icon-only { width: 48px; height: 48px; flex: 0 0 48px; padding: 0px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .g-btn.m-icon.m-icon-only > .g-btn.m-btn-remove .g-icon { transform: translate(-50%, -50%); } .g-btn.m-icon.m-icon-only.m-xs-size { width: 24px; height: 24px; min-height: 24px; flex-basis: 24px; } .g-btn.m-icon.m-icon-only.m-xs-size .g-icon:not(.m-default-size) { width: 16px; height: 16px; flex: 0 0 16px; } .g-btn.m-icon.m-icon-only.m-sm-size { width: 36px; height: 36px; min-height: 36px; flex-basis: 36px; } .g-btn.m-icon.m-icon-only.m-sm-size.m-icon-size-lg .g-icon { width: 26px; height: 26px; flex: 0 0 26px; } .g-btn.m-icon.m-icon-only:not(.m-colored).m-default-color { color: var(--text-color); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-default-color .g-icon { color: inherit; } .g-btn.m-icon.m-icon-only:not(.m-colored).m-white { color: rgb(254, 254, 254); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-white .g-icon, .g-btn.m-icon.m-icon-only:not(.m-colored).m-white[m-hover-state] .g-icon { color: inherit; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored).m-white:hover .g-icon { color: inherit; } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored).m-white:focus-visible { outline-color: rgb(254, 254, 254); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-white:focus-visible .g-icon { color: inherit; } } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray { color: rgb(138, 150, 163); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray .g-icon { color: inherit; } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray .b-input-radio__label { border-color: rgb(138, 150, 163); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray[m-hover-state] .b-input-radio__label { border-color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray[m-hover-state] { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray:hover .b-input-radio__label { border-color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray:hover { color: rgb(254, 254, 254); } } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter { color: rgba(138, 150, 163, 0.75); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-lighter .b-input-radio__label { border-color: rgba(138, 150, 163, 0.75); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active { color: rgb(0, 175, 240); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored).m-gray.m-active:hover { color: rgb(0, 145, 234); } } .g-btn.m-icon.m-icon-only:not(.m-colored).m-link { color: rgb(0, 175, 240); } .g-btn.m-icon.m-icon-only:not(.m-colored).m-link[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored).m-link:hover { color: rgb(0, 145, 234); } } .g-btn.m-icon.m-icon-only:not(.m-colored) .g-icon { color: rgb(0, 175, 240); } .g-btn.m-icon.m-icon-only:not(.m-colored)[m-hover-state] .g-icon { color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored)[m-hover-state] .g-icon { color: inherit; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored):hover .g-icon { color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored):hover .g-icon { color: inherit; } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible .g-icon { color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible .g-icon { color: inherit; } .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible:not([class*="-size"]) { outline-offset: -4px; } .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible:not(.m-with-round-hover) { border-radius: 6px; } .g-btn.m-icon.m-icon-only:not(.m-colored):focus-visible.dropdown-toggle.btn-link { outline: none; } } .g-btn.m-icon.m-icon-only:not(.m-colored):has(input[type="checkbox"]:focus-visible) { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 1000px; } .g-btn.m-icon.m-icon-only:not(.m-colored):has(input[type="checkbox"]:focus-visible) .g-icon { color: rgb(0, 145, 234); } html:not(.story-ran) .m-black-body.modal-open .g-btn.m-icon.m-icon-only:not(.m-colored):has(input[type="checkbox"]:focus-visible) .g-icon { color: inherit; } .g-btn.m-icon.m-icon-only:has(.g-btn.m-btn-remove)[m-hover-state] .g-btn.m-btn-remove { background: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:has(.g-btn.m-btn-remove):hover .g-btn.m-btn-remove { background: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-icon.m-icon-only:has(.g-btn.m-btn-remove):focus-visible { border-radius: 1000px; } } .g-btn.m-icon.m-icon-only .g-icon { margin: 0px auto; transform: translateZ(0px); } .g-btn.m-time-period { margin-bottom: 12px; padding-left: 46px; } .g-btn.m-time-period .b-btn-text { color: rgb(138, 150, 163); } .g-btn.m-time-period .g-icon.m-half-left { left: 10px; } .g-btn.m-time-period[m-hover-state] .b-btn-text { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-time-period:hover .b-btn-text { color: rgb(0, 145, 234); } } .g-btn.m-time-period .b-date-value { color: var(--title-color); margin-left: 4px; margin-right: 4px; } .g-btn.m-time-period .b-date-value:last-child { margin-right: 0px; } @media (max-width: 559.98px) { .g-btn.m-clear-btn-value { padding-left: 40px; padding-right: 40px; } } .g-btn__new-line-text { display: inline-block; } .g-btn.disabled, .g-btn[disabled] { background: rgba(138, 150, 163, 0.75); opacity: 0.4; pointer-events: none; } .g-btn.disabled .g-btn-spinner, .g-btn[disabled] .g-btn-spinner { display: inline-block; } .g-btn.m-loading { position: relative; padding-right: 50px; } .g-btn.m-loading.m-block { padding-left: 40px; padding-right: 40px; } .g-btn.m-loading[disabled] { opacity: 1; } .g-btn.m-loading .g-icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); margin: 0px; } .g-btn.m-send-queue-to-paid-customers { margin-right: 5px; line-height: 16px; } .g-page__header .g-btn.m-move-btn-right { margin-right: -6px; } .g-btn.m-social-btn { padding-left: 35px; position: relative; } .g-btn.m-social-btn.m-md { padding-left: 38px; } .g-btn.m-social-btn.m-md .b-btn-social-icon { width: 36px; } a.g-btn.m-social-btn:hover { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { a.g-btn.m-social-btn:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; color: rgb(254, 254, 254); } } .g-btn .b-btn-social-icon { position: absolute; width: 42px; bottom: 2px; left: 2px; top: 2px; border-radius: 1000px 2px 2px 1000px; } .g-btn .b-btn-social-icon .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .g-btn.m-spotify { background: rgb(29, 185, 84); } .g-btn.m-spotify[m-hover-state] { background: rgb(22, 175, 121); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-spotify:hover { background: rgb(22, 175, 121); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-spotify:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(22, 175, 121); } } .g-btn.m-twitter { background: rgb(29, 161, 242); } .g-btn.m-twitter[m-hover-state] { background: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-twitter:hover { background: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-twitter:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(0, 145, 234); } } .g-btn.m-google { background: rgb(66, 133, 244); } .g-btn.m-google[m-hover-state] { background: rgb(51, 103, 214); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-google:hover { background: rgb(51, 103, 214); } } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-google:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(51, 103, 214); } } .g-btn.m-google .b-btn-social-icon { background-color: rgb(254, 254, 254); } .g-btn.m-spring-store { background: rgb(47, 47, 47); } .g-btn.m-spring-store[m-hover-state] { background-color: rgb(47, 47, 47); background-image: linear-gradient(0deg, rgba(0, 145, 234, 0.25), rgba(0, 145, 234, 0.25)); background-blend-mode: lighten; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-spring-store:hover { background-color: rgb(47, 47, 47); background-image: linear-gradient(0deg, rgba(0, 145, 234, 0.25), rgba(0, 145, 234, 0.25)); background-blend-mode: lighten; } } .g-btn.m-opensea { background: rgb(226, 121, 37); } .g-btn.m-opensea[m-hover-state] { background: rgb(206, 103, 39); } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-opensea:hover { background: rgb(206, 103, 39); } } .g-btn-spinner { display: none; width: 13px; height: 13px; vertical-align: middle; border-width: 2px; border-style: solid; border-color: rgb(254, 254, 254) transparent rgb(254, 254, 254) rgb(254, 254, 254); border-image: none; border-radius: 50%; animation: 0.75s linear infinite rotation; margin-right: 5px; margin-top: -2px; } .b-btn-text.m-notice::after { margin-left: 4px; content: "*"; } .b-btn-text__small { text-transform: lowercase; } .b-btn-text__center { display: flex; justify-content: center; width: 100%; } .dropdown-menu .dropdown-item.m-radio-dropdown-item, .m-with-rectangle-hover { position: relative; cursor: pointer; } .dropdown-menu .dropdown-item.m-radio-dropdown-item::after, .m-with-rectangle-hover::after { content: ""; position: absolute; inset: 8px; border-radius: 4px; background-color: rgba(0, 145, 234, 0.06); pointer-events: none; opacity: 0; transition: opacity 0.1s; z-index: -1; } .dropdown-menu .dropdown-item.m-radio-dropdown-item.m-light::after, .m-with-rectangle-hover.m-light::after { background-color: rgba(255, 255, 255, 0.12); } .dropdown-menu .dropdown-item.m-radio-dropdown-item.m-tb-sm::after, .dropdown-menu .dropdown-item.m-radio-dropdown-item::after, .m-with-rectangle-hover.m-tb-sm::after { top: 4px; bottom: 4px; } .dropdown-menu .dropdown-item.m-radio-dropdown-item.m-tb-md::after, .m-with-rectangle-hover.m-tb-md::after { top: 6px; bottom: 6px; } .dropdown-menu .dropdown-item.m-radio-dropdown-item.m-lr-md::after, .m-with-rectangle-hover.m-lr-md::after { left: 6px; right: 6px; } .dropdown-menu .dropdown-item.m-radio-dropdown-item[m-hover-state]::after, .m-with-rectangle-hover[m-hover-state]::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item.m-radio-dropdown-item:hover::after, .m-with-rectangle-hover:hover::after { opacity: 1; } } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item.m-radio-dropdown-item:focus-visible:not(.m-no-pointer), .m-with-rectangle-hover:focus-visible:not(.m-no-pointer) { outline: none; } .dropdown-menu .dropdown-item.m-radio-dropdown-item:focus-visible:not(.m-no-pointer)::after, .m-with-rectangle-hover:focus-visible:not(.m-no-pointer)::after { opacity: 1; } .dropdown-menu .dropdown-item.m-radio-dropdown-item:focus-visible:not(.m-no-pointer)::after, .m-with-rectangle-hover:focus-visible:not(.m-no-pointer)::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .m-with-round-hover { position: relative; } .m-with-round-hover.m-disabled, .m-with-round-hover[disabled] { pointer-events: none; } .m-with-round-hover.m-clickable-area::after { pointer-events: auto; } .m-with-round-hover.m-width-fluid-hover::after { width: 100%; } .m-with-round-hover.m-width-oblong-hover.m-size-sm-hover::after { width: 36px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-extra-lg-hover::after { width: 48px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-lg-hover::after { width: 40px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-md-hover::after { width: 36px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-md-btw-hover::after { width: 32px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-sm-hover::after { width: 24px; } .m-with-round-hover:not(.m-width-fluid-hover).m-size-sms-hover::after { width: 20px; } .m-with-round-hover.m-size-extra-lg-hover::after { height: 48px; } .m-with-round-hover.m-size-lg-hover::after { height: 40px; } .m-with-round-hover.m-size-md-hover::after { height: 36px; } .m-with-round-hover.m-size-md-btw-hover::after { height: 32px; } .m-with-round-hover.m-size-sm-hover::after { height: 24px; } .m-with-round-hover.m-size-sms-hover::after { height: 20px; } .m-with-round-hover::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 36px; transition: opacity 0.15s; pointer-events: none; opacity: 0; border-radius: 1000px; background-color: rgb(0, 145, 234); display: block; } .m-with-round-hover.m-light::after { background-color: rgb(254, 254, 254); } .m-with-round-hover.m-light[m-hover-state]::after { opacity: 0.12; } @media (any-hover: hover) and (pointer: fine) { .m-with-round-hover.m-light:hover::after { opacity: 0.12; } } @media (any-hover: hover) and (pointer: fine) { .m-with-round-hover.m-light:focus-visible::after { opacity: 0.12; } } .m-with-round-hover[m-hover-state]::after { opacity: 0.06; } @media (any-hover: hover) and (pointer: fine) { .m-with-round-hover:hover::after { opacity: 0.06; } } @media (any-hover: hover) and (pointer: fine) { .m-with-round-hover:focus-visible { border-radius: 1000px; } .m-with-round-hover:focus-visible::after { opacity: 0.06; } } .m-with-round-hover:has(input[type="checkbox"]:focus-visible)::after { opacity: 0.06; } .g-btn-link { padding: 0px; background: none; border: medium; color: rgb(138, 150, 163); } .g-btn-link.m-link-color { color: rgb(0, 175, 240); } .g-btn-link[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn-link:hover { color: rgb(0, 145, 234); } } .g-btn-link[disabled] { color: rgb(138, 150, 163); } .b-btns-group.m-move-right { margin-right: -6px; } .b-btns-group.m-move-right-feed { margin-right: -9px; } .g-section__header .b-btns-group { margin-top: -6px; margin-bottom: -6px; } .b-btns-group > :not(:first-child) { margin-left: 4px; } .b-stream-header .b-btns-group > :not(:first-child) { margin-left: 6px; } .b-btns-group .g-btn.m-flat.m-link, .b-btns-group .g-btn.m-flat.m-text { font-size: 14px; line-height: 20px; } .g-btn-close { position: absolute; right: 0px; top: 0px; width: 60px; height: 60px; transform: translateY(2px); padding: 0px; border: medium; color: rgba(138, 150, 163, 0.75); background: none; z-index: 10; } .g-btn-close[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-btn-close:hover { color: rgb(0, 145, 234); } } .g-btn-close.m-with-round-hover { position: absolute; } .g-btn-close .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .g-btn-close.m-light { color: rgb(254, 254, 254); } .g-btn-close:not(.m-pos-back) .m-btn-back { display: none; } .g-btn-close.m-pos-back { right: auto; left: 0px; } .g-btn-close.m-pos-back .m-btn-close { display: none; } .b-new-event-btn { background-color: rgba(138, 150, 163, 0.08); border-radius: 6px; height: 56px; flex: 0 0 56px; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); width: 100%; border: medium; } .l-wrapper__content .b-new-event-btn { margin-top: 16px; } .b-new-event-btn.m-md-size { height: 64px; flex: 0 0 64px; } .b-new-event-btn.m-lg-size { height: 72px; flex: 0 0 72px; } .b-new-event-btn.m-square { height: auto; flex: 1 1 auto; padding-top: 100%; border-radius: 0px; position: relative; } .b-new-event-btn.m-square .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-new-event-btn:last-child { margin-bottom: 16px; } .l-wrapper__sidebar .b-new-event-btn:last-child { margin-top: 16px; margin-bottom: 0px; } .b-widget .b-new-event-btn:last-child { margin-bottom: 0px; margin-top: 20px; } .b-new-event-btn[m-hover-state] { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-new-event-btn:hover { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-new-event-btn:focus-visible { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); outline: none; position: relative; } .b-new-event-btn:focus-visible::after { content: ""; position: absolute; border-radius: 6px; width: 100%; height: 100%; flex: 0 0 100%; inset: 0px; outline: rgb(0, 145, 234) solid 2px; outline-offset: -4px; } } .btn-referrals-back { position: fixed; right: 8px; bottom: 64px; z-index: 1000; } @media (min-width: 500px) { .btn-referrals-back { bottom: 6px; } } .g-btn-play { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: rgba(0, 0, 0, 0.4); border-radius: 1000px; z-index: 2; } .g-btn-play.m-sm-size { width: 36px; height: 36px; transition: background-color 0.1s; } .g-btn-play.m-lg-size { width: 60px; height: 60px; line-height: 60px; opacity: 0.7; transition: background-color 0.3s, opacity 0.3s; } .m-with-btn-play:hover .g-btn-play.m-lg-size { opacity: 1; } .pswp--open .g-btn-play.m-lg-size { width: 48px; height: 48px; line-height: 48px; } .pswp--open .g-btn-play.m-lg-size[m-hover-state] { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .pswp--open .g-btn-play.m-lg-size:hover { opacity: 1; } } .g-btn-play.m-lg-size .g-icon { width: 36px; height: 36px; flex: 0 0 36px; } .m-with-btn-play:hover .g-btn-play { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .m-with-btn-play .g-btn-play:focus-visible { background-color: rgb(0, 145, 234); } } .pswp--open .g-btn-play[m-hover-state] { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .pswp--open .g-btn-play:hover { background-color: rgb(0, 145, 234); } } .g-btn-play .g-icon { color: rgb(254, 254, 254); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } @media (any-hover: hover) and (pointer: fine) { .has-tooltip:has(.g-icon):not(.contact_button):not(.m-with-round-hover):focus-visible { outline: rgb(0, 145, 234) solid 2px; text-decoration: none; border-radius: 1000px; outline-offset: var(--outline-offset,2px); } } .b-tabs__nav { position: relative; } .b-users__item .b-tabs__nav { margin-bottom: 0px; } .g-page__header .b-tabs__nav { padding-top: 12px; margin-right: 16px; } .modal-header .b-tabs__nav { margin: 0px 0px -17px; } .b-tabs__nav__list { margin-bottom: 0px; list-style: none; } .b-tabs__nav__item { font-size: 0px; display: flex; flex-direction: row; align-content: center; align-items: center; } .modal-header .b-tabs__nav__item { font-size: inherit; } .modal-header .b-tabs__nav__item .g-icon { margin-right: 5px; } .b-tabs__nav__item .v-icon.v-icon { color: inherit; } @media (min-width: 1004px) { .b-tabs__nav__item .g-icon, .b-tabs__nav__item .v-icon.v-icon { margin-right: 5px; } .b-tabs__nav__item .g-icon:last-child, .b-tabs__nav__item .v-icon.v-icon:last-child { margin-right: 0px; } .b-tabs__nav__item .g-icon.m-default-size, .b-tabs__nav__item .v-icon.v-icon.m-default-size { margin-right: 6px; } } .b-tabs__nav__link { background: none; border: medium; display: flex; align-content: center; align-items: center; z-index: 1; cursor: pointer; transition: color 0.3s, border-color 0.3s; } .b-tabs__nav__link.m-disabled, .b-tabs__nav__link[disabled] { pointer-events: none; opacity: 0.4; } .b-tabs__nav__count { position: absolute; background: rgb(0, 175, 240); padding-left: 5px; padding-right: 5px; min-width: 10px; height: 10px; border-radius: 10px; font-size: 11px; line-height: 10px; text-align: center; color: rgb(254, 254, 254); top: 5px; left: 20px; box-shadow: 0 0 0 2px var(--bg-color); z-index: 1; display: block; } .m-with-counter .b-tabs__nav__count { font-weight: 700; padding-left: 4px; padding-right: 4px; min-width: 16px; height: 16px; line-height: 16px; border-radius: 8px; inset: -8px -3px auto auto; } .modal-body .b-tabs__nav + .g-input__help { margin-top: 15px; } .b-dot-item { position: relative; display: inline-flex; color: rgb(138, 150, 163); margin-right: 21px; } .user_posts .b-dot-item { color: var(--text-color); } @media (any-hover: hover) and (pointer: fine) { .user_posts .b-dot-item:focus-visible::after { color: var(--text-color); } } .b-list-titles .b-dot-item, .m-black-body .b-dot-item, .pswp .b-dot-item { color: inherit; } .b-dot-item.m-default-color-text { color: var(--text-color); } .b-list-titles a.b-dot-item, .b-list-titles button.b-dot-item, .m-black-body a.b-dot-item, .m-black-body button.b-dot-item, .pswp a.b-dot-item, .pswp button.b-dot-item { color: inherit; } a.b-dot-item[m-hover-state], button.b-dot-item[m-hover-state] { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { a.b-dot-item:hover, button.b-dot-item:hover { text-decoration: underline; } } @media (any-hover: hover) and (pointer: fine) { a.b-dot-item:focus-visible, button.b-dot-item:focus-visible { text-decoration: underline; } } .b-dragscroll .b-dot-item.b-summary-list__item.m-current::after, .b-dragscroll .b-dot-item.b-tabs__nav__item.m-current::after, .b-dragscroll a.b-dot-item.m-current::after { color: rgb(138, 150, 163); } .b-dot-item.m-dot-bold:not(:last-child) { margin-right: 16px; } .b-dot-item.m-dot-bold:not(:last-child)::after { right: -11px; font-weight: 500; } .b-dot-item.m-dot-prev { margin-right: 0px; margin-left: 5px; } .b-dot-item.m-dot-prev::before { content: "•"; margin-right: 6px; color: inherit; } .b-dot-item::after { content: "•"; color: inherit; pointer-events: none; text-decoration: none; position: absolute; top: 0px; font-size: 14px; right: -13px; } .pswp .b-dot-item::after { opacity: 0.75; line-height: 20px; } .b-dot-item:last-child { margin-right: 0px; } .b-dot-item:not(.m-point-order-exception):last-child::after { content: none; } .b-tabs__nav.m-nv.m-tab-rounded { margin-bottom: 17px; min-height: 32px; } .b-tabs__nav.m-nv.m-tab-rounded:empty { min-height: auto; } .b-tabs__nav.m-nv.m-tab-rounded.m-sm-mb { margin-bottom: 10px; } .b-tabs__nav.m-nv.m-tab-rounded.m-sm-mb:has(+ .b-feed-alerts:empty), .b-tabs__nav.m-nv.m-tab-rounded.m-sm-mb:has(+ .b-feed-alerts:not(:empty)[style*="display: none;"]), .b-tabs__nav.m-nv.m-tab-rounded.m-sm-mb:has(+ .b-feed-content) { margin-bottom: 0px; } .b-tabs__nav.m-nv.m-tab-rounded.m-sm-mb:has(+ .b-feed-alerts:not(:empty)) { margin-bottom: 16px; } .b-tabs__nav.m-nv.m-tab-rounded.m-block-allocated { padding-bottom: 9px; } .b-tabs__nav.m-nv.m-tab-rounded.m-block-allocated::after { content: ""; position: absolute; left: -16px; right: -16px; bottom: 0px; border-bottom: 8px solid var(--marked-color); border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-tabs__nav.m-nv.m-tab-rounded.m-bottom-bordered { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 13px; padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; } .b-users__item.m-subscriptions .b-tabs__nav.m-nv.m-tab-rounded { margin-bottom: 16px; } .b-useful-data .b-tabs__nav.m-nv.m-tab-rounded { margin-bottom: 14px; } .transactions-block .b-tabs__nav.m-nv.m-tab-rounded { padding-top: 16px; } .b-tabs__nav.m-nv.m-tab-rounded.m-lg-mb { margin-bottom: 23px; } .b-useful-data .b-tabs__nav.m-nv.m-tab-rounded.m-lg-mb { margin-bottom: 18px; } .b-tabs__nav.m-nv.m-tab-rounded .b-dragscroll { align-content: stretch; align-items: stretch; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__item { padding: 0px; border-radius: 0px; background-color: transparent; text-transform: none; } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__item:hover { color: inherit; background-color: transparent; } } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__item:has(.b-posts_preloader.m-screen-center-absolute) { position: static; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link { min-height: 32px; min-width: 32px; font-size: 14px; line-height: 16px; font-weight: 400; border: medium; color: var(--text-color); border-radius: 1000px; background-color: rgba(138, 150, 163, 0.12); transition: background-color 0.1s, color 0.1s; position: relative; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link[m-hover-state] { background-color: rgba(0, 175, 240, 0.12); color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:hover { background-color: rgba(0, 175, 240, 0.12); color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:focus-visible { outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -2px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:focus-visible:not(.m-no-pointer) { background-color: rgba(0, 175, 240, 0.12); color: rgb(0, 145, 234); } } .m-mode-dark .modal .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link:not(:hover):not(:focus-visible):not(.m-current) { background-color: rgba(255, 255, 255, 0.12); } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link.m-reset-width { width: auto; flex: 0 0 auto; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link .g-btn.m-btn-remove .g-icon { margin: auto; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link.b-tabs__nav__item > .g-icon, .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__link.b-tabs__nav__item > .v-icon.v-icon { margin-left: -2px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon { width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; margin-right: 2px; position: relative; overflow: hidden; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon:only-child { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin: 0px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon.m-round-svg { overflow: visible; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon.m-avatar-gap { margin-right: 6px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon.m-inside-icon { background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg,var(--bg-color),var(--bg-color)); background-blend-mode: multiply; border-radius: 1000px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon.m-inside-icon .g-icon { opacity: 0.75; color: var(--text-color); } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon { margin: 0px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon:not(.m-default-size):not(.b-default-avatar) { width: 16px; height: 16px; flex: 0 0 16px; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon.m-invalid-state { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-tabs__nav.m-nv.m-tab-rounded .b-tabs__nav__icon .g-icon.m-invalid-state + .g-icon { opacity: 0.1; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__icon:not(:only-child) { margin-right: 1px; margin-left: -8px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__icon.m-avatar-gap { margin-right: 6px; } .b-users__item .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__item:not(:last-child) { margin-right: 10px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__item > .g-icon:first-child { margin-right: 5px; width: 17px; height: 17px; flex: 0 0 17px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link { padding: 0px 12px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-tab-social { padding-right: 14px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-tab-social .b-tabs__nav__icon { margin-left: -8px; margin-right: 6px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link .g-btn.m-btn-remove { margin-left: 8px; margin-right: -7px; } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current .b-tabs__nav__link.m-current { padding-right: 15px; background-color: rgba(0, 175, 240, 0.12); color: rgb(0, 145, 234); } .b-tabs__nav.m-nv.m-tab-rounded.m-multiple-current.m-bottom-line::before { content: ""; position: absolute; left: 16px; right: 0px; bottom: 0px; height: 1px; background-color: rgba(138, 150, 163, 0.25); } .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link { padding: 4px 14px; } .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current { background-color: rgba(0, 175, 240, 0.25); } .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current { background-color: rgba(255, 255, 255, 0.5); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background-blend-mode: multiply; } .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current .b-tabs__nav__text { z-index: 1; } .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current[m-hover-state] { color: rgb(254, 254, 254); } .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current[m-hover-state]::after { opacity: 0.35; } @media (any-hover: hover) and (pointer: fine) { .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current:hover { color: rgb(254, 254, 254); } .image-editor .modal .b-tabs__nav.m-nv.m-tab-rounded.m-single-current .b-tabs__nav__link.m-current:hover::after { opacity: 0.35; } } .b-tabs__nav.m-nv.m-tab-rounded.m-with-counter .b-dragscroll { padding-top: 8px; margin-top: -8px; } .b-tabs__nav.m-nv.m-tabs-default { font-size: 0px; } .b-tabs__nav.m-nv.m-tabs-default ~ .b-separate-section:last-child { border-bottom: medium; } .b-tabs__nav.m-nv.m-tabs-default + .b-separate-section:not(.m-without-bold-border) { border-top: 8px solid var(--marked-color); } .b-tabs__nav.m-nv.m-tabs-default + .b-separate-section .transactions-block.m-empty-section { min-height: calc(var(--vh, 1vh)*100 - 178px); padding-bottom: 26px; } @media (min-width: 500px) { .b-tabs__nav.m-nv.m-tabs-default + .b-separate-section .transactions-block.m-empty-section { min-height: calc(var(--vh, 1vh)*100 - 121px); } } .b-tabs__nav.m-nv.m-tabs-default .b-dragscroll > .b-tabs__nav__item, .b-tabs__nav.m-nv.m-tabs-default .b-dragscroll > :not(.b-dot-item) { margin-right: 0px; } .b-tabs__nav.m-nv.m-tabs-default::after { content: ""; height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: var(--bg-color); background-image: linear-gradient(0deg, rgba(138, 150, 163, 0.25), rgba(138, 150, 163, 0.25)); background-blend-mode: multiply; z-index: 0; } .m-mode-dark .b-tabs__nav.m-nv.m-tabs-default::after { background-blend-mode: difference; } .modal-header .b-tabs__nav.m-nv.m-tabs-default::after { content: none; } @media (max-width: 1003.98px) { .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs { margin-bottom: 8px; } } .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__link { padding: 6px 4px 16px; line-height: 0; } .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:nth-child(n+1):nth-child(-n+6):last-child { margin-right: auto; } .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:not(:last-child) { margin-right: 19px; } @media (min-width: 1080px) { .b-tabs__nav.m-nv.m-tabs-default.m-align-tabs .b-tabs__nav__item:not(:last-child) { margin-right: 21px; } } .b-tabs__nav.m-nv.m-tabs-default.m-sticky-after-header { position: sticky; top: 56px; background-color: var(--bg-color); z-index: 4; } .b-tabs__nav.m-nv.m-tabs-default.m-gap-over { margin-bottom: 16px; } .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link { color: rgba(255, 255, 255, 0.75); } .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link.m-with-rectangle-hover::after { background-color: rgba(255, 255, 255, 0.12); } .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link.m-with-rectangle-hover:not(.m-disabled):not([disabled])[m-hover-state] { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link.m-with-rectangle-hover:not(.m-disabled):not([disabled]):hover { color: rgb(254, 254, 254); } } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link.m-with-rectangle-hover:not(.m-disabled):not([disabled]):focus-visible { color: rgb(254, 254, 254); } .b-tabs__nav.m-nv.m-tabs-default.m-in-black-body .b-tabs__nav__link.m-with-rectangle-hover:not(.m-disabled):not([disabled]):focus-visible::after { outline-color: rgb(254, 254, 254); } } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__item { z-index: 1; } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link { width: 100%; justify-content: center; line-height: 16px; border-bottom: 2px solid transparent; text-transform: uppercase; font-weight: 500; color: rgb(138, 150, 163); } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current { color: var(--text-color); border-bottom-color: currentcolor; transition: none; } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current { color: var(--text-color); } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current[m-hover-state] { border-bottom-color: rgb(0, 145, 234); } .m-black-body .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current[m-hover-state] { border-bottom-color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current:hover { border-bottom-color: rgb(0, 145, 234); } .m-black-body .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-current:hover { border-bottom-color: rgb(254, 254, 254); } } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled])[m-hover-state] { color: rgb(0, 145, 234); } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled])[m-hover-state] { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):hover { color: rgb(0, 145, 234); } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):hover { color: rgb(254, 254, 254); } } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):focus-visible:not(.m-no-pointer) { color: rgb(0, 145, 234); } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link:not(.m-disabled):not([disabled]):focus-visible:not(.m-no-pointer) { color: rgb(254, 254, 254); } } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-with-rectangle-hover::after { background-color: rgba(255, 255, 255, 0.12); } @media (any-hover: hover) and (pointer: fine) { .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-with-rectangle-hover:focus-visible::after { outline-color: rgb(254, 254, 254); } } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-with-rectangle-hover.m-tb-sm::after { bottom: 3px; } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link.m-disabled.m-with-rectangle-hover::after, .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link[disabled].m-with-rectangle-hover::after { opacity: 0; } .m-stream-body .modal .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__link { color: rgba(255, 255, 255, 0.75); } .b-tabs__nav.m-nv.m-tabs-default .b-tabs__nav__count { left: calc(100% - 5px); top: -6px; } .b-tabs__nav.m-nv.m-tabs-default[class*="m-size-"] .b-tabs__nav__link { padding: 2px 4px 0px; } .b-tabs__nav.m-nv.m-tabs-default.m-over-separator { padding-top: 9px; } .b-tabs__nav.m-nv.m-tabs-default.m-over-separator::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; border-top: 1px solid rgba(138, 150, 163, 0.25); border-bottom: 8px solid var(--marked-color); } .b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__item, .b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__link { flex: 1 1 0%; } .b-tabs__nav.m-nv.m-tabs-default.m-flex-width .b-tabs__nav__text { padding-left: 6px; padding-right: 6px; } .b-tabs__nav.m-nv.m-tabs-default.m-size-lg .b-tabs__nav__link { height: 72px; padding: 0px 10px 0px 0px; } .b-tabs__nav.m-nv.m-tabs-default.m-size-md .b-tabs__nav__link { height: 48px; font-size: 14px; } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-nv.m-tabs-default.m-size-md .b-tabs__nav__link:focus-visible::after { outline-offset: 0px; } } .b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-md-sides-gaps .b-tabs__nav__link { padding-left: 10px; padding-right: 10px; } .b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-md-sides-gaps .b-tabs__nav__count { left: calc(100% - 5px); right: auto; } .b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__link { padding-left: 15px; padding-right: 15px; } .b-tabs__nav.m-nv.m-tabs-default.m-size-md.m-lg-sides-gaps .b-tabs__nav__count { left: calc(100% - 5px); right: auto; } .b-tabs__nav.m-nv.m-tabs-default.m-size-sm .b-tabs__nav__link { padding: 2px 4px 0px; height: 32px; font-size: 14px; } .m-stream-body .b-tabs__nav.m-nv.m-tabs-default.m-size-sm .b-tabs__nav__link { padding-top: 3px; } .b-tabs__nav.m-nv.m-tabs-default.m-tabs-separate .b-tabs__nav__item:not(:first-child) { border-left: 1px solid rgba(138, 150, 163, 0.25); } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__item { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link { flex: 1 1 0%; border-bottom-width: 1px; padding: 17px 4px 18px 0px; text-transform: uppercase; font-weight: 500; color: rgb(138, 150, 163); } @media (min-width: 1004px) { .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link { font-size: 16px; } } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link:hover { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link:focus-visible { color: rgb(0, 145, 234); outline: none; position: relative; } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link:focus-visible::before { content: ""; width: calc(100% - 8px); height: calc(100% - 12px); border-radius: 6px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link.m-current { color: var(--text-color); } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link.m-current .b-tabs__nav__text::after { background-color: currentcolor; } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__link .g-icon { margin: 0px; } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__text { position: relative; } @media (min-width: 1004px) { .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__text::after { content: ""; position: absolute; left: -29px; right: -4px; bottom: -21px; height: 2px; transition: background-color 0.1s; } } .b-tabs__nav.m-row-item.m-nv .b-tabs__nav__icon .g-icon { vertical-align: top; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item { min-height: 24px; border-radius: 1000px; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item:not(:last-child) { margin-right: 16px; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item:last-child { margin-right: 0px; } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item.dropdown-item:hover { opacity: 0.6; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item.dropdown-item:has(.m-current):hover { opacity: 1; } } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item:hover { opacity: 0.4; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__item:has(.m-current):hover { opacity: 1; } } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__link { min-width: 24px; height: 24px; flex: 0 0 24px; min-height: 24px; padding: 0px; transition: opacity 0.1s; box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset; background-color: transparent; } @media (any-hover: hover) and (pointer: fine) { .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__link:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__link.m-current { background-color: transparent; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__link.m-current::after { content: ""; border-radius: inherit; position: absolute; inset: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; } .b-tabs__nav.m-colorpicker-tabs.m-nv .b-tabs__nav__link.m-current.m-default-tab-color::after { inset: 2px; border: 2px solid rgba(0, 0, 0, 0.4); } .g-user-name, .g-user-username { user-select: text; } .g-user-name { font-weight: 500; position: relative; color: var(--text-color); } .g-user-name.m-regular { font-weight: 400; } .g-user-name.m-muted { color: rgb(138, 150, 163); } .g-user-name.m-gap-bottom-lg { margin-bottom: 5px; } .g-user-name + .g-user-realname { margin-left: 4px; margin-right: 0px; display: inline; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-username-row.m-inline .g-user-name + .g-user-realname { white-space: normal; } .g-user-username { font-size: 14px; color: rgb(138, 150, 163); } .m-stream-body .g-user-username { color: rgba(255, 255, 255, 0.75); } .m-real-mode-light .m-black-body .m-real-theme-mode .g-user-username { color: rgb(138, 150, 163); } [class*="m-real-mode-"] .m-black-body .m-real-theme-mode .dropdown-item .g-user-username { color: var(--text-color); } .g-user-username[href]:hover { color: rgb(0, 145, 234); text-decoration: underline; } .g-user-realname { font-size: 14px; font-weight: 500; color: rgb(138, 150, 163); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 0.25em; } .g-user-realname.m-round-brackets { padding-left: 7px; padding-right: 7px; position: relative; box-sizing: content-box; } .g-user-realname.m-round-brackets::after, .g-user-realname.m-round-brackets::before { position: absolute; top: 0px; } .g-user-realname.m-round-brackets::before { content: "("; left: 0px; } .g-user-realname.m-round-brackets::after { content: ")"; right: 0px; } .g-user-realname__wrapper { max-width: 100%; } .g-user-realname__wrapper.m-nowrap-text { display: inline-flex; min-width: 0px; } .m-chat-title .g-user-realname__wrapper.m-nowrap-text { text-overflow: clip; } .g-user-realname__wrapper.m-nowrap-text .g-user-name { flex-grow: 0; flex-shrink: 30; } .g-user-realname__wrapper.m-nowrap-text .g-user-realname { flex: 1 70 0%; } .g-user-realname__wrapper.m-nowrap-text [class*="g-user-"] { min-width: 0px; } .g-user-realname__wrapper.m-like-link:hover [class*="g-user-"] { color: rgb(0, 145, 234); text-decoration: underline; } .g-user-realname__wrapper[href].m-nowrap-text:hover [class*="g-user-"], .g-user-realname__wrapper[href]:not(.m-nowrap-text):hover { text-decoration: underline; } .g-user-realname__wrapper[href]:hover [class*="g-user-"] { color: inherit; } @media (any-hover: hover) and (pointer: fine) { .g-user-realname__wrapper[href]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } .g-user-realname__wrapper[href]:focus-visible [class*="g-user-"] { color: inherit; } } .g-user-realname__wrapper [class*="g-user-"] { display: inline-block; vertical-align: top; max-width: 100%; align-self: center; } .g-user-realname__wrapper .g-user-name + .g-user-realname { font-size: inherit; } .b-username.m-like-link .g-user-name, .b-username[href] .g-user-name { color: inherit; } .b-username.m-like-link:hover [class*="g-user-"], .b-username[href]:hover [class*="g-user-"] { text-decoration: underline; } .g-user-name.m-sm-size, .g-user-username.m-sm-size { font-size: 12px; line-height: 14px; font-weight: 400; } .g-user-name.m-md-size, .g-user-username.m-md-size { font-size: 16px; line-height: 20px; } .g-user-name.m-lg-size, .g-user-username.m-lg-size { font-size: 19px; line-height: 24px; } .g-user-name.m-lg-size .g-icon.m-verified, .g-user-username.m-lg-size .g-icon.m-verified { width: 19px; height: 19px; flex: 0 0 19px; } .g-user-name.m-verified, .g-user-username.m-verified { position: relative; padding-right: 20px; } .b-username-wrapper { display: flex; } @media (max-width: 767.98px) { .b-username-wrapper { flex-wrap: wrap; } } .b-username-wrapper .b-username-row { min-width: 0px; } .b-username-row { display: flex; flex-direction: row; align-content: center; align-items: center; margin-bottom: 2px; } .b-username-row.m-gap-clear { margin-bottom: 0px; } .b-username-row.m-gap-lg { margin-bottom: 4px; } .b-username-row.m-gap-lg-middle { margin-bottom: 5px; } .b-username-row.m-gap-lg-extra { margin-bottom: 6px; } @media (min-width: 768px) { .b-username-row.m-gap-more { margin-bottom: 6px; } } .b-username-row.m-width-limit { max-width: 100%; } .b-username-row.m-center { justify-content: center; } .b-username-row.m-absolute-limit { position: relative; min-height: 20px; } .b-username-row.m-absolute-limit .b-username { position: absolute; left: 0px; top: 0px; max-width: 100%; } .b-username-wrapper .b-username-row { margin-bottom: 0px; margin-right: 10px; } .b-username-row:last-child { margin-bottom: 0px; } .b-post__mentioned-posts-item .b-username-row:last-child .b-username { font-size: 13px; } .b-username-row .b-username { min-width: 0px; display: block; color: var(--text-color); } .b-username-row .b-username.m-flex { display: flex; flex-direction: row; align-content: center; align-items: center; } .b-username-row .b-username.m-flex .b-username + .b-username, .b-username-row .b-username.m-flex .b-username + .g-user-realname__wrapper, .b-username-row .b-username.m-flex .b-username + .g-user-username, .b-username-row .b-username.m-flex .g-user-name + .b-username, .b-username-row .b-username.m-flex .g-user-name + .g-user-realname__wrapper, .b-username-row .b-username.m-flex .g-user-name + .g-user-username { margin-left: 5px; } .b-username-row .g-user-name { display: block; } .b-post__mentioned-posts-item .b-username-row .g-user-name { line-height: 19px; } .b-username-row [class*="g-user-"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .b-username-row.m-inline { display: inline; max-width: 100%; } .b-username-row.m-inline .b-username { display: inline; } .b-username-row.m-inline .g-user-name { display: inline; white-space: normal; padding-right: 0px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-username-row.m-inline .g-user-name.m-verified:not(:last-child) { margin-right: 4px; } .b-username-row.m-inline .g-user-name.m-verified:not(:last-child) + .g-user-realname { margin-left: 0px; } .b-fans { width: 100%; min-height: inherit; } .b-fans__btn-expand { position: absolute; right: 10px; top: -6px; } .b-fans__container { position: relative; z-index: 1; } .b-fans__item__header { position: relative; padding: 0px 16px 0px 80px; margin: 0px 0px 8px; min-height: 48px; } .m-helpers .b-fans__item__header { padding-left: 64px; padding-right: 50px; } .dialog_message .b-fans__item__header { margin: -14px 6px 20px; padding-top: 8px; } .dialog_message .b-fans__item__header::after { position: absolute; bottom: 0px; right: 0px; height: 1px; background: rgba(138, 150, 163, 0.25); content: ""; left: 36px; } .dialog_message .b-fans__item__header .g-user-username { display: none; } .b-fans__item__header .g-icon.m-verified { width: 15px; height: 15px; flex: 0 0 15px; } .b-fans__item__header .b-group-btns { margin-top: -6px; margin-bottom: -6px; margin-right: -6px; } .b-fans__item__header .b-group-btns > :not(:first-child) { margin-left: 4px; } .b-fans__item__header + .b-tabs__nav { margin-top: 10px; } .b-fans__item__regular-price { color: rgba(138, 150, 163, 0.7); } .b-fans__item__regular-price::before { content: "("; } .b-fans__item__regular-price::after { content: ")"; } .b-fans__item__list { margin-bottom: 0px; } .b-offer-join .b-fans__item__list { margin-top: 17px; margin-bottom: 8px; } .b-settings .b-offer-join .b-fans__item__list { margin-top: 12px; margin-bottom: 6px; } .b-settings .b-offer-join .b-fans__item__list.m-trial-link { margin-top: 3px; margin-bottom: 8px; } .l-wrapper .b-offer-join .b-fans__item__list + .b-offer-join__btn { padding-top: 0px; } .modal .b-fans__item__list { border-bottom: 1px solid rgba(138, 150, 163, 0.25); max-height: 300px; } .b-fans__item__list.m-fan-stats { padding: 0px; margin-left: 16px; } .b-fans__item__list__item { display: flex; place-content: center space-between; align-items: center; border-top: 1px solid rgba(138, 150, 163, 0.25); margin: 0px; text-align: right; transition: color 0.1s; padding: 7px 6px 8px; font-size: 16px; } .b-offer-join .b-fans__item__list__item, .b-users__item .b-fans__item__list__item, .m-vat-table .b-fans__item__list__item { font-size: 14px; line-height: 20px; } .b-users__item .b-fans__item__list__item { min-height: 40px; padding: 10px 16px; } .b-offer-join .b-fans__item__list__item { min-height: 40px; padding: 10px 16px 9px 0px; margin-right: -16px; } .b-offer-join .b-fans__item__list__item:first-child { padding-bottom: 10px; } .m-vat-table .b-fans__item__list__item { padding: 13px 16px 13px 0px; margin-right: -16px; min-height: 48px; align-content: flex-start; align-items: flex-start; } .b-fans__item__list__item.m-item-header .b-fans__item__list__label { color: var(--text-color); font-weight: 500; } .b-profile__content__list .b-fans__item__list__item { font-size: 14px; line-height: 20px; padding: 10px 16px 10px 0px; } .b-fans__item__list__item:first-child { border-top: medium; } .b-profile__content__list .b-fans__item__list__item:first-child { padding-top: 2px; } .m-earnings-list .b-fans__item__list__item:last-child { font-weight: 500; } .b-fans__item__list__label { color: rgb(138, 150, 163); text-align: left; transition: color 0.1s; display: flex; align-content: center; align-items: center; font-size: 13px; text-transform: uppercase; } .b-fans__item__list__label.m-orderable { cursor: pointer; } .b-fans__item__list__label.m-orderable:hover { color: rgb(0, 145, 234); } .m-vat-table .b-fans__item__list__label { padding-right: 16px; } .b-offer-join .b-fans__item__list__label, .b-profile__content__list .b-fans__item__list__label, .b-users__item .b-fans__item__list__label, .m-vat-table .b-fans__item__list__label { font-size: 14px; line-height: 20px; text-transform: none; } .b-fans__item__list__label .g-icon { width: 18px; height: 18px; flex: 0 0 18px; margin-left: 3px; } .b-fans__item__list__btns .g-btn { margin-left: 24px; } .b-fans .g-section__header { padding: 0px 4px 10px; flex-wrap: wrap; } .b-fans .g-section__header__inner { display: flex; align-content: center; align-items: center; flex: 1 1 0%; } .b-btn-collapse { position: relative; text-align: center; line-height: 0; } .m-model-card .b-btn-collapse { line-height: normal; } .b-btn-collapse.m-disabled { pointer-events: none; opacity: 0.4; } .b-btn-collapse.m-without-line::before { content: none; } .b-modal__section-btns .b-btn-collapse, .modal .b-modal__btns .b-btn-collapse { margin-left: -16px; margin-right: -16px; height: unset; } .modal .b-modal__btns .b-btn-collapse { margin-bottom: 0px; } .b-users__item.m-model-card .b-btn-collapse { margin-top: 10px; } .modal .b-users__item.m-model-card .b-btn-collapse { margin-top: 6px; margin-bottom: -7px; } .b-btn-collapse::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 1px; background-color: rgba(138, 150, 163, 0.25); flex: 1 1 0%; } .b-btn-collapse .g-btn-link { display: inline-flex; flex-direction: row; align-content: center; align-items: center; padding-left: 12px; padding-right: 10px; z-index: 1; position: relative; background-color: var(--bg-color); margin-top: -10px; margin-bottom: -10px; font-size: 14px; line-height: 20px; } .m-bg-colored .b-btn-collapse .g-btn-link, .m-colored-modal .b-btn-collapse .g-btn-link, .m-expired .b-btn-collapse .g-btn-link { background-color: var(--marked-color); } .m-processing-card .b-btn-collapse .g-btn-link { background-color: var(--bg-color); } .m-processing-card .b-btn-collapse .g-btn-link::after { content: ""; position: absolute; inset: 0px; background-color: rgba(138, 150, 163, 0.25); } .b-btn-collapse .g-btn-link:not(:hover) { color: rgb(138, 150, 163); } .b-btn-collapse .g-btn-link::before { content: ""; position: absolute; inset: -5px; } .b-btn-collapse .g-btn-link .g-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-left: 4px; } .b-form-trial-links__select-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 23px; } .b-form-trial-links__select-group:last-child { margin-bottom: 0px; } .b-form-trial-links__select-group.m-gap-bottom-sm { margin-bottom: 8px; } .b-form-trial-links__select-group.m-unequal-items { grid-template-columns: 44.873% auto; } .b-form-trial-links__select-item { min-width: 0px; } .b-form-trial-links__select-item:only-child { grid-column: span 2; } .b-form-trial-links__select-item[id*="m-"] { position: relative; } body .b-toaster { position: fixed; margin: 0px; padding: 0px; overflow: visible; z-index: 102; width: 100%; max-width: 291px; bottom: 20px; left: 12px; } @media (max-width: 499.98px) { body .b-toaster { bottom: 63px; } } body .b-toaster__only_msg .toast-header { margin-bottom: 0px; } body .b-toaster .b-toaster-slot { max-width: 100%; } @media (max-width: 499.98px) and (orientation: portrait) { @supports (bottom:constant(safe-area-inset-bottom)) { body .b-toaster { } } @supports (bottom:env(safe-area-inset-bottom)) { body .b-toaster { bottom: calc(63px + env(safe-area-inset-bottom)); } } } body.m-stream-body .b-toaster.b-toaster-bottom-left { bottom: 56px; } .m-prevent-scrolling body .b-toaster, body.modal-open .b-toaster { z-index: 1042; } .b-toaster-slot a:not(:first-child) { color: rgb(254, 254, 254); opacity: 0.7; } .b-toaster-slot .close, .b-toaster-slot .toast-btn { width: 24px; height: 24px; display: flex; flex-direction: row; place-content: center; align-items: center; position: relative; font-size: 22px; line-height: 26px; color: rgba(255, 255, 255, 0.5); transition: color 0.3s; border-radius: 1000px; font-weight: 400; } .b-toaster-slot .close .g-icon, .b-toaster-slot .toast-btn .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .b-toaster-slot .close:hover, .b-toaster-slot .toast-btn:hover { color: rgb(254, 254, 254); background-color: rgba(255, 255, 255, 0.12); } .b-toaster-slot .toast-header { margin-bottom: 0px; } .b-toaster-slot .toast-header strong { color: rgb(254, 254, 254); display: block; margin-left: 48px; font-size: 14px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .b-toaster-slot .toast-header strong + .close { transform: translateY(calc(-50% + 12px)); } .b-toaster-slot .toast-header .close { top: 50%; right: 12px; transform: translateY(-50%); position: absolute; } .b-toaster-slot .b-toast { border: medium; border-radius: 6px; max-width: 100%; background: var(--bg-color) linear-gradient(102deg,#00aff0,#007aca); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px; min-height: 60px; margin-top: 16px; } .b-toaster-error .b-toaster-slot .b-toast, .b-toaster-slot .b-toast.b-toast-danger { background: var(--bg-color) linear-gradient(102deg,#ff6060,#ff485b); } .b-toaster-slot .b-toast .toast { padding: 12px; position: relative; background: none; } .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close { font-size: 24px; } .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close::after, .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close::before { content: ""; width: 28px; height: 28px; border-radius: 1000px; border: 2px solid rgba(255, 255, 255, 0.12); position: absolute; top: -2px; right: -2px; clip: rect(0px, 28px, 0px, 14px); } .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close::before { animation: progressline calc(var(--remaining-time)/2) calc(var(--remaining-time)/2) linear 1 forwards; transform: rotate(180deg); } .b-toaster-slot .b-toast .toast:not(.m-without-timer) .close::after { animation: progressline calc(var(--remaining-time)/2) linear 1 forwards; } .b-toaster-slot .b-toast .toast.paused .close::after, .b-toaster-slot .b-toast .toast.paused .close::before { animation: none; } .b-toaster-slot .g-user-name, .b-toaster-slot .g-user-username { color: rgb(254, 254, 254); } .b-toaster-slot .g-user-username { opacity: 0.75; } .toast > .b-toast-body, .toast > .toast-body { max-width: 100%; padding-right: 36px; padding-left: 10px; min-height: 40px; display: flex; flex-direction: row; align-content: center; align-items: center; color: rgb(254, 254, 254); font-weight: 600; font-size: 14px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-toast-body.m-toast-btns, .toast-body.m-toast-btns { padding-right: 0px; } .b-toast-body.m-toast-btns .b-toast-body, .toast-body.m-toast-btns .b-toast-body { max-width: calc(100% - 76px); } .b-toast-body:has(+ .b-btns-group), .b-toast-body > div:only-child, .toast-body:has(+ .b-btns-group), .toast-body > div:only-child { display: flex; flex-direction: row; align-content: center; align-items: center; margin-left: -10px; flex: 1 1 0%; max-width: calc(100% + 10px); } .b-toast-body span, .toast-body span { font-weight: 400; } .b-toast-body span > a, .toast-body span > a { color: rgb(254, 254, 254); opacity: 0.7; } .b-toast-body span > a:hover, .toast-body span > a:hover { color: inherit; text-decoration: underline; } .b-toast-body .m-toast-btn, .toast-body .m-toast-btn { margin: auto 0px auto auto; } .b-toast-body .b-btns-group, .toast-body .b-btns-group { justify-content: flex-end; flex: 0 0 auto; margin-left: auto; } .b-toast-body .b-btns-group .g-btn, .toast-body .b-btns-group .g-btn { margin-left: 12px; } .b-toast-body .b-btns-group .g-btn:first-child, .toast-body .b-btns-group .g-btn:first-child { margin-left: 0px; } .b-toast-body__img, .toast-body__img { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 2px; background-color: rgb(255, 255, 255); padding: 2px; } .b-toast-body__img img, .toast-body__img img { display: block; max-width: 100%; width: 100%; border-radius: 2px; } .b-toast-body__content, .toast-body__content { flex: 1 1 0%; max-width: 180px; margin-left: 16px; } .b-toast-body__content-head, .toast-body__content-head { display: flex; margin-bottom: 2px; } .b-toast-body__content-head .g-icon, .toast-body__content-head .g-icon { margin-top: -3px; margin-right: 4px; } .b-toast-body__content-head > span, .toast-body__content-head > span { font-weight: 500; } .b-toast-body__content-body, .toast-body__content-body { opacity: 0.5; margin-bottom: 0px; font-weight: 400; } .b-toast-body__content-body a, .toast-body__content-body a { color: rgb(254, 254, 254); opacity: 0.7; } .b-toast-body__content-body a:hover, .toast-body__content-body a:hover { color: inherit; } .b-toast-body .g-avatar, .toast-body .g-avatar { margin-right: 12px; } .b-toast-body .text-wrap, .toast-body .text-wrap { font-size: 14px; line-height: 20px; color: rgb(254, 254, 254); font-weight: 400; max-width: calc(100% - 49px); display: flex; flex-direction: column; justify-content: space-between; min-height: 44px; } .b-toast-body .text-wrap .b-toast-username, .toast-body .text-wrap .b-toast-username { margin-bottom: 4px; } .b-toast-body .text-wrap .b-toast-username:last-child, .toast-body .text-wrap .b-toast-username:last-child { margin-bottom: 0px; } .b-toast-body .text-wrap .b-toast-text, .toast-body .text-wrap .b-toast-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-toast-text a { overflow-wrap: break-word; word-break: break-word; display: inline; color: rgb(254, 254, 254); opacity: 0.7; } .b-toast-text a:hover { color: rgb(254, 254, 254); text-decoration: underline; } .b-toast-text.m-fundraising-toast .toast-text a.text-link { word-break: keep-all; } .b-toast-username > a { display: flex; flex-direction: row; align-content: center; align-items: center; } .b-toast-username:has(> [class*="g-user-"]) { white-space: nowrap; display: flex; flex-direction: row; align-content: center; align-items: center; } .b-toast-username .g-user-name, .b-toast-username .g-user-username { min-width: 0px; } .b-toast-username a .g-user-name:hover, .b-toast-username a .g-user-username:hover { text-decoration: underline; } .b-toast-body .b-toast-username .g-user-name { font-weight: 600; } .b-toast-username .g-user-username { margin-left: 4px; line-break: anywhere; } .toast-message-text { max-width: 100%; display: block; } .toast-message-text:last-child { margin-bottom: 0px; } .b-toaster-stream.b-toaster { max-width: 336px; width: calc(100% - 32px); pointer-events: none; } .b-toaster-stream.b-toaster .b-toaster-slot { pointer-events: auto; } .b-toaster-stream.b-toaster .b-toaster-slot .b-toast .toast { padding-top: 10px; padding-bottom: 10px; } body .b-toaster-stream { bottom: 68px; } .b-toaster-stream .text-wrap { min-height: 40px; } .b-toaster-stream .toast-body:has(.b-btns-group) .b-toast-body { max-width: calc(100% - 80px); } .b-toaster-stream .b-toast-text { opacity: 0.5; } .b-toaster-stream .g-btn.m-accept { background: rgb(102, 187, 106); } .b-toaster-stream .g-btn.m-accept[m-hover-state] { background: rgb(33, 175, 75); } @media (any-hover: hover) and (pointer: fine) { .b-toaster-stream .g-btn.m-accept:hover { background: rgb(33, 175, 75); } } .b-toaster-stream .g-btn.m-cancel { background: rgb(255, 96, 96); } .b-toaster-stream .g-btn.m-cancel[m-hover-state] { background: rgb(244, 69, 69); } @media (any-hover: hover) and (pointer: fine) { .b-toaster-stream .g-btn.m-cancel:hover { background: rgb(244, 69, 69); } } .label-popover a { white-space: normal; } @keyframes progressline { 0% { clip: rect(0px, 28px, 0px, 14px); } 100% { clip: rect(0px, 28px, 28px, 14px); } } .tooltip { z-index: 100; pointer-events: none; opacity: 1; max-width: 300px; } .m-black-body .tooltip { z-index: 103; } .tooltip.m-tooltip-higher { z-index: 1048; } body.modal-open:has(.m-dropdown-over-modal) .tooltip.m-tooltip-higher { z-index: 1052; } .tooltip.m-tooltip-light .tooltip-arrow { border-color: rgb(254, 254, 254); } .tooltip.m-tooltip-light .tooltip-inner { background: rgb(254, 254, 254); color: rgb(36, 37, 41); } .tooltip.m-tooltip-invert-color .tooltip-inner { background: rgb(138, 150, 163); color: rgb(36, 37, 41); } .tooltip.m-tooltip-invert-color .tooltip-inner a { color: rgb(1, 90, 144); } .tooltip.m-tooltip-invert-color .tooltip-arrow { border-color: rgb(138, 150, 163); } .tooltip.m-moved-dropdown-more[x-placement^="top"] { margin-top: -30px; } .tooltip.m-moved-dropdown-more[x-placement^="bottom"] { margin-bottom: -30px; } .tooltip .tooltip-inner { background: rgb(36, 37, 41); color: rgb(254, 254, 254); padding: 5px 8px; font-size: 11px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px; border-radius: 5px; text-align: center; max-width: calc(-100px + 100vw); font-weight: 400; text-transform: none; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .m-mode-dark .tooltip .tooltip-inner { background: rgb(138, 150, 163); color: rgb(36, 37, 41); } .m-mode-dark .tooltip .tooltip-inner a { color: rgb(1, 90, 144); } .tooltip .tooltip-arrow { width: 0px; height: 0px; border-style: solid; margin: 5px; border-color: rgb(36, 37, 41); z-index: 1; position: absolute; overflow: hidden; } .m-mode-dark .tooltip .tooltip-arrow { border-color: rgb(138, 150, 163); } .tooltip .tooltip-arrow::after { content: ""; display: block; width: 20px; height: 20px; background: var(--text-color); transform: translate(-50%, -50%) rotate(45deg); box-shadow: rgba(0, 0, 0, 0.16) 1px 1px 6px; position: absolute; left: 50%; top: 0px; } .tooltip[x-placement^="bottom"] .tooltip-arrow, .tooltip[x-placement^="top"] .tooltip-arrow { left: calc(50% - 5px); margin-top: 0px; margin-bottom: 0px; border-left-color: transparent !important; border-right-color: transparent !important; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0px; border-bottom-color: transparent !important; bottom: -5px; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0px 5px 5px; border-top-color: transparent !important; top: -5px; } .tooltip[x-placement^="left"] .tooltip-arrow, .tooltip[x-placement^="right"] .tooltip-arrow { border-top-color: transparent !important; border-bottom-color: transparent !important; top: calc(50% - 5px); margin-left: 0px; margin-right: 0px; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0px; border-left-color: transparent !important; left: -5px; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0px 5px 5px; border-right-color: transparent !important; right: -5px; } .tooltip.m-link { pointer-events: auto; } .tooltip.m-link a { color: rgb(254, 254, 254); } .tooltip.popover.m-lg { max-width: 320px; } .tooltip.popover img { max-width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; } .tooltip.popover img + img { margin: 8px 0px 0px; } .g-page__header .b-btns-group .dropdown:last-child { margin-right: 3px; } .dropdown[disabled] { opacity: 0.4; pointer-events: none; } .dropdown.m-upload-square { position: absolute; inset: 0px; } .m-long-narrow-list.dropdown-menu .dropdown-item.active { background-color: rgb(0, 175, 240); color: rgb(254, 254, 254); transition: background-color 0.1s, color 0.1s; } .m-long-narrow-list.dropdown-menu .dropdown-item.active:hover { color: rgb(254, 254, 254); background-color: rgb(0, 145, 234); } .m-long-narrow-list.dropdown-menu .dropdown-item.active::after { opacity: 1; left: 0px; right: 0px; border-radius: 0px; } .dropdown-item.disabled { opacity: 0.4; pointer-events: none; } .dropdown-item.disabled .b-dropdown__icon { border-color: rgba(138, 150, 163, 0.75); } .modal .m-long-narrow-list .dropdown-item { text-align: center; justify-content: center; } .dropdown.m-active .dropdown-toggle:not(:hover) { color: rgb(0, 175, 240); } .dropdown.m-filtered .dropdown-toggle::before { position: absolute; width: 8px; height: 8px; border-radius: 1000px; content: ""; background: rgb(255, 72, 91); top: 4px; right: 4px; } .dropdown.m-dropdown-sm { height: 16px; } .dropdown-menu { background: var(--bg-color); border: 1px solid rgba(138, 150, 163, 0.25); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; width: 100%; min-width: 220px; max-width: 256px; z-index: 101; top: 0px; display: none; cursor: auto; font-size: 16px; line-height: 24px; padding: 4px 0px; min-height: 48px; list-style: none; border-radius: 6px; } .dropdown-menu.m-dropdown-over-modal { z-index: 1051; } .dropdown-menu.show { display: block; } .dropdown-menu.m-in-black-body { background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; } .dropdown-menu.m-in-black-body li .dropdown-item:not(.m-danger), .dropdown-menu.m-in-black-body li .m-collapse-title:not(.m-danger) { color: rgb(254, 254, 254); } .dropdown-menu.m-in-black-body li .dropdown-item:not(.m-danger)::after, .dropdown-menu.m-in-black-body li .m-collapse-title:not(.m-danger)::after { background-color: rgba(255, 255, 255, 0.12); } .dropdown-menu.m-in-black-body li .dropdown-item.m-danger.m-with-rectangle-hover:not(:hover), .dropdown-menu.m-in-black-body li .dropdown-item:not(.m-danger):hover, .dropdown-menu.m-in-black-body li .m-collapse-title.m-danger.m-with-rectangle-hover:not(:hover), .dropdown-menu.m-in-black-body li .m-collapse-title:not(.m-danger):hover { color: rgb(254, 254, 254); } .dropdown-menu.m-in-black-body li .dropdown-item.m-danger.m-with-rectangle-hover::after, .dropdown-menu.m-in-black-body li .m-collapse-title.m-danger.m-with-rectangle-hover::after { background-color: rgba(255, 96, 96, 0.12); } .dropdown-menu.m-in-black-body li .dropdown-item .b-input-radio__container, .dropdown-menu.m-in-black-body li .m-collapse-title .b-input-radio__container { color: rgb(254, 254, 254); } .dropdown-menu:not(.m-dropdown-row) { max-height: calc(var(--vh, 1vh)*100 - 60px); overflow-y: auto; scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .dropdown-menu:not(.m-dropdown-row) { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar { width: 10px; height: 10px; } .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-button { display: none; } .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .dropdown-menu:not(.m-dropdown-row)::-webkit-resizer, .dropdown-menu:not(.m-dropdown-row)::-webkit-scrollbar-corner { display: none; } .b-dropdown > .dropdown-menu { width: 256px; } .m-dropdown-menu-inside .dropdown-menu { display: block; padding-top: 3px; padding-bottom: 3px; box-shadow: none; background: none; border: medium; position: relative; margin-top: 0px; } .dropdown-menu.m-long-narrow-list { padding-top: 0px; padding-bottom: 0px; } @media (min-width: 768px) { .dropdown-menu.m-long-narrow-list { max-height: 300px; max-width: 150px; min-width: 150px; margin-left: -30px; } } .dropdown-menu.m-dropdown-select-list { padding-top: 5px; padding-bottom: 0px; width: 100%; margin-right: -4px; } @media (min-width: 1004px) { .dropdown-menu.m-dropdown-select-list[x-placement="bottom-end"] { margin-top: -70px; } .dropdown-menu.m-dropdown-select-list[x-placement="top-end"] { margin-bottom: -70px; } .dropdown-menu.m-stream-options[x-placement="bottom-end"] { margin-right: -4px; margin-top: 10px; } } .dropdown-menu.m-dropdown-row { padding: 16px; min-width: auto; max-width: none; width: auto; min-height: auto; z-index: 5; margin: 0px; } .dropdown-menu.m-dropdown-row[x-placement] { margin: 0px; } .dropdown-menu.m-dropdown-row::after { content: none; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu.m-dropdown-row.m-colorpicker-tabs:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .dropdown-menu.m-dropdown-row.m-colorpicker-tabs[x-placement="bottom-end"], .dropdown-menu.m-dropdown-row.m-colorpicker-tabs[x-placement="top-end"] { margin-right: -40px; } .dropdown-menu.m-dropdown-row.show { display: flex !important; } .dropdown-menu.m-dropdown-row.m-bookmarks-shift { margin-bottom: 0px; margin-top: 4px; } .dropdown-menu.m-dropdown-row .dropdown-item { color: rgb(254, 254, 254); padding: 4px 8px; font-size: 14px; line-height: 20px; } .dropdown-menu.m-dropdown-row .dropdown-item:hover { color: rgb(254, 254, 254); opacity: 0.6; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu.m-dropdown-row .dropdown-item:focus-visible { color: rgb(254, 254, 254); opacity: 0.6; text-decoration: underline; } .dropdown-menu.m-dropdown-row .dropdown-item:focus-visible::after { outline: none; } } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal { position: relative; background: none; border: medium; box-shadow: none; max-height: calc(var(--vh, 1vh)*100 - 40px); scroll-behavior: smooth; overscroll-behavior: contain; overflow-y: auto; padding-top: 0px; padding-bottom: 0px; margin-top: 4px; margin-bottom: 4px; } @supports (-moz-appearance:none) { .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar { width: 10px; height: 10px; } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-button { display: none; } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-resizer, .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::-webkit-scrollbar-corner { display: none; } body:has(.m-enable-blur-support) .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal { max-height: calc(-40px + 100svh); } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal::after { display: none; } .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item:not(.m-danger), .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title:not(.m-danger) { color: rgb(254, 254, 254); } .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item:not(.m-danger)::after, .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title:not(.m-danger)::after { background-color: rgba(255, 255, 255, 0.12); } .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item.m-danger.m-with-rectangle-hover:not(:hover), .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item:not(.m-danger):hover, .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title.m-danger.m-with-rectangle-hover:not(:hover), .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title:not(.m-danger):hover { color: rgb(254, 254, 254); } .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item.m-danger.m-with-rectangle-hover::after, .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title.m-danger.m-with-rectangle-hover::after { background-color: rgba(255, 96, 96, 0.12); } .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .dropdown-item .b-input-radio__container, .m-in-black-body .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal li .m-collapse-title .b-input-radio__container { color: rgb(254, 254, 254); } @media (min-width: 500px) { .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal.m-default-width-modal { max-width: 256px; } } .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] { position: fixed !important; inset: 50% auto auto 50% !important; transform: translate(-50%, -50%) !important; margin-top: 0px; margin-bottom: 0px; z-index: 101; background-color: var(--bg-color); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; border: 1px solid rgba(138, 150, 163, 0.25); } @media (min-width: 500px) { .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] { max-width: 344px; } } .m-mode-dark .dropdown-menu:not(.m-not-fixed-dropdown).m-appearance-modal[x-placement] { background-color: rgb(0, 0, 0); } .dropdown-menu .m-sticky-item { position: sticky; background-color: var(--bg-color); z-index: 10; top: 0px; } .dropdown-menu .m-sticky-item + .m-divider-item { position: sticky; top: 48px; } .dropdown-menu .m-sticky-item.m-first { top: 0px; margin: 0px 1px -4px; padding-bottom: 4px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .dropdown-menu .m-sticky-item.m-first .dropdown-item { padding-left: 15px; padding-right: 15px; } .dropdown-menu .m-sticky-item.m-first + .m-divider-item { top: 52px; } .dropdown-menu .m-capitalize .dropdown-item { text-transform: capitalize; } .dropdown-menu.m-user-switcher { max-width: 344px; width: 344px; } @media screen and (max-width: 380px) { .dropdown-menu.m-user-switcher { min-width: 320px; max-width: 320px; width: auto; } } .dropdown-menu.m-user-switcher.dropdown-menu .dropdown-item { padding: 11px 16px 12px; } .dropdown-menu.m-user-switcher.dropdown-menu .dropdown-divider { margin-bottom: 3px; } @media (min-width: 500px) { .dropdown-menu.m-user-switcher.dropdown-menu[x-placement="bottom-start"]::after { left: 110px; } } @media only screen and (min-width: 570px) { .dropdown-menu.m-user-switcher.dropdown-menu[x-placement="bottom-start"]::after { left: 10px; } } .dropdown-menu.m-lang-switcher { width: auto; } .dropdown-menu.m-lang-switcher[x-placement*="right"] { margin-left: 26px; } .dropdown-menu.m-lang-switcher .dropdown-item { padding-top: 0px; padding-bottom: 0px; } .dropdown-menu[x-placement="bottom-end"], .dropdown-menu[x-placement="bottom-start"] { margin-top: 4px; } .dropdown-menu[x-placement="bottom-end"].m-vertical-dots-list, .dropdown-menu[x-placement="bottom-start"].m-vertical-dots-list { margin-top: 8px; margin-right: -7px; } .dropdown-menu[x-placement="top-end"], .dropdown-menu[x-placement="top-start"] { margin-bottom: 4px; } .dropdown-menu[x-placement="top-end"].m-vertical-dots-list, .dropdown-menu[x-placement="top-start"].m-vertical-dots-list { margin-bottom: 8px; margin-left: -7px; } @media (min-width: 768px) { .dropdown-menu.m-without-wrapper { z-index: 101; } } .dropdown-menu.m-without-wrapper[x-placement="top-end"], .dropdown-menu.m-without-wrapper[x-placement="top-start"] { margin-bottom: 8px; } .dropdown-menu.m-without-wrapper[x-placement="top-end"].m-vertical-dots-list, .dropdown-menu.m-without-wrapper[x-placement="top-start"].m-vertical-dots-list { margin-left: -7px; } .dropdown-menu.m-without-wrapper[x-placement="bottom-end"], .dropdown-menu.m-without-wrapper[x-placement="bottom-start"] { margin-top: 8px; } .dropdown-menu.m-without-wrapper[x-placement="bottom-end"].m-vertical-dots-list, .dropdown-menu.m-without-wrapper[x-placement="bottom-start"].m-vertical-dots-list { margin-right: -7px; } .m-not-width-limit .dropdown-menu { width: auto; max-width: calc(-40px + 100vw); } .b-chat__header .dropdown-menu { margin-top: 24px; } .b-videocontent .b-action-panel .dropdown-menu { margin-bottom: 18px; } .dropdown-menu__header { text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 20px; padding: 14px 16px; margin-top: -4px; color: var(--text-color); } .dropdown-menu > div > li > a, .dropdown-menu > div > li > button, .dropdown-menu > dl > dd > a, .dropdown-menu > dl > dd > button, .dropdown-menu > li > a, .dropdown-menu > li > button, .dropdown-menu > ul > li > a, .dropdown-menu > ul > li > button { color: var(--text-color); border: medium; background: none; text-align: left; width: 100%; display: block; font-weight: 400; } .m-dark-modal .dropdown-menu > div > li > a, .m-dark-modal .dropdown-menu > div > li > button, .m-dark-modal .dropdown-menu > dl > dd > a, .m-dark-modal .dropdown-menu > dl > dd > button, .m-dark-modal .dropdown-menu > li > a, .m-dark-modal .dropdown-menu > li > button, .m-dark-modal .dropdown-menu > ul > li > a, .m-dark-modal .dropdown-menu > ul > li > button { color: rgb(254, 254, 254); } .dropdown-menu > div > li > a[disabled], .dropdown-menu > div > li > button[disabled], .dropdown-menu > dl > dd > a[disabled], .dropdown-menu > dl > dd > button[disabled], .dropdown-menu > li > a[disabled], .dropdown-menu > li > button[disabled], .dropdown-menu > ul > li > a[disabled], .dropdown-menu > ul > li > button[disabled] { pointer-events: none; opacity: 0.5; } .dropdown-menu > div > li > a:hover, .dropdown-menu > div > li > button:hover, .dropdown-menu > dl > dd > a:hover, .dropdown-menu > dl > dd > button:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > button:hover, .dropdown-menu > ul > li > a:hover, .dropdown-menu > ul > li > button:hover { background: none; } .dropdown-menu > dl > dd, .dropdown-menu > ul > li { display: flex; align-items: center; } .dropdown-menu > dl > dd > a, .dropdown-menu > dl > dd > button, .dropdown-menu > ul > li > a, .dropdown-menu > ul > li > button { display: flex; align-items: flex-start; line-height: 1.3334; } .m-not-width-limit .dropdown-menu > ul > li a, .m-not-width-limit .dropdown-menu > ul > li button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown-menu > ul > li a.m-align-center, .dropdown-menu > ul > li button.m-align-center { display: flex; flex-direction: row; align-content: center; align-items: center; } .dropdown-menu > ul > li a.m-align-center .b-dropdown__icon, .dropdown-menu > ul > li button.m-align-center .b-dropdown__icon { margin-bottom: auto; } .dropdown-menu > ul > li a.m-item-with-icon .g-icon, .dropdown-menu > ul > li button.m-item-with-icon .g-icon { margin-right: 10px; } .dropdown-menu > li:has(> .dropdown-divider) { overflow: hidden; } .dropdown-menu > li:has(> .dropdown-divider):first-child, .dropdown-menu > li:has(> .dropdown-divider):last-child { display: none; } .dropdown-menu dt { text-transform: uppercase; font-weight: 600; color: rgb(138, 150, 163); margin: 0px 0px 20px; } .dropdown-menu dl, .dropdown-menu ul { list-style: none; margin: 0px; padding: 0px; position: relative; z-index: 1; } .dropdown-menu dl + dl, .dropdown-menu dl + ul, .dropdown-menu ul + dl, .dropdown-menu ul + ul { border-top: 1px solid rgba(138, 150, 163, 0.25); padding: 4px 0px 0px; margin-top: 4px; } .dropdown-menu ul:empty { display: none; } .dropdown-menu ul:empty + .empty-message { display: block; } .dropdown-menu .js-audio-menu ul li a, .dropdown-menu .js-audio-menu-record ul li a, .dropdown-menu .js-video-menu ul li a, .dropdown-menu.js-audio-menu ul li a, .dropdown-menu.js-audio-menu-record ul li a, .dropdown-menu.js-video-menu ul li a { padding: 14px 16px 15px; white-space: normal; line-height: 19px; display: block; color: var(--text-color); cursor: pointer; } .dropdown-menu .js-audio-menu ul li a:has(.b-dropdown__icon), .dropdown-menu .js-audio-menu-record ul li a:has(.b-dropdown__icon), .dropdown-menu .js-video-menu ul li a:has(.b-dropdown__icon), .dropdown-menu.js-audio-menu ul li a:has(.b-dropdown__icon), .dropdown-menu.js-audio-menu-record ul li a:has(.b-dropdown__icon), .dropdown-menu.js-video-menu ul li a:has(.b-dropdown__icon) { padding-left: 48px; position: relative; } .dropdown-menu .js-audio-menu ul li a .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a .b-dropdown__icon { position: absolute; top: 14px; left: 16px; margin-right: 0px; } .dropdown-menu .js-audio-menu ul li a .b-dropdown__icon::before, .dropdown-menu .js-audio-menu-record ul li a .b-dropdown__icon::before, .dropdown-menu .js-video-menu ul li a .b-dropdown__icon::before, .dropdown-menu.js-audio-menu ul li a .b-dropdown__icon::before, .dropdown-menu.js-audio-menu-record ul li a .b-dropdown__icon::before, .dropdown-menu.js-video-menu ul li a .b-dropdown__icon::before { content: ""; border-radius: 1000px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; background-color: rgba(0, 175, 240, 0.06); transition: transform 0.1s, opacity 0.1s; opacity: 0; transform: scale(0); } .dropdown-menu .js-audio-menu ul li a.m-active .b-dropdown__icon::after, .dropdown-menu .js-audio-menu-record ul li a.m-active .b-dropdown__icon::after, .dropdown-menu .js-video-menu ul li a.m-active .b-dropdown__icon::after, .dropdown-menu.js-audio-menu ul li a.m-active .b-dropdown__icon::after, .dropdown-menu.js-audio-menu-record ul li a.m-active .b-dropdown__icon::after, .dropdown-menu.js-video-menu ul li a.m-active .b-dropdown__icon::after { opacity: 1; } .dropdown-menu .js-audio-menu ul li a.m-active:hover .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a.m-active:hover .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a.m-active:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a.m-active:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a.m-active:hover .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a.m-active:hover .b-dropdown__icon { background-color: rgb(0, 145, 234); } .dropdown-menu .js-audio-menu ul li a svg, .dropdown-menu .js-audio-menu-record ul li a svg, .dropdown-menu .js-video-menu ul li a svg, .dropdown-menu.js-audio-menu ul li a svg, .dropdown-menu.js-audio-menu-record ul li a svg, .dropdown-menu.js-video-menu ul li a svg { display: none; } .dropdown-menu .js-audio-menu ul li a:hover .b-dropdown__icon, .dropdown-menu .js-audio-menu-record ul li a:hover .b-dropdown__icon, .dropdown-menu .js-video-menu ul li a:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu ul li a:hover .b-dropdown__icon, .dropdown-menu.js-audio-menu-record ul li a:hover .b-dropdown__icon, .dropdown-menu.js-video-menu ul li a:hover .b-dropdown__icon { border-color: rgb(0, 145, 234); } .dropdown-menu .js-audio-menu ul li a:hover .b-dropdown__icon::before, .dropdown-menu .js-audio-menu-record ul li a:hover .b-dropdown__icon::before, .dropdown-menu .js-video-menu ul li a:hover .b-dropdown__icon::before, .dropdown-menu.js-audio-menu ul li a:hover .b-dropdown__icon::before, .dropdown-menu.js-audio-menu-record ul li a:hover .b-dropdown__icon::before, .dropdown-menu.js-video-menu ul li a:hover .b-dropdown__icon::before { opacity: 1; transform: scale(1); } .dropdown-menu .m-active .b-dropdown__icon { box-shadow: none; background: rgb(0, 175, 240); } .dropdown-menu .m-active .b-dropdown__icon > .g-icon { opacity: 1; } .dropdown-menu .m-active:hover .b-dropdown__icon { background: rgb(0, 145, 234); } .dropdown-menu .b-dropdown__item-label { opacity: 0.75; font-weight: 500; font-size: 14px; line-height: 20px; } .dropdown-menu .b-dropdown__item-icon { margin-right: 15px; height: 24px; width: 24px; position: relative; } .dropdown-menu .b-dropdown__item-icon .g-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .dropdown-menu .b-dropdown__item-icon.m-tips-icon { margin-right: 12px; } .dropdown-menu .b-dropdown__item-icon:not(.m-default-color) { color: rgb(0, 175, 240); } .dropdown-menu .b-dropdown__item-icon.m-light-gray-color { color: rgb(138, 150, 163); } .dropdown-menu .b-dropdown__item-icon.m-default-color { color: var(--text-color); } .dropdown-menu .b-dropdown__item-icon > .g-icon { vertical-align: top; } .dropdown-menu .b-dropdown__item-icon + .b-dropdown__item-text { max-width: calc(100% - 40px); overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .dropdown-menu .b-dropdown__icon { min-width: 20px; width: 20px; height: 20px; flex: 0 0 20px; border-radius: 1000px; border: 2px solid rgba(138, 150, 163, 0.4); margin: 0px 13px 0px 0px; position: relative; display: inline-block; vertical-align: top; transition: border-color 0.1s, background-color 0.1s; pointer-events: none; } .m-black-body .dropdown-menu .b-dropdown__icon { border-color: rgba(255, 255, 255, 0.75); } .dropdown-menu .b-dropdown__icon::after { content: ""; width: 14px; height: 14px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0; border: 2px solid rgb(254, 254, 254); border-radius: 1000px; transition: opacity 0.2s; } .js-focus-visible .video-js .dropdown-menu:focus { background: var(--bg-color); } .dropdown-menu .m-user-data-item .dropdown-item { display: flex; flex-direction: row; align-content: center; align-items: center; } .dropdown-menu .m-user-data-item .dropdown-item:hover .g-user-username { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .m-user-data-item .dropdown-item:focus-visible .g-user-username { color: rgb(0, 145, 234); } } .dropdown-menu .m-user-data-item .g-avatar { margin-top: -3px; margin-bottom: -3px; } .dropdown-menu .m-user-data-item .b-username-row { margin-left: 12px; max-width: calc(100% - 50px); } .dropdown-menu .m-user-data-item .g-user-username { color: var(--text-color); text-decoration: none; } .dropdown-menu li .m-collapse-title:hover, .dropdown-menu li a.dropdown-item:hover, .dropdown-menu li button.dropdown-item:hover { color: rgb(0, 145, 234); } .dropdown-menu li .m-collapse-title:hover .b-dropdown__item-icon, .dropdown-menu li a.dropdown-item:hover .b-dropdown__item-icon, .dropdown-menu li button.dropdown-item:hover .b-dropdown__item-icon { color: inherit; } .dropdown-menu li .m-collapse-title:hover::after, .dropdown-menu li a.dropdown-item:hover::after, .dropdown-menu li button.dropdown-item:hover::after { opacity: 1; } .dropdown-menu li .m-collapse-title:hover .g-icon-info, .dropdown-menu li a.dropdown-item:hover .g-icon-info, .dropdown-menu li button.dropdown-item:hover .g-icon-info { color: inherit; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu li .m-collapse-title:focus-visible, .dropdown-menu li a.dropdown-item:focus-visible, .dropdown-menu li button.dropdown-item:focus-visible { color: rgb(0, 145, 234); } .dropdown-menu li .m-collapse-title:focus-visible .b-dropdown__item-icon, .dropdown-menu li a.dropdown-item:focus-visible .b-dropdown__item-icon, .dropdown-menu li button.dropdown-item:focus-visible .b-dropdown__item-icon { color: inherit; } .dropdown-menu li .m-collapse-title:focus-visible::after, .dropdown-menu li a.dropdown-item:focus-visible::after, .dropdown-menu li button.dropdown-item:focus-visible::after { opacity: 1; } .dropdown-menu li .m-collapse-title:focus-visible .g-icon-info, .dropdown-menu li a.dropdown-item:focus-visible .g-icon-info, .dropdown-menu li button.dropdown-item:focus-visible .g-icon-info { color: inherit; } } .dropdown-menu li .m-collapse-title.m-radio-dropdown-item:hover::after, .dropdown-menu li a.dropdown-item.m-radio-dropdown-item:hover::after, .dropdown-menu li button.dropdown-item.m-radio-dropdown-item:hover::after { opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu li .m-collapse-title.m-radio-dropdown-item:focus-visible::after, .dropdown-menu li a.dropdown-item.m-radio-dropdown-item:focus-visible::after, .dropdown-menu li button.dropdown-item.m-radio-dropdown-item:focus-visible::after { opacity: 0; } } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu:not(.m-dark-view).m-in-black-body .dropdown-item:focus-visible::after { outline-color: rgb(254, 254, 254); } } .dropdown-menu button.dropdown-item { width: 100%; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu button.dropdown-item:focus-visible { outline: none; } .dropdown-menu button.dropdown-item:focus-visible::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .dropdown-menu .dropdown-item { white-space: normal; line-height: 19px; padding: 14px 16px 15px; position: relative; z-index: 1; text-align: left; font-weight: 400; display: block; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item.m-radio-dropdown-item:focus-visible::after { background-color: transparent; } } .dropdown-menu .dropdown-item.m-radio-dropdown-item[m-hover-state]::after { opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item.m-radio-dropdown-item:hover::after { opacity: 0; } } .dropdown-menu .dropdown-item.m-md-height-item { padding-top: 12px; padding-bottom: 12px; } .modal .dropdown-menu .dropdown-item:not([href="javascript:void(0)"]) { width: 100%; text-align: left; display: flex; flex-direction: row; place-content: center flex-start; align-items: center; } .dropdown-menu .dropdown-item.m-collapse-title { padding-right: 50px; } .dropdown-menu .dropdown-item.m-collapse-title .g-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .dropdown-menu .dropdown-item.m-new-events { padding-right: 36px; } .dropdown-menu .dropdown-item.m-new-events::before { content: ""; top: 50%; transform: translateY(-50%); right: 16px; border-radius: 1000px; width: 8px; height: 8px; position: absolute; background-color: rgb(0, 175, 240); } .dropdown-menu .dropdown-item.m-with-rectangle-hover.m-danger::after { background-color: rgba(255, 96, 96, 0.06); } .dropdown-menu .dropdown-item.m-with-rectangle-hover.m-danger:hover { color: rgb(255, 96, 96); } .dropdown-menu .dropdown-item.m-with-rectangle-hover.m-danger:hover .g-icon-info.m-with-round-hover::after { opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item.m-with-rectangle-hover.m-danger:focus-visible { color: rgb(255, 96, 96); } .dropdown-menu .dropdown-item.m-with-rectangle-hover.m-danger:focus-visible .g-icon-info.m-with-round-hover::after { opacity: 0; } } .dropdown-menu .dropdown-item.m-flex-item { display: flex; flex-direction: row; align-content: center; align-items: center; } .dropdown-menu .dropdown-item.m-flex-item .b-dropdown__item-icon { margin-top: -3px; margin-bottom: -3px; } .dropdown-menu .dropdown-item .g-icon-info { vertical-align: middle; } .dropdown-menu .dropdown-item:hover .g-icon.g-gray-text { color: inherit; } .modal:not([id*="ModalDropdown"]) .dropdown-menu .dropdown-item > .g-icon:not(.b-default-avatar) { margin-right: 12px; margin-top: -2px; margin-bottom: -3px; } @media (any-hover: hover) and (pointer: fine) { .dropdown-menu .dropdown-item:focus-visible { outline: none; } .dropdown-menu .dropdown-item:focus-visible::after { content: ""; position: absolute; inset: 4px 8px; border-radius: 4px; pointer-events: none; z-index: -1; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .dropdown-menu .dropdown-item[disabled] { opacity: 0.4; pointer-events: none; } .dropdown-menu .dropdown-item[disabled] .b-dropdown__item-text { color: rgb(138, 150, 163); } .m-black-body .dropdown-menu .dropdown-item[disabled] .b-dropdown__item-text { color: inherit; } .dropdown-divider { height: 0px; margin: 4px 0px; overflow: hidden; border-top: 1px solid rgba(138, 150, 163, 0.25); position: relative; } html:not(.m-real-mode-light) .m-black-body .dropdown-divider { border-top-color: rgba(255, 255, 255, 0.25); } .dropdown-divider.m-sm-gaps { margin-top: 1px; margin-bottom: 1px; } .m-dropdown-row .dropdown-divider { width: 0px; height: 100%; border-top-width: medium; border-top-style: none; border-left: 1px solid rgba(138, 150, 163, 0.25); border-color: rgba(138, 150, 163, 0.25); margin: 0px; } .dropdown-toggle { background: none; border: medium; padding: 4px; color: rgb(138, 150, 163); position: relative; } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle:not(.m-with-rectangle-hover):focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .dropdown-toggle.m-with-round-hover:not(.m-width-fluid-hover) { width: 36px; height: 36px; } .m-upload-square .dropdown-toggle.m-with-round-hover:not(.m-width-fluid-hover) { width: 100%; height: 100%; } .dropdown-toggle.m-active { color: rgb(0, 175, 240); } .dropdown-toggle.m-size-sm, .dropdown-toggle.m-with-round-hover.m-size-sm { font-size: 16px; } .dropdown-toggle.m-size-sm .g-icon, .dropdown-toggle.m-with-round-hover.m-size-sm .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .dropdown-toggle.m-size-sm.m-rectangle.btn-link::after, .dropdown-toggle.m-with-round-hover.m-size-sm.m-rectangle.btn-link::after { width: 24px; height: 16px; } .dropdown-toggle.m-size-sm.m-round, .dropdown-toggle.m-with-round-hover.m-size-sm.m-round { width: 24px; height: 24px; } .dropdown-toggle.m-size-sm.m-round .b-dropdown-dots-wrapper, .dropdown-toggle.m-with-round-hover.m-size-sm.m-round .b-dropdown-dots-wrapper { height: 16px; } .dropdown-toggle.m-size-sm.m-round .b-dropdown-dots-wrapper .g-icon.m-vertical-dots, .dropdown-toggle.m-with-round-hover.m-size-sm.m-round .b-dropdown-dots-wrapper .g-icon.m-vertical-dots { transform: translateX(4px); } .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-size-sm.btn-link::after, .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-with-round-hover.m-size-sm.btn-link::after { width: 20px; height: 20px; } @media (any-hover: hover) and (pointer: fine) { .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-size-sm.btn-link:focus-visible:not(.m-btn-vertical-dots .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-size-sm.btn-link:focus-visible)::before, .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-with-round-hover.m-size-sm.btn-link:focus-visible:not(.m-btn-vertical-dots .dropdown:not(.m-hover-vertical) .dropdown-toggle.m-with-round-hover.m-size-sm.btn-link:focus-visible)::before { width: 20px; height: 20px; } } .dropdown-toggle.m-size-md, .dropdown-toggle.m-with-round-hover.m-size-md { font-size: 18px; width: 24px; height: 24px; } .dropdown-toggle.m-size-md .g-icon, .dropdown-toggle.m-with-round-hover.m-size-md .g-icon { width: 24px; height: 24px; flex: 0 0 24px; } .dropdown-toggle.m-size-md .g-icon.m-vertical-dots, .dropdown-toggle.m-with-round-hover.m-size-md .g-icon.m-vertical-dots { transform: translate(6px); } .dropdown-toggle.m-size-lg, .dropdown-toggle.m-with-round-hover.m-size-lg { font-size: 24px; } .m-btn-add .dropdown-toggle { width: 100%; height: 100%; } .dropdown-toggle.m-white, .dropdown-toggle.m-white:hover { color: rgb(255, 255, 255); } .dropdown-toggle.m-light, .dropdown-toggle.m-light:hover { color: rgb(254, 254, 254); } .dropdown-toggle.m-gray { color: rgb(138, 150, 163); } .dropdown-toggle.m-dark { color: var(--text-color); } .dropdown-toggle.m-dark:hover { color: rgb(0, 145, 234); } .dropdown-toggle.m-link { color: rgb(0, 175, 240); } .dropdown-toggle.m-center { display: flex; flex-direction: row; align-content: center; align-items: center; } .dropdown-toggle.m-reset-gaps { padding: 0px; } .dropdown-toggle.m-sm-gaps { padding: 3px; } .dropdown-toggle.m-post-btn { padding: 0px 4px; } .b-post .show:not(.m-light) .dropdown-toggle.m-post-btn .g-icon { color: var(--text-color); } .dropdown-toggle.m-action-btn { padding: 6px 0px; } .dropdown-toggle.m-user-status { padding: 6px 0px; margin-top: -6px; margin-bottom: -6px; color: rgb(138, 150, 163); display: inline-flex; flex-direction: row; align-content: center; align-items: center; } .dropdown-toggle.m-user-status:hover { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle.m-user-status:focus-visible { text-decoration: underline; outline: none; } } .dropdown-toggle.m-user-status .b-icon-dropdown { width: 16px; margin-left: 4px; display: flex; flex-direction: row; place-content: center; align-items: center; } .dropdown-toggle.m-user-status .b-icon-dropdown .g-icon { width: 14px; height: 14px; flex: 0 0 14px; } .dropdown-toggle.m-user-status.btn-link::after { background-color: transparent; } .dropdown-toggle.btn-link::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 24px; transition: opacity 0.1s; pointer-events: none; opacity: 0; border-radius: 24px; z-index: 0; background-color: rgb(0, 175, 240); } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle.btn-link:focus-visible { outline: none; } .dropdown-toggle.btn-link:focus-visible::before { content: ""; border-radius: 24px; width: 36px; height: 24px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } .dropdown-toggle.btn-link:focus-visible.m-sm-size::before { width: 20px; height: 20px; } } .m-btn-vertical-dots .dropdown-toggle.btn-link { width: 24px; height: 36px; vertical-align: top; --outline-color: #0091ea; } .m-btn-vertical-dots .dropdown-toggle.btn-link::after { width: inherit; height: inherit; } @media (any-hover: hover) and (pointer: fine) { .m-btn-vertical-dots .dropdown-toggle.btn-link:focus-visible { outline: 2px solid var(--outline-color); outline-offset: 2px; border-radius: 24px; } .m-btn-vertical-dots .dropdown-toggle.btn-link:focus-visible::before { display: none; } } .b-dropdown.m-light .dropdown-toggle.btn-link, .b-dropdown:has(.btn.m-light) .dropdown-toggle.btn-link { --outline-color: #fefefe; } .b-action-panel .dropdown-toggle.btn-link::after, .b-profile-status .dropdown-toggle.btn-link::after, .m-btn-vertical-dots:not(.m-default-hover-color) .dropdown-toggle.btn-link::after, .m-light-hover .dropdown-toggle.btn-link::after { background-color: rgb(254, 254, 254); } .dropdown-toggle.btn-link:not(.m-light):hover::after { opacity: 0.06; } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle.btn-link:not(.m-light):focus-visible::after { opacity: 0.06; } } .dropdown-toggle.btn-link.m-light:hover::after, .m-light-hover .dropdown-toggle.btn-link:hover::after { opacity: 0.12; } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle.btn-link.m-light:focus-visible::after, .m-light-hover .dropdown-toggle.btn-link:focus-visible::after { opacity: 0.12; } } .m-dropdown-sm .dropdown-toggle { height: inherit; } .dropdown-toggle:active { box-shadow: none; } .dropdown-toggle:hover { color: rgb(0, 145, 234); } .m-radial-gradient-btn .dropdown-toggle:hover::before { opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .dropdown-toggle:focus-visible { color: rgb(0, 145, 234); } .dropdown-toggle:focus-visible.m-with-round-hover { border-radius: 1000px; } } .b-dropdown.m-light .dropdown-toggle, .b-dropdown.m-light .dropdown-toggle:hover, .dropdown-toggle.m-light, .dropdown-toggle.m-light:hover { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-dropdown.m-light .dropdown-toggle:focus-visible, .dropdown-toggle.m-light:focus-visible { color: rgb(254, 254, 254); outline: rgb(254, 254, 254) solid 2px; outline-offset: 2px; } } .dropdown-toggle.disabled, .dropdown-toggle[disabled] { opacity: 0.4; pointer-events: none; } .dropdown-toggle__icon { margin-right: 10px; } .m-radial-gradient-btn .dropdown-toggle::before { content: ""; background: radial-gradient(rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%); opacity: 0.12; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 24px; width: inherit; height: inherit; transition: opacity 0.15s; z-index: -1; pointer-events: none; } .dropdown-toggle .g-icon { vertical-align: top; position: relative; } .m-btn-vertical-dots .dropdown-toggle .g-icon { transform: translateX(6px); } .m-btn-vertical-dots .dropdown-toggle .g-icon.m-dots-size-sm { transform: translate(8px); } .dropdown-toggle .g-icon.m-vertical-dots { transform: translateX(5px); } @media (any-hover: hover) and (pointer: fine) and (any-hover: hover) and (pointer: fine) { .dropdown-toggle:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .dropdown-header { text-transform: uppercase; color: rgb(138, 150, 163); padding: 8px 16px 12px; font-size: 14px; line-height: 20px; font-weight: 500; } .m-black-body .dropdown-header { color: rgb(254, 254, 254); position: relative; z-index: 1; } .m-statistics-dropdown .list-unstyled { max-height: 498px; } .m-clear-gap-link > .dropdown-item { padding: 0px; } .m-clear-gap-link .b-dropdown-text { margin-bottom: 0px; } .m-btn-with-hint { width: 100%; padding-right: 40px; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .m-btn-with-hint .b-dropdown-text { font-weight: 400; padding: 0px; margin: 0px; position: relative; } .m-btn-with-hint .g-icon-info-wrapper { padding: 15px 16px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; } .m-btn-with-hint .g-icon-info-wrapper .g-icon-info { margin-left: 0px; } .mark-all-as-read:disabled, .mark-all-as-read:disabled:hover { color: rgb(138, 150, 163); } .b-dropdown-form { padding: 0px; } .b-dropdown-form:focus:not(:focus-visible) { outline: none !important; } .b-dropdown-form .b-input-radio__text { padding: 14px 16px 15px 48px; } .b-dropdown-form .b-input-radio__label { top: 16px; left: 16px; } .b-dropdown__btn-toggle .dropdown-item { display: flex; flex-direction: row; place-content: center space-between; align-items: center; width: 100%; pointer-events: none; } .b-dropdown__btn-toggle .dropdown-item .g-icon { transition: transform 0.3s; will-change: transform; } .b-dropdown__btn-toggle.not-collapsed .dropdown-item .g-icon { transform: rotate(180deg); } .b-dropdown__btn-toggle:hover .dropdown-item { color: rgb(0, 145, 234); } .b-dropdown__btn-toggle:hover .dropdown-item::after { opacity: 1; } .b-dropdown[toggle-class^="m-"] .dropdown-toggle:not(:hover) { color: inherit; } .b-dropdown[toggle-class*="m-gray"] { color: rgb(138, 150, 163); } .b-dropdown[toggle-class*="m-dark"] { color: var(--text-color); } .b-dropdown[toggle-class*="m-dark"].m-gray { color: rgb(138, 150, 163); } .b-dropdown[toggle-class*="m-dark"].m-light { color: rgb(254, 254, 254); } .b-dropdown:has(.dropdown-toggle[disabled="disabled"]) { pointer-events: none; } .m-btn-add .b-dropdown { width: 100%; height: 100%; } @media (max-width: 767.98px) { .b-dropdown-wrapper:not(.m-dropdown-v2) { z-index: 101; pointer-events: auto; position: absolute; } .b-dropdown-wrapper:not(.m-dropdown-v2):has(.m-dropdown-over-modal) { z-index: 1051; } } @media (max-width: 767.98px) { .b-dropdown-wrapper:not(.m-dropdown-v2) .overlay { position: fixed; background-color: rgba(0, 0, 0, 0.5); border: medium; box-shadow: none; width: 100vw; height: 100vh; right: 0px; bottom: 0px; z-index: 0; } } .b-dropdown-wrapper:not(.m-dropdown-v2) .m-only-dropdown + .overlay { opacity: 0; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select, .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select { cursor: auto; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select .dropdown-toggle, .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select .dropdown-toggle { bottom: 0px; position: absolute; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select:not(.show), .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select:not(.show) { pointer-events: none; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select:not(.show) .dropdown-toggle, .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select:not(.show) .dropdown-toggle { pointer-events: auto; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select.show::after, .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select.show::after { content: ""; background-color: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; left: 0px; top: 0px; position: fixed; z-index: 1; } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select .dropdown-toggle { left: 16px; } @media (min-width: 768px) { .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__mic-select .dropdown-toggle { left: 0px; } } .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select .dropdown-toggle { right: 16px; } @media (min-width: 768px) { .b-dropdown-wrapper:not(.m-dropdown-v2).b-streaming__video-select .dropdown-toggle { right: 0px; } } .m-btn-vertical-dots .b-dropdown-dots-wrapper { position: absolute; inset: 0px; display: flex; flex-direction: row; align-content: center; align-items: center; } .b-dropdown-dots-wrapper.m-inside-new-events::after { content: ""; position: absolute; width: 8px; height: 8px; top: 5px; right: 0px; background-color: rgb(0, 175, 240); border: 2px solid rgb(254, 254, 254); border-radius: 1000px; box-sizing: content-box; } .b-dropdown-list { max-height: 318px; } .v-textarea.form-control textarea { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .v-textarea.form-control textarea { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .v-textarea.form-control textarea::-webkit-scrollbar { width: 10px; height: 10px; } .v-textarea.form-control textarea::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .v-textarea.form-control textarea::-webkit-scrollbar-button { display: none; } .v-textarea.form-control textarea::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .v-textarea.form-control textarea::-webkit-resizer, .v-textarea.form-control textarea::-webkit-scrollbar-corner { display: none; } .main-wrapper .v-textarea.form-control textarea, .modal-open .v-textarea.form-control textarea { font-size: 16px; line-height: 24px; padding-right: 16px; overflow-y: scroll; max-height: 64px; margin-right: -16px; width: calc(100% + 16px); max-width: calc(100% + 16px); min-height: 40px; } .m-stream-poll .v-textarea.form-control textarea { max-height: 90px; } .main-wrapper .m-no-border .v-textarea.form-control textarea, .modal-open .m-no-border .v-textarea.form-control textarea { min-height: 20px; } .m-make-post .v-textarea.form-control textarea { min-height: 40px; max-height: 170px; line-height: 24px; } .m-md-height-textarea__limit .v-textarea.form-control textarea { max-height: 116px; } .m-textarea-fully-grow .v-textarea.form-control textarea { max-height: none; } .m-textarea-fluid-height-lg .v-textarea.form-control textarea { max-height: 140px; } .contact_form .v-textarea.form-control textarea { max-height: 92px; } .b-ticket__reply-form .v-textarea.form-control textarea { min-height: 80px; } .b-form-stream-info .v-textarea.form-control textarea { margin-left: 3px; margin-right: -13px; width: calc(100% + 13px); max-width: calc(100% + 13px); min-height: 48px; max-height: calc(var(--vh, 1vh)*100 - 440px); overscroll-behavior: auto; } .b-comment-form.m-field-form .v-textarea.form-control textarea { min-height: 48px; max-height: 78px; } .m-streaming .v-textarea.form-control textarea { padding-left: 32px; } .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense).v-input .v-label, .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense).v-input .v-label, .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense).v-input .v-label, .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense).v-input .v-label { top: 14px; } .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 10px; margin-bottom: 14px; } .m-make-post .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .m-make-post .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .m-make-post .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .m-make-post .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-make-post .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 16px; margin-bottom: 16px; } .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-bottom: 0px; line-height: 24px; } .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-md-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 8px; padding-top: 4px; padding-bottom: 12px; } .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .m-sm-height-textarea .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 8px; padding-top: 4px; padding-bottom: 12px; min-height: 40px; max-height: 64px; } .vote-input .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .vote-input .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .vote-input .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .vote-input .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .vote-input .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .vote-input .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .vote-input .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .vote-input .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { padding-right: 50px; } .b-ticket__reply-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .b-ticket__reply-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-ticket__reply-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 0px; } .b-form-stream-info .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .b-form-stream-info .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-form-stream-info .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 0px; margin-bottom: 0px; } .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-top: 0px; margin-bottom: 0px; padding-top: 14px; padding-bottom: 14px; margin-right: -29px; width: calc(100% + 29px); max-width: calc(100% + 29px); line-height: 20px; } .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar { width: 30px; } .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix::-webkit-scrollbar-track, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar-thumb, .b-comment-form.m-field-form .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea::-webkit-scrollbar-track { border-width: 14px; } .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--box"][class*="--outlined"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--box"][class*="--single-line"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--enclosed"][class*="--outlined"]:not(.v-input--dense) textarea, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) .v-text-field__suffix, .b-comment-form.m-field-form .m-reset-scrollbar-ff .v-textarea.form-control[class*="--enclosed"][class*="--single-line"]:not(.v-input--dense) textarea { margin-right: 0px; width: 100%; max-width: 100%; scrollbar-width: none; } .v-text-field.form-control .v-select__selection--comma, .v-text-field.form-control .v-select__selection--comma.v-select__selection--disabled, .v-text-field.form-control input, .v-text-field.form-control textarea { color: var(--text-color); } .b-comment-form__input .v-text-field.form-control .v-select__selection--comma, .b-comment-form__input .v-text-field.form-control .v-select__selection--comma.v-select__selection--disabled, .b-comment-form__input .v-text-field.form-control input, .b-comment-form__input .v-text-field.form-control textarea { color: rgb(254, 254, 254); } .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 48px; } .m-sm-height .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .m-sm-height .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .m-sm-height .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 36px; } .b-field-expiration .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .b-field-expiration .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .b-field-expiration .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 46px; } .b-form-stream-info .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .b-form-stream-info .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .b-form-stream-info .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot, .vote-input .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .vote-input .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .vote-input .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 40px; } .b-comment-form__input .v-text-field.form-control.v-text-field--filled > .v-input__control > .v-input__slot, .b-comment-form__input .v-text-field.form-control.v-text-field--full-width > .v-input__control > .v-input__slot, .b-comment-form__input .v-text-field.form-control.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 35px; } .v-text-field.form-control.v-text-field--outlined legend { transition: none; margin-bottom: 0px; } .v-text-field.form-control.v-text-field--outlined .v-label { top: 14px; } .v-text-field.form-control.v-text-field--outlined .v-label[style*="left: -"] { left: 0px !important; } .m-streaming .v-text-field.form-control.v-text-field--outlined .v-label { margin-left: 32px; } .v-text-field.form-control.v-text-field--outlined.v-input, .v-text-field.form-control.v-text-field--outlined.v-input input, .v-text-field.form-control.v-text-field--outlined.v-input textarea, .v-text-field.form-control.v-text-field--outlined.v-select .v-select__selection--comma, .v-text-field.form-control.v-text-field--outlined.v-select .v-select__selection--comma.v-select__selection--disabled { color: var(--text-color); } .b-comment-form__input .v-text-field.form-control.v-text-field--outlined.v-input, .b-comment-form__input .v-text-field.form-control.v-text-field--outlined.v-input input, .b-comment-form__input .v-text-field.form-control.v-text-field--outlined.v-input textarea, .b-comment-form__input .v-text-field.form-control.v-text-field--outlined.v-select .v-select__selection--comma, .b-comment-form__input .v-text-field.form-control.v-text-field--outlined.v-select .v-select__selection--comma.v-select__selection--disabled { color: rgb(254, 254, 254); } .v-text-field.form-control.v-text-field--outlined:not(.v-select).error--text .g-input__field-control { right: 50px; } .v-text-field.form-control.v-text-field--outlined.v-input--is-focused fieldset { border-width: 1px; } .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select) fieldset { border-color: rgba(0, 175, 240, 0.75); } .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgb(138, 150, 163); } .m-placeholder-free .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: var(--text-color); } .m-black-body .m-price-stream .m-placeholder-free .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgb(254, 254, 254); } .m-stream-body .m-placeholder-free .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: var(--text-color); } .m-stream-body .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgba(255, 255, 255, 0.75); } .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select) .v-text-field__prefix { display: block; } .v-text-field.form-control.v-text-field--outlined.v-input--is-focused:not(.v-select).error--text .g-input__field-control { opacity: 0.4; pointer-events: none; right: 0px; } .v-text-field.form-control.v-text-field--outlined.v-input--is-dirty .v-input__icon--clear { opacity: 1; } .v-text-field.form-control.v-text-field--outlined.v-input--is-dirty .v-text-field__prefix, .v-text-field.form-control.v-text-field--outlined.v-input--is-label-active .v-text-field__prefix { color: var(--text-color); display: block; } .m-mode-dark .m-modal-view .v-text-field.form-control.v-text-field--outlined.v-input--is-dirty .v-text-field__prefix, .m-mode-dark .m-modal-view .v-text-field.form-control.v-text-field--outlined.v-input--is-label-active .v-text-field__prefix { color: rgb(254, 254, 254); } .m-streaming .v-text-field.form-control.v-text-field--outlined.v-input--is-dirty .v-label, .m-streaming .v-text-field.form-control.v-text-field--outlined.v-input--is-focused .v-label, .m-streaming .v-text-field.form-control.v-text-field--outlined.v-input--is-label-active .v-label { margin-left: 0px; } .v-text-field.form-control.v-text-field--outlined, .v-text-field.form-control.v-text-field--solo { border-radius: 6px; } .b-comment-form.m-field-form .v-text-field.form-control.v-text-field--outlined, .b-comment-form.m-field-form .v-text-field.form-control.v-text-field--solo { border-radius: 24px; background-color: rgba(0, 0, 0, 0.12); overflow: hidden; } .b-comment-form.m-field-form.m-privacy-comment-form .v-text-field.form-control.v-text-field--outlined, .b-comment-form.m-field-form.m-privacy-comment-form .v-text-field.form-control.v-text-field--solo { background-color: transparent; } .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-text-field.form-control.v-text-field--outlined, .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-text-field.form-control.v-text-field--solo { border-top-left-radius: 0px; border-top-right-radius: 0px; } .v-text-field.form-control.v-text-field--enclosed .v-text-field__details { margin-bottom: 0px; } .v-text-field.form-control.v-text-field--enclosed.error--text .v-input__append-outer .g-input__help:first-child, .v-text-field.form-control.v-text-field--full-width.error--text .v-input__append-outer .g-input__help:first-child { padding-top: 0px; } .v-text-field.form-control.v-text-field--enclosed.v-select .v-input__append-inner .v-input__icon, .v-text-field.form-control.v-text-field--enclosed.v-select .v-input__prepend-inner .v-input__icon, .v-text-field.form-control.v-text-field--full-width.v-select .v-input__append-inner .v-input__icon, .v-text-field.form-control.v-text-field--full-width.v-select .v-input__prepend-inner .v-input__icon { flex: 0 0 36px; } .v-text-field.form-control.v-text-field--enclosed.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down::after, .v-text-field.form-control.v-text-field--enclosed.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down::after, .v-text-field.form-control.v-text-field--full-width.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down::after, .v-text-field.form-control.v-text-field--full-width.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down::after { content: "\ue60d"; } .v-text-field.form-control.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner, .v-text-field.form-control.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner { position: absolute; left: 17px; top: 0px; bottom: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; margin: 0px; height: 100%; } .v-text-field.form-control.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon, .v-text-field.form-control.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon { margin-top: 0px; } .v-text-field.form-control.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot .v-select__selection, .v-text-field.form-control.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot input, .v-text-field.form-control.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot .v-select__selection, .v-text-field.form-control.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot input { padding-left: 32px; } .v-text-field.form-control.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot label, .v-text-field.form-control.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot label { left: auto !important; } .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__append-inner button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__append-inner button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__prepend-inner button.v-icon.v-icon::before { content: ""; border-radius: inherit; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; height: 100%; background-color: rgb(0, 145, 234); opacity: 0; display: block; } .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::before, .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::before { width: 24px; height: 24px; } .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::after { font-size: 16px; } .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__append-inner:hover button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner:hover button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__append-inner:hover button.v-icon.v-icon::before, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__prepend-inner:hover button.v-icon.v-icon::before { opacity: 0.06; } .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .v-text-field.form-control.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .v-text-field.form-control.v-text-field--full-width:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon { color: rgb(0, 145, 234); } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer { margin: 0px; flex-wrap: wrap; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__field-control ~ .g-input__help, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__field-control ~ .g-input__help { padding-top: 3px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help { flex: 0 0 100%; } .vote-input .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help, .vote-input .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help { display: none; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help:first-child { padding-top: 4px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total), .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) { flex-basis: 50%; padding-right: 0px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) ~ .b-text-field-details__total, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) ~ .b-text-field-details__total { text-align: right; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-outer .g-input__help.m-width-short, .v-text-field.form-control.v-text-field--full-width .v-input__append-outer .g-input__help.m-width-short { flex: 0 0 65%; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner, .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner, .v-text-field.form-control.v-text-field--full-width .v-input__append-inner, .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner { margin-top: 0px; align-content: center; align-items: center; height: 48px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner:last-of-type, .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner:last-of-type, .v-text-field.form-control.v-text-field--full-width .v-input__append-inner:last-of-type, .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner:last-of-type { margin-right: -10px; margin-left: 4px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner .b-field-loader, .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner .b-field-loader, .v-text-field.form-control.v-text-field--full-width .v-input__append-inner .b-field-loader, .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner .b-field-loader { width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .v-text-field.form-control.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { width: 36px; height: 36px; line-height: 36px; text-align: center; font-style: normal; color: rgb(138, 150, 163); border-radius: inherit; transition: background-color 0.1s, color 0.1s, transform 0.1s; cursor: pointer; } .m-stream-body .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .m-stream-body .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .m-stream-body .v-text-field.form-control.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .m-stream-body .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { color: rgba(255, 255, 255, 0.75); } .vote-input .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .vote-input .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .vote-input .v-text-field.form-control.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .vote-input .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { width: 26px; height: 26px; font-size: 16px; line-height: 28px; } .v-text-field.form-control.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--full-width .v-input__append-inner .v-icon.v-icon::after, .v-text-field.form-control.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon::after { content: "\ue60e"; font-family: onlyfans; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; opacity: 1; } .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 16px; padding-right: 16px; } .m-month-field .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .m-month-field .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-right: 0px; } .m-with-field-control .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .m-with-field-control .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-right: 48px; } .b-stream-wrapper .b-comment-form .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .b-stream-wrapper .b-comment-form .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 48px; padding-right: 18px; } .b-form-stream-info .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .b-form-stream-info .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, .m-border-underline .v-text-field.form-control.v-text-field--enclosed .v-text-field__details, .m-border-underline .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 0px; padding-right: 0px; } .v-text-field.form-control.v-text-field--prefix input { margin-left: 6px; } .m-solid-prefix .v-text-field.form-control.v-text-field--prefix input, .vote-input .v-text-field.form-control.v-text-field--prefix input { margin-left: 0px; } .v-text-field.form-control .v-text-field__details { min-height: auto; } .v-text-field.form-control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-top: 4px; } .b-loginreg__form .v-text-field.form-control .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-bottom: 4px; } .b-form-stream-info .v-text-field.form-control { padding-top: 0px; margin-top: 0px; } .v-text-field.form-control.v-text-field--prefix.v-text-field--placeholder.m-gap-after-prefix .v-label { padding-left: 4px; } .v-text-field.form-control.v-text-field--prefix.v-text-field--placeholder.m-gap-after-prefix input { margin-left: 0px; } .m-black-body .m-price-stream .m-placeholder-free .m-filled .v-text-field.form-control.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix { color: rgb(254, 254, 254); } .m-placeholder-free .v-text-field.form-control.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix { color: var(--text-color); } .m-black-body .m-price-stream .m-placeholder-free .v-text-field.form-control.v-text-field--prefix.v-text-field--placeholder .v-text-field__prefix { color: rgb(254, 254, 254); } .v-text-field.form-control.theme--light .v-text-field__prefix { color: rgb(138, 150, 163); } .m-stream-body .v-text-field.form-control.theme--light .v-text-field__prefix { color: rgba(255, 255, 255, 0.75); } .m-modal-view .v-text-field.form-control.theme--dark .v-text-field__prefix, .v-text-field.form-control.theme--dark .v-text-field__prefix { color: rgb(254, 254, 254); } .v-text-field.form-control .v-text-field__prefix { transition: none; } .v-input--is-disabled .v-text-field.form-control .v-text-field__prefix { opacity: 0.4; } .m-field-username .v-text-field.form-control .v-text-field__prefix { transform: translateY(-1px); } .v-text-field.form-control .v-text-field__details .v-counter { color: rgb(138, 150, 163); font-size: 12px; line-height: 16px; padding-top: 4px; word-spacing: -0.25em; margin-left: auto; } .v-text-field.v-input--has-state .v-text-field.form-control .v-text-field__details .v-counter[class*="theme--"] { color: rgb(138, 150, 163); } .b-form-stream-info .v-text-field.form-control .v-text-field__details .v-counter, .m-mode-dark .m-modal-view .v-text-field.form-control .v-text-field__details .v-counter { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .v-text-field.form-control > .v-input__control > .v-input__slot::before { border: medium; } .v-text-field.form-control.v-input--is-readonly > .v-input__control fieldset { background: rgba(138, 150, 163, 0.08); } .v-text-field.form-control.v-text-field--enclosed:has(.b-text-field-details__total) .v-text-field__details { padding-right: 0px; max-width: 50%; } .vote-input .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { background-color: var(--bg-color); } .m-paid-post .vote-input .v-text-field.form-control.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { background-color: rgba(0, 175, 240, 0.06); } .vote-input .v-text-field.form-control.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select) > .v-input__control > .v-input__slot { padding-right: 16px; } .v-text-field.form-control.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select):not(.v-input--is-focused) > .v-input__control > .v-input__slot .v-text-field__slot textarea { padding-right: 50px; } .v-text-field.form-control.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select):not(.v-input--is-focused) > .v-input__control > .v-input__slot .v-text-field__slot input { padding-right: 30px; } .m-with-field-control .v-text-field.form-control.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select):not(.v-input--is-focused) > .v-input__control > .v-input__slot .v-text-field__slot input { padding-right: 0px; } .m-with-field-control .v-text-field.form-control.v-text-field--enclosed.error--text:not(.v-text-field--rounded):not(.v-select):not(.v-input--is-focused) > .v-input__control > .v-input__slot { padding-right: 100px; } .v-text-field.form-control.v-text-field--enclosed.v-select > .v-input__control > .v-input__slot { padding-right: 16px; } .v-text-field.form-control.v-text-field--filled.m-sm-height > .v-input__control > .v-input__slot, .v-text-field.form-control.v-text-field--full-width.m-sm-height > .v-input__control > .v-input__slot, .v-text-field.form-control.v-text-field--outlined.m-sm-height > .v-input__control > .v-input__slot { min-height: 36px; } .v-text-field.form-control.v-text-field--filled.m-sm-height > .v-input__control > .v-input__slot input, .v-text-field.form-control.v-text-field--full-width.m-sm-height > .v-input__control > .v-input__slot input, .v-text-field.form-control.v-text-field--outlined.m-sm-height > .v-input__control > .v-input__slot input { max-height: 36px; padding-top: 10px; padding-bottom: 10px; } .v-text-field.form-control.v-text-field--filled.m-sm-height > .v-input__control > .v-input__slot .v-input__icon, .v-text-field.form-control.v-text-field--full-width.m-sm-height > .v-input__control > .v-input__slot .v-input__icon, .v-text-field.form-control.v-text-field--outlined.m-sm-height > .v-input__control > .v-input__slot .v-input__icon { width: 24px; height: 24px; flex-basis: 24px; } .v-text-field.form-control.v-text-field--filled.m-sm-height > .v-input__control > .v-input__slot .v-input__icon .v-icon.v-icon, .v-text-field.form-control.v-text-field--full-width.m-sm-height > .v-input__control > .v-input__slot .v-input__icon .v-icon.v-icon, .v-text-field.form-control.v-text-field--outlined.m-sm-height > .v-input__control > .v-input__slot .v-input__icon .v-icon.v-icon { width: 24px; height: 24px; line-height: 24px; } .v-text-field.form-control.v-text-field--outlined:has(input[type="email"]):has(legend[style="width: 0px;"]) .v-label--active, .v-text-field.form-control.v-text-field--outlined:has(input[type="password"]):has(legend[style="width: 0px;"]) .v-label--active { background-color: var(--bg-color); padding-left: 5px; padding-right: 5px; margin-left: -4px; } .m-border-underline .v-text-field.form-control.v-text-field--outlined fieldset { border-left: medium; border-right: medium; border-top: medium; border-radius: 0px; } .b-form-stream-info .v-text-field.form-control.v-text-field--outlined fieldset, .m-no-border .v-text-field.form-control.v-text-field--outlined fieldset { border: medium; top: 0px; } .m-state-private .v-text-field.form-control.v-text-field--outlined fieldset { border-style: dashed; } .v-text-field--prefix.m-placeholder-gap.v-text-field.form-control.v-text-field--outlined .v-label { margin-left: 6px; } .v-text-field.form-control.v-text-field--outlined .v-label--active { transform: translateY(-21px) scale(0.75); } .m-mode-dark .v-text-field.form-control.v-text-field--outlined .v-label--active { background: none; } .v-text-field--prefix.m-placeholder-gap.v-text-field.form-control.v-text-field--outlined .v-label--active { margin-left: 0px; } .v-text-field.form-control.v-text-field--outlined.v-input--has-state fieldset, .v-text-field.form-control.v-text-field--outlined.v-input--is-focused fieldset { border-width: 1px; } body .v-text-field.form-control.v-text-field--outlined.v-select:not(.v-text-field--single-line) .v-select__selections { margin-right: -4px; padding: 0px; color: var(--text-color); } .v-text-field.form-control.v-text-field--outlined.v-input--is-disabled fieldset { opacity: 0.4; } .b-form-stream-info .v-text-field.form-control.v-input--is-focused > .v-input__control > .v-input__slot::after { display: none; } .v-text-field.form-control.v-input--is-focused .label-group-addon { opacity: 0; pointer-events: none; } .v-text-field.form-control.v-input--is-disabled.theme--dark .v-input__control .v-counter, .v-text-field.form-control.v-input--is-disabled.theme--light .v-input__control .v-counter { color: rgb(138, 150, 163); opacity: 0.4; } .form-control .v-label { transition: transform 0.1s; animation: none; font-size: 16px; } .v-input--has-state.error--text .form-control .v-label { animation: none; } .form-control .v-label.theme--light { color: rgb(138, 150, 163); } .form-control .v-label.theme--light.error--text.v-label--active { color: rgb(255, 96, 96); } .m-stream-body .form-control .v-label.theme--light.error--text.v-label--active { color: rgb(254, 254, 254); } .m-stream-body .form-control .v-label.theme--light { color: rgba(255, 255, 255, 0.75); } .form-control .v-label.theme--dark { color: rgb(138, 150, 163); } .m-stream-body .form-control .v-label.theme--dark { color: rgba(255, 255, 255, 0.75); } .m-streaming .form-control .v-label { margin-left: 32px; } .m-streaming .form-control .v-label--active { margin-left: 0px; } .form-control .v-label .m-auto-pointer a { pointer-events: auto; } .form-control.v-input--is-disabled .v-label { opacity: 0.4; pointer-events: none; } .v-input.form-control { flex-wrap: wrap; } .vote-input .v-input.form-control { padding: 0px; } .b-make-post__voting .vote-input .v-input.form-control { border: medium; height: auto; background-color: transparent; } .v-input.form-control:not(.v-text-field--placeholder) .v-text-field__prefix { display: none; } .modal .v-input.form-control { z-index: 0; } .v-input.form-control:not(.v-select).v-input--is-focused:not(.error--text.v-input--is-readonly) .v-label { color: rgb(0, 175, 240); } .m-stream-body .v-input.form-control:not(.v-select).v-input--is-focused:not(.error--text.v-input--is-readonly) .v-label { color: rgb(254, 254, 254); } .g-pointer-cursor .v-input.form-control.v-input--is-readonly.theme--light:hover fieldset { border-color: rgb(138, 150, 163); } .v-input.form-control.theme--light fieldset { border-color: rgba(138, 150, 163, 0.5); } .g-input__wrapper.m-opened-results .v-input.form-control.theme--light fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .v-input.form-control.theme--light fieldset { border-color: rgba(255, 255, 255, 0.5); } .m-privacy-comment-form .v-input.form-control.theme--light fieldset { border-style: dashed; } .m-black-body .b-stream-wrapper .m-privacy-comment-form.m-emoji-comment-form .v-input.form-control.theme--light fieldset { border-top-style: solid; } .story-ran .b-comment-form.m-field-form .v-input.form-control.theme--light fieldset { border-color: rgba(255, 255, 255, 0.75); } .m-black-body .b-stream-wrapper .b-comment-form .v-input.form-control.theme--light fieldset { border-color: rgba(255, 255, 255, 0.75); z-index: 1; } .m-black-body .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-input.form-control.theme--light fieldset { border-top-color: rgba(255, 255, 255, 0.25); } .b-ticket .m-border-underline .v-input.form-control.theme--light fieldset { border-color: rgba(138, 150, 163, 0.25); } .vote-input.m-right-answer .v-input.form-control.theme--light fieldset { border-color: rgba(53, 208, 99, 0.5); } .m-black-body .b-stream-wrapper .v-input.form-control.theme--light:not(.v-select).v-input--is-focused input::placeholder, .m-black-body .b-stream-wrapper .v-input.form-control.theme--light:not(.v-select).v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.4); } .m-black-body .b-stream-wrapper .v-input.form-control.theme--light:not(.v-select).v-input--is-focused input::placeholder, .m-black-body .b-stream-wrapper .v-input.form-control.theme--light:not(.v-select).v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.4); } .v-input.form-control.theme--light input::placeholder, .v-input.form-control.theme--light textarea::placeholder { color: rgb(138, 150, 163); -webkit-text-fill-color: rgb(138, 150, 163); } .v-input.form-control.theme--light input::placeholder, .v-input.form-control.theme--light textarea::placeholder { color: rgb(138, 150, 163); -webkit-text-fill-color: rgb(138, 150, 163); } .b-comment-form__input .v-input.form-control.theme--light input::placeholder, .b-comment-form__input .v-input.form-control.theme--light textarea::placeholder, .m-stream-body .v-input.form-control.theme--light input::placeholder, .m-stream-body .v-input.form-control.theme--light textarea::placeholder { color: rgba(255, 255, 255, 0.75); -webkit-text-fill-color: rgba(255, 255, 255, 0.75); } .b-comment-form__input .v-input.form-control.theme--light input::placeholder, .b-comment-form__input .v-input.form-control.theme--light textarea::placeholder, .m-stream-body .v-input.form-control.theme--light input::placeholder, .m-stream-body .v-input.form-control.theme--light textarea::placeholder { color: rgba(255, 255, 255, 0.75); -webkit-text-fill-color: rgba(255, 255, 255, 0.75); } .m-placeholder-free .v-input.form-control.theme--light input::placeholder, .m-placeholder-free .v-input.form-control.theme--light textarea::placeholder { color: var(--text-color); -webkit-text-fill-color: var(--text-color); } .m-placeholder-free .v-input.form-control.theme--light input::placeholder, .m-placeholder-free .v-input.form-control.theme--light textarea::placeholder { color: var(--text-color); -webkit-text-fill-color: var(--text-color); } .v-input.form-control.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.5); } .vote-input .v-input.form-control.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.4); } .m-modal-view .v-input.form-control.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.5); } .m-stream-body .v-input.form-control.theme--dark fieldset { border-color: rgba(255, 255, 255, 0.5); } .m-modal-view .v-input.form-control.theme--dark input, .m-modal-view .v-input.form-control.theme--dark textarea { color: rgb(254, 254, 254); } .v-input.form-control.theme--dark input::placeholder, .v-input.form-control.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .v-input.form-control.theme--dark input::placeholder, .v-input.form-control.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .v-input.form-control.theme--dark input::placeholder, .b-form-stream-info .v-input.form-control.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .v-input.form-control.theme--dark input::placeholder, .b-form-stream-info .v-input.form-control.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .v-input.form-control.theme--dark textarea { padding-top: 0px; line-height: 24px; } .m-modal-view .v-input.form-control .v-input__slot:hover fieldset, .v-input.form-control .v-input__slot:hover fieldset { border-color: rgb(138, 150, 163); } .m-stream-body .v-input.form-control .v-input__slot:hover fieldset { border-color: rgba(255, 255, 255, 0.75); } .vote-input.m-right-answer .v-input.form-control .v-input__slot:hover fieldset { border-color: rgb(53, 208, 99); } .v-input.form-control.v-input--is-readonly:hover fieldset { border-color: rgba(138, 150, 163, 0.5); } .v-input.form-control.g-pointer-cursor .v-input__slot { pointer-events: none; } .v-input.form-control.error--text:not(.v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled)) fieldset { border-color: rgb(255, 96, 96); border-width: 1px; } .m-stream-body .v-input.form-control.error--text:not(.v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled)) fieldset { border-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 96, 96, 0.25); } .v-input.form-control.error--text:not(.v-select) fieldset::after { content: "\ue60f"; font-family: onlyfans; right: 11px; top: 6px; position: absolute; font-size: 24px; line-height: 24px; color: rgb(255, 96, 96); } .m-stream-body .v-input.form-control.error--text:not(.v-select) fieldset::after { color: rgb(254, 254, 254); } .form-control.m-sm-height .v-input.form-control.error--text:not(.v-select) fieldset::after { top: 0px; } .vote-input .v-input.form-control.error--text:not(.v-select) fieldset::after { display: none; } .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible) .v-icon.v-icon.mdi-menu-down, .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover .v-icon.v-icon.mdi-menu-down { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .m-stream-body .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible) .v-icon.v-icon.mdi-menu-down, .m-stream-body .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover .v-icon.v-icon.mdi-menu-down { background-color: rgba(255, 255, 255, 0.12); color: rgb(254, 254, 254); } .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible).v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down, .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover.v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .m-stream-body .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible).v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down, .m-stream-body .v-input.form-control.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover.v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down { background-color: rgba(255, 255, 255, 0.12); color: rgb(254, 254, 254); } .v-input.form-control.v-select.v-select--is-menu-active .v-input__icon--append .v-icon { transform: rotate(180deg); } .v-input.form-control fieldset { padding-left: 12px; transition: border-color 0.1s; } .b-field-expiration .v-input.form-control fieldset { border: medium; } .v-input.form-control label { margin: 0px; transform-origin: left top 0px; } .v-input.form-control label .v-input__prepend-inner { position: absolute; } .v-input.form-control input, .v-input.form-control textarea { font-size: 16px; line-height: 20px; caret-color: rgb(0, 145, 234); } .v-input.form-control input::placeholder, .v-input.form-control textarea::placeholder { opacity: 1; } .v-input.form-control input::placeholder, .v-input.form-control textarea::placeholder { opacity: 1; } .m-no-border:not(.m-placeholder-full-lgray) .v-input.form-control input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.form-control textarea::placeholder { color: rgba(138, 150, 163, 0.75); } .m-no-border:not(.m-placeholder-full-lgray) .v-input.form-control input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .v-input.form-control textarea::placeholder { color: rgba(138, 150, 163, 0.75); } .m-no-border.m-placeholder-full-lgray .v-input.form-control input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.form-control textarea::placeholder { color: rgb(138, 150, 163); } .m-no-border.m-placeholder-full-lgray .v-input.form-control input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.form-control textarea::placeholder { color: rgb(138, 150, 163); } .vote-input .v-input.form-control input::placeholder, .vote-input .v-input.form-control textarea::placeholder { font-weight: 400; } .vote-input .v-input.form-control input::placeholder, .vote-input .v-input.form-control textarea::placeholder { font-weight: 400; } .v-input.form-control input { max-height: 46px; padding-top: 14px; padding-bottom: 14px; text-overflow: ellipsis; } .m-sm-height .v-input.form-control input { max-height: 36px; padding-top: 10px; padding-bottom: 10px; } .b-field-expiration .v-input.form-control input { max-height: 46px; } .vote-input .v-input.form-control input { max-height: 40px; height: 40px; padding-top: 10px; padding-bottom: 10px; padding-right: 44px; font-size: 14px; font-weight: 500; } .m-stream-body .vote-input .v-input.form-control input { font-weight: 400; } .b-comment-form__input .v-input.form-control input { max-height: 35px; height: 35px; padding: 7px 42px 8px 34px; } .b-comment-form.m-field-form .b-comment-form__input .v-input.form-control input { max-height: 48px; height: 48px; padding: 12px 42px 12px 0px; } .v-input--is-disabled .v-input.form-control .v-input__control { pointer-events: none; } .g-pointer-cursor .v-input--is-readonly .v-input.form-control .v-input__control { background: none; } .v-input.form-control .v-input__icon { width: 36px; height: 36px; border-radius: 1000px; transition: background-color 0.3s; } .vote-input .v-input.form-control .v-input__icon.v-input__icon--clear { width: 26px; height: 26px; } .v-input.form-control .v-input__icon .v-icon { transition: transform 0.3s; } .v-input.form-control .v-input__slot { margin-bottom: 0px; } .v-input.form-control .v-input__append-outer, .v-input.form-control .v-input__prepend-outer { display: flex; } .v-input.form-control .v-input__append-outer { flex: 1 1 0%; } .v-input.form-control.v-select { z-index: 0; } .v-input.form-control.v-select .v-select__selection { max-width: 100%; } .v-input.form-control.v-select .v-select__selection--comma { margin-right: 0px; } .v-input.form-control.v-select.v-input--is-disabled .v-select__selection--comma { opacity: 0.4; } .v-input.form-control.v-select.v-autocomplete .v-select__slot input[autocomplete="off"]::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; height: 0px; width: 0px; margin: 0px; } .v-input.form-control.v-select fieldset { border-width: 1px; } .v-input.form-control.v-select.multiselect__tags { background: none; min-height: auto; font-size: inherit; border: medium; } .v-input.form-control.v-select.v-select--is-menu-active:not(.v-input--is-focused) .v-input__icon--append .v-icon { transform: none; } .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused .v-select__slot .v-input__append-inner { pointer-events: auto; } .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused .v-select__slot::after { pointer-events: none; } .v-input.form-control.v-select.m-sm-height .v-select__slot::after { width: 24px; height: 24px; } .v-input.form-control.v-select .v-select__slot .v-input__append-inner { pointer-events: none; } .v-input.form-control.v-select .v-select__slot::after { content: ""; position: absolute; width: 36px; height: 36px; right: -10px; top: 6px; cursor: pointer; z-index: 2; } .v-input.form-control.v-select.theme--light[v-menu-direction="up"]:not(.m-reset-active-border) .v-input__slot::after { content: ""; position: absolute; inset: 0px 0px auto; height: 7px; background: var(--bg-color); display: block; border-width: medium 1px; border-style: none solid; border-color: currentcolor rgba(0, 175, 240, 0.75); border-image: none; transform: translateY(-7px); z-index: -1; } .m-stream-body .v-input.form-control.v-select.theme--light[v-menu-direction="up"]:not(.m-reset-active-border) .v-input__slot::after { border-color: rgba(255, 255, 255, 0.75); } .v-input.form-control.v-select.v-input--is-focused:not(.error--text):has(input:focus-visible):not(.m-reset-active-border) label { color: rgb(0, 175, 240); } .m-stream-body .v-input.form-control.v-select.v-input--is-focused:not(.error--text):has(input:focus-visible):not(.m-reset-active-border) label { color: rgb(254, 254, 254); } .m-stream-body .m-modal-view .v-input.form-control.v-select.v-input--is-focused:not(.error--text):has(input:focus-visible):not(.m-reset-active-border) label { border-color: rgb(254, 254, 254); } .v-input.form-control.v-select.v-input--is-focused:not(.error--text):has(input:focus-visible):not(.m-reset-active-border) fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .v-input.form-control.v-select.v-input--is-focused:not(.error--text):has(input:focus-visible):not(.m-reset-active-border) fieldset { border-color: rgba(255, 255, 255, 0.75); } .v-input.form-control.v-select.v-select--is-menu-active.theme--light:not(.m-reset-active-border)[v-menu-direction="up"] fieldset { border-top-left-radius: 0px; border-top-right-radius: 0px; } .v-input.form-control.v-select.v-select--is-menu-active.theme--light:not(.m-reset-active-border)[v-menu-direction="down"] fieldset { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .v-input.form-control.v-select.v-select--is-menu-active.theme--light.error--text .v-input__slot::after { border-left-color: rgb(255, 96, 96); border-right-color: rgb(255, 96, 96); } .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text):not(.m-reset-active-border) fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text):not(.m-reset-active-border) fieldset { border-color: rgba(255, 255, 255, 0.75); } .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) label { color: rgb(0, 175, 240); } .m-stream-body .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) label { color: rgb(254, 254, 254); } .m-stream-body .m-modal-view .v-input.form-control.v-select.v-select--is-menu-active.v-input--is-focused:not(.error--text) label { border-color: rgb(254, 254, 254); } .v-input.form-control.v-select.v-select--is-menu-active .v-input__append-inner:hover .v-icon { color: rgb(138, 150, 163); } .v-input.form-control.v-select .v-input__icon { transition: transform 0.3s, background-color 0.3s; } .v-input.form-control.v-select.v-input--is-disabled .v-input__icon { opacity: 0.4; } .v-input.form-control:not(.v-select).v-input--is-focused fieldset { border-width: 1px; } .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgba(255, 255, 255, 0.75); } .m-black-body .b-stream-wrapper .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgb(254, 254, 254); background-color: transparent; } .story-ran .b-comment-form.m-field-form .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgb(254, 254, 254); } .b-ticket .m-border-underline .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgb(0, 145, 234); } .vote-input.m-right-answer .v-input.form-control:not(.v-select).v-input--is-focused.theme--light fieldset { border-color: rgba(53, 208, 99, 0.75); } .m-no-border.m-placeholder-full-lgray .v-input.form-control:not(.v-select).v-input--is-focused.theme--light input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.form-control:not(.v-select).v-input--is-focused.theme--light textarea::placeholder { color: rgba(138, 150, 163, 0.4); } .m-no-border.m-placeholder-full-lgray .v-input.form-control:not(.v-select).v-input--is-focused.theme--light input::placeholder, .m-no-border.m-placeholder-full-lgray .v-input.form-control:not(.v-select).v-input--is-focused.theme--light textarea::placeholder { color: rgba(138, 150, 163, 0.4); } .v-input.form-control:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly:not(.error--text) label { color: rgb(138, 150, 163); } .b-ticket .m-border-underline .v-input.form-control:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly:not(.error--text) fieldset, .m-black-body .v-input.form-control:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly:not(.error--text) fieldset, .m-mode-dark .m-modal-view .v-input.form-control:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly:not(.error--text) fieldset, .v-input.form-control:not(.v-select).v-input--is-focused.theme--light.v-input--is-readonly:not(.error--text) fieldset { border-color: rgba(138, 150, 163, 0.5); } .m-modal-view .v-input.form-control:not(.v-select).v-input--is-focused.theme--dark fieldset, .v-input.form-control:not(.v-select).v-input--is-focused.theme--dark fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .v-input.form-control:not(.v-select).v-input--is-focused.theme--dark fieldset { border-color: rgba(255, 255, 255, 0.75); } .m-modal-view .v-input.form-control:not(.v-select).v-input--is-focused.theme--dark.v-input--is-readonly fieldset, .v-input.form-control:not(.v-select).v-input--is-focused.theme--dark.v-input--is-readonly fieldset { border-color: rgba(138, 150, 163, 0.5); } .v-input.form-control:not(.v-select).v-input--is-focused:has(.v-input__append-outer .g-input__help) .v-messages.error--text .v-messages__message { font-size: 0px; line-height: 0; } .m-black-body .b-stream-wrapper .b-comment-form.m-attachment-comment-form .v-input.form-control:not(.v-select):not(.v-input--is-focused) { border-top-color: rgba(255, 255, 255, 0.25); } .v-input.form-control:not(.v-select).v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled) fieldset::after { content: ""; } .v-input.form-control.error--text.v-input--is-focused.v-select fieldset { border-color: rgba(0, 175, 240, 0.75); } .v-input.form-control.error--text.v-input--is-focused.v-select .v-messages { display: none; } .v-input.form-control.error--text.v-input--is-focused.v-select .tips-hint-message, .v-input.form-control.error--text.v-input--is-focused.v-select label { color: rgba(0, 175, 240, 0.75); caret-color: rgb(0, 145, 234); } .v-input.form-control.error--text.v-select fieldset { border-color: rgb(255, 96, 96); } .v-input.form-control.v-input--is-readonly, .v-input.form-control.v-input--is-readonly .v-label.v-label--active { pointer-events: none; } .v-input.form-control.v-input--is-disabled, .v-input.form-control.v-input--is-readonly .g-input__help, .v-input.form-control.v-input--is-readonly .v-messages__message { pointer-events: auto; } .v-input.form-control.v-input--is-disabled input, .v-input.form-control.v-input--is-disabled textarea { opacity: 0.4; } .v-input.form-control.b-street-autocomplete.error--text input { margin-right: 34px; } .v-input.form-control.b-street-autocomplete.error--text.m-address-loading input { margin-right: 0px; } .v-input.form-control.b-street-autocomplete.error--text .v-select__slot::after { content: "\ue60f"; font-family: onlyfans; color: rgb(255, 96, 96); font-size: 24px; line-height: 36px; text-align: center; } .v-input.form-control.b-street-autocomplete .v-select__slot::after { pointer-events: none; } .v-input.form-control.b-street-autocomplete .v-input__icon { display: none; } .v-input.form-control.b-street-autocomplete:has(+ .v-menu__content .v-list-item[id^="list-item-"]) .v-select__slot::after { pointer-events: auto; content: ""; } .v-input.form-control.b-street-autocomplete:has(+ .v-menu__content .v-list-item[id^="list-item-"]) .v-input__icon:first-child { display: block; } .v-input.form-control.b-street-autocomplete .b-street-autocomplete__append + .v-input__icon { display: none; } .v-input.form-control.b-street-autocomplete.m-address-loading input { padding-right: 28px; } .v-input.form-control.b-street-autocomplete.m-address-loading:has(.b-field-loader) .v-select__slot::after { content: ""; } .v-input.form-control.b-street-autocomplete.m-address-loading:has(.b-street-autocomplete__append:empty):has(.v-icon.mdi-menu-down) input { padding-right: 0px; } .v-input.form-control .label-group-addon { color: rgb(0, 175, 240); height: 36px; margin-right: 7px; display: flex; flex-direction: row; align-content: center; align-items: center; transition: opacity 0.1s; } .v-input.form-control .label-group-addon .g-icon { vertical-align: top; } .v-input.form-control .b-preloader-line { bottom: -2px; top: auto; } .b-select__caret { position: absolute; width: 36px; height: 36px; border-radius: 1000px; right: -10px; top: 6px; color: rgb(138, 150, 163); } .b-select__caret .g-icon { position: absolute; left: 6px; top: 6px; } .v-input__slot:hover .b-select__caret { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .v-application--is-ltr .v-text-field--outlined fieldset { padding-left: 12px; } html:not(.story-ran) body.m-black-body .v-list-item--link.v-list-item--active:hover::before, html:not(.story-ran) body.m-black-body .v-list-item--link::before { background-color: rgb(254, 254, 254); } html:not(.story-ran) body.m-black-body .v-list-item--link.v-list-item--active .v-list-item__content { color: rgb(0, 0, 0); } @media (min-width: 1004px) { html:not(.story-ran) body.m-black-body .v-list-item.theme--light:hover::before { opacity: 0.12; } html:not(.story-ran) body.m-black-body .v-list-item.theme--light.v-list-item--active:hover::before { opacity: 1; } } body .v-list-item { min-height: 40px; padding-left: 16px; padding-right: 16px; display: flex; align-content: center; align-items: center; position: relative; } spanbody .v-list-item__title { font: inherit; } body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled) { color: var(--text-color); } @media (max-width: 1003.98px) { body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled) .v-ripple__container { display: none; } } @media (min-width: 1004px) { body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--disabled):hover { color: rgb(0, 145, 234); } } @media (max-width: 1003.98px) { body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly) .v-ripple__container { display: none; } } @media (min-width: 1004px) { body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly).v-list-item--highlighted, body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly):hover { color: rgb(0, 145, 234); } } body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly).v-list-item--highlighted::before, body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly):hover::before { opacity: 0; } @media (any-hover: hover) and (pointer: fine) { body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly).v-list-item--highlighted::before, body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly):hover::before { opacity: 0.06; } } body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly).v-list-item--highlighted [class*="m-heading-"], body .v-list-item.theme--light:not(.v-list-item--active):not(.v-list-item--is-readonly):hover [class*="m-heading-"] { color: rgb(0, 145, 234); } body .v-list-item.theme--light.v-list-item--active::before { opacity: 1; } body .v-list-item.v-list-item--disabled { color: rgb(138, 150, 163); } body .v-list-item.v-list-item--disabled .v-list-item__content > * { opacity: 0.4; } body .v-list-item--link { cursor: pointer; } body .v-list-item--link::before { background-color: rgb(0, 175, 240); } body .v-list-item--link:not(.v-list-item--active) .v-ripple__container { inset: 4px 8px; border-radius: 4px !important; overflow: hidden; height: auto; width: calc(100% - 16px); z-index: 0; position: absolute; } body .v-list-item--link:not(.v-list-item--active)::before { content: ""; position: absolute; inset: 4px 8px; border-radius: 4px; opacity: 0; } body .v-list-item--link.v-list-item--active, body .v-list-item--link.v-list-item--active .v-list-item__content { color: rgb(254, 254, 254); } body .v-list-item--link.v-list-item--active::before { opacity: 1; content: ""; position: absolute; inset: 0px; } body .v-list-item--link.v-list-item--active.v-list-item--highlighted::before, body .v-list-item--link.v-list-item--active:hover::before { background-color: rgb(0, 145, 234); opacity: 1; } body .v-list-item__content { color: var(--text-color); position: relative; z-index: 2; } body .v-list-item__content.m-heading-1 { font-size: 26px; line-height: 24px; } body .v-list-item__content.m-heading-2 { font-size: 20px; line-height: 24px; } body .v-list-item__content.m-heading-3 { font-size: 16px; line-height: 24px; } body .v-list-item__content.m-heading-4 { font-size: 14px; line-height: 24px; } body .v-list-item__content.m-heading-5 { font-size: 12px; line-height: 24px; } body .v-list-item__content .v-list-item__title { flex: 0 0 auto; } body .v-list-item__title { font: inherit; } body .m-v-menu-mob .v-list-item__content { padding-top: 7px; padding-bottom: 7px; color: inherit; } .v-application { background: unset !important; color: inherit !important; } .theme--light.v-icon.mdi-close::before, .theme--light.v-icon.mdi-menu-down::before { display: none; } body .theme--light.v-list { background: var(--bg-color); } .v-application .v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), .v-application .v-list-item:not(.v-list-item--active):not(.v-list-item--is-readonly) { color: inherit !important; } .v-ripple__animation { background: rgb(0, 145, 234); } .v-menu__content { border: 1px solid rgba(0, 175, 240, 0.75); background: var(--bg-color); position: absolute; display: inline-block; max-width: 80%; overflow: hidden auto; contain: content; } .v-menu__content.m-overscroll-behavior-contain { overscroll-behavior: contain; } .m-stream-body .v-menu__content { border-color: rgba(255, 255, 255, 0.75); } .v-menu__content.m-v-reset-width { max-width: 0px; } .v-menu__content.m-without-overlay { border-color: rgba(138, 150, 163, 0.25); margin-top: 4px; margin-bottom: 4px; min-width: 256px; } @media (max-width: 767.98px) { body:has(.v-menu-overlay) .v-menu__content:not(.m-v-menu-mob) { position: fixed; left: 0px !important; top: 0px !important; transform: translate(0px) !important; width: 100%; height: 100%; border: medium; background: none; box-shadow: none; max-width: 100%; max-height: 100% !important; display: flex; flex-direction: row; place-content: center; align-items: center; } body:has(.v-menu-overlay):has(.m-enable-blur-support) .v-menu__content:not(.m-v-menu-mob) { max-height: 100svh !important; } body:has(.v-menu-overlay) .modal .v-menu__content:not(.m-v-menu-mob) { background-color: var(--overlay-color); } } @media (max-width: 767.98px) { .v-menu__content:not(.m-v-menu-mob) .v-select-list { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; max-width: 80vw; min-width: 256px; background: var(--bg-color); max-height: calc(var(--vh, 1vh)*90); overflow-y: auto; scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .v-menu__content:not(.m-v-menu-mob) .v-select-list { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar { width: 10px; height: 10px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-button { display: none; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-resizer, .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-corner { display: none; } .m-enable-blur-support ~ .v-menu__content:not(.m-v-menu-mob) .v-select-list { max-height: 90svh; } .v-menu__content:not(.m-v-menu-mob) .v-select-list:not(.v-sheet--outlined) { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; } } @media (min-width: 768px) { .v-menu__content:not(.m-v-menu-mob) .v-select-list { border: medium; box-shadow: none; border-radius: 0px; } } @media (min-width: 1004px) and (max-width: 767.98px) and (orientation: landscape) { .v-menu__content:not(.m-v-menu-mob) .v-select-list { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; max-width: 80vw; min-width: 256px; background: var(--bg-color); max-height: calc(var(--vh, 1vh)*90); overflow-y: auto; scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .v-menu__content:not(.m-v-menu-mob) .v-select-list { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar { width: 10px; height: 10px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-button { display: none; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-resizer, .v-menu__content:not(.m-v-menu-mob) .v-select-list::-webkit-scrollbar-corner { display: none; } .m-enable-blur-support ~ .v-menu__content:not(.m-v-menu-mob) .v-select-list { max-height: 90svh; } .v-menu__content:not(.m-v-menu-mob) .v-select-list:not(.v-sheet--outlined) { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; } } @media (max-width: 1003.98px) and (orientation: landscape) { body:has(.v-menu-overlay) .v-menu__content:not(.m-v-menu-mob) { position: fixed; left: 0px !important; top: 0px !important; transform: translate(0px) !important; width: 100%; height: 100%; border: medium; background: none; box-shadow: none; max-width: 100%; max-height: 100% !important; display: flex; flex-direction: row; place-content: center; align-items: center; } body:has(.v-menu-overlay):has(.m-enable-blur-support) .v-menu__content:not(.m-v-menu-mob) { max-height: 100svh !important; } body:has(.v-menu-overlay) .modal .v-menu__content:not(.m-v-menu-mob) { background-color: var(--overlay-color); } } .v-menu__content--fixed.v-menu__content[v-menu-direction] { position: fixed; } .v-menu__content[v-menu-direction] { overflow-y: auto; } .v-select + .v-menu__content[v-menu-direction] { position: absolute; } .v-menu__content[v-menu-direction="up"] { box-shadow: rgba(0, 0, 0, 0.16) 0px -3px 6px; transform: translateY(-6px); } .v-menu__content[v-menu-direction="up"]:not(.m-field-without-active) { border-radius: 6px 6px 0px 0px; border-bottom: medium; } .v-menu__content[v-menu-direction="up"]:not(.m-field-without-active).v-autocomplete__content { border-radius: 6px 6px 0px 0px; } @media (min-width: 768px) { .m-attach-select .v-menu__content[v-menu-direction="up"] { left: inherit !important; top: auto !important; bottom: 48px !important; } } .v-menu__content[v-menu-direction="down"] { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; } .v-menu__content[v-menu-direction="down"]:not(.m-field-without-active) { border-radius: 0px 0px 6px 6px; border-top: medium; } .v-menu__content[v-menu-direction="down"]:not(.m-field-without-active).v-autocomplete__content { border-radius: 0px 0px 6px 6px; } @media (min-width: 768px) { .m-attach-select .v-menu__content[v-menu-direction="down"][style*="left"] { left: inherit !important; } .v-menu__content { background: var(--bg-color); color: inherit; scroll-behavior: smooth; overscroll-behavior: contain; } } @media (min-width: 768px) { @supports (-moz-appearance:none) { .v-menu__content { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .v-menu__content::-webkit-scrollbar { width: 10px; height: 10px; } .v-menu__content::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .v-menu__content::-webkit-scrollbar-button { display: none; } .v-menu__content::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .v-menu__content::-webkit-resizer, .v-menu__content::-webkit-scrollbar-corner { display: none; } } .v-menu__content.m-error-state:not(.menuable__content__active) { border-color: rgb(255, 96, 96); } @media (max-width: 767.98px) { .v-menu__content.v-autocomplete__content .v-list { border-radius: 6px; } } .v-menu__content .v-list { padding-top: 0px; padding-bottom: 0px; } @media (min-width: 768px) { .v-menu__content .v-list { box-shadow: none; } } .v-menu__content .v-list-item__title { white-space: normal; max-width: 100%; } .v-menu__content .v-list-item__title .g-icon[data-icon-name="icon-arrow-right"] { color: rgb(138, 150, 163); } .v-menu__content .v-list-item .vti__flag { margin-right: 11px; } .v-menu__content .v-list-item--active { color: rgb(254, 254, 254); } .v-menu__content .v-list-item--active .vti__flag, .v-menu__content .v-list-item--active .vti__flag + span, .v-menu__content .v-list-item--active .vti__icon, .v-menu__content .v-list-item--active .vti__icon + span { position: relative; z-index: 1; } .v-menu__content .v-list-item.theme--light:not(.v-list-item--link):not(.v-list-item--disabled) { padding-left: 5px; padding-right: 5px; } .v-menu__content .v-list-item.theme--light:not(.v-list-item--link):not(.v-list-item--disabled) .v-list-item__content { color: rgba(138, 150, 163, 0.4) !important; font-weight: 500; text-align: center; justify-content: center; } .form-control .v-messages { min-height: auto; align-self: flex-start; color: rgb(138, 150, 163); } .form-control .v-messages__message, .form-control .v-messages__wrapper { transition: none; } .form-control .v-messages__message { font-size: 12px; line-height: 16px; } .form-control .v-messages.error--text { color: rgb(255, 96, 96); } .m-stream-body .form-control .v-messages.error--text { color: rgb(254, 254, 254); } .v-input--is-focused:has(.v-input__append-outer .g-input__help) .form-control .v-messages.error--text .v-messages__message { font-size: 0px; line-height: 0; } .form-control .v-messages:not(.error--text) { display: none; } .v-autonumeric .vdatetime, .v-datetime .vdatetime { position: relative; } .v-autonumeric__icon, .v-datetime__icon { width: 36px; height: 36px; border-radius: 1000px; transition: background-color 0.3s, color 0.3s; position: absolute; right: 6px; top: 7px; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); pointer-events: none; } .v-autonumeric__icon .v-icon.theme--light, .v-datetime__icon .v-icon.theme--light { color: inherit; } .v-autonumeric__label, .v-datetime__label { position: absolute; left: 12px; top: 14px; margin: 0px; color: rgb(138, 150, 163); font-size: 16px; transition: transform 0.3s, color 0.3s, padding 0.3s; transform-origin: left center 0px; pointer-events: none; padding-left: 4px; padding-right: 4px; } .v-autonumeric__label.m-label, .v-datetime__label.m-label { transform: translateY(-23px) scale(0.75); background-color: var(--bg-color); } .v-autonumeric .g-input, .v-datetime .g-input { height: 48px; margin: 0px; } .v-autonumeric .g-input__help, .v-datetime .g-input__help { padding-top: 4px; } .v-autonumeric .form-control, .v-datetime .form-control { border: 1px solid rgba(138, 150, 163, 0.5); border-radius: 6px; padding: 14px 46px 14px 15px; transition: none; } .v-autonumeric .form-control::placeholder, .v-datetime .form-control::placeholder { opacity: 0; } .v-autonumeric .form-control::placeholder, .v-datetime .form-control::placeholder { opacity: 0; } .v-autonumeric .form-control:hover, .v-datetime .form-control:hover { border-color: rgb(138, 150, 163); } .v-autonumeric .form-control:hover ~ .v-datetime__icon, .v-datetime .form-control:hover ~ .v-datetime__icon { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .v-autonumeric .form-control:focus, .v-datetime .form-control:focus { border-color: rgba(0, 175, 240, 0.75); } .v-autonumeric .form-control:focus ~ .v-autonumeric__label, .v-autonumeric .form-control:focus ~ .v-datetime__label, .v-datetime .form-control:focus ~ .v-autonumeric__label, .v-datetime .form-control:focus ~ .v-datetime__label { background-color: var(--bg-color); color: rgb(0, 145, 234); } .v-autonumeric .form-control:focus ~ .v-datetime__icon, .v-datetime .form-control:focus ~ .v-datetime__icon { color: rgb(138, 150, 163); } .v-autonumeric .form-control:focus ~ .v-datetime__label, .v-datetime .form-control:focus ~ .v-datetime__label { transform: translateY(-23px) scale(0.75); } .v-autonumeric .form-control:focus::placeholder, .v-datetime .form-control:focus::placeholder { opacity: 1; } .v-autonumeric .form-control:focus::placeholder, .v-datetime .form-control:focus::placeholder { opacity: 1; } .v-autonumeric__optional, .v-datetime__optional { display: inline; } .v-autonumeric__hint, .v-datetime__hint { font-size: 12px; color: rgb(138, 150, 163); padding-left: 16px; padding-right: 16px; } .v-autonumeric__active-field .form-control, .v-datetime__active-field .form-control { border-color: rgba(0, 175, 240, 0.75); } .v-autonumeric__active-field .v-autonumeric__icon, .v-autonumeric__active-field .v-datetime__icon, .v-datetime__active-field .v-autonumeric__icon, .v-datetime__active-field .v-datetime__icon { color: rgb(138, 150, 163); } .v-autonumeric__active-field .v-autonumeric__label, .v-autonumeric__active-field .v-datetime__label, .v-datetime__active-field .v-autonumeric__label, .v-datetime__active-field .v-datetime__label { transform: translateY(-23px) scale(0.75); background-color: var(--bg-color); color: rgb(0, 145, 234); } .v-autonumeric__fill-field .v-autonumeric__label, .v-autonumeric__fill-field .v-datetime__label, .v-datetime__fill-field .v-autonumeric__label, .v-datetime__fill-field .v-datetime__label { transform: translateY(-23px) scale(0.75); background-color: var(--bg-color); } .v-autonumeric__error-field:not(.v-datetime__active-field) .form-control, .v-autonumeric__error-field:not(.v-datetime__active-field) .form-control:hover, .v-datetime__error-field:not(.v-datetime__active-field) .form-control, .v-datetime__error-field:not(.v-datetime__active-field) .form-control:hover { border-color: rgb(255, 96, 96); } .v-captcha-field { position: relative; } .v-captcha-field__img { position: absolute; top: 8px; left: 8px; } .v-captcha-field__img img { display: block; } .v-captcha-field__img img.m-error, .v-captcha-field__img img.m-loading { opacity: 0; } .v-captcha-field__img .g-icon.m-loader-captcha { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: rgb(138, 150, 163); } .v-captcha-field__img .g-icon-wrapper { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 10; } .v-captcha-field__img .g-icon-wrapper use[*|href*="#icon-alert"] { color: rgb(231, 108, 108); } .v-captcha-field .v-input .v-input__control .v-input__slot fieldset { padding-left: 128px; } .v-captcha-field .v-input .v-input__control .v-input__slot .v-text-field__slot { margin-left: 112px; } .v-captcha-field .v-input.v-input--is-dirty .v-input__control .v-input__slot fieldset, .v-captcha-field .v-input.v-input--is-focused .v-input__control .v-input__slot fieldset { padding-left: 12px; } .v-captcha-field .v-input.v-input--is-dirty .v-input__slot legend, .v-captcha-field .v-input.v-input--is-focused .v-input__slot legend { transform: translateX(8px); } .v-captcha-field .v-input.v-input--is-dirty .v-text-field__slot .v-label, .v-captcha-field .v-input.v-input--is-focused .v-text-field__slot .v-label { transform: translate(-112px, -21px) scale(0.75); } .v-datetime__error { color: rgb(255, 96, 96); font-size: 12px; line-height: 16px; padding: 4px 16px 0px; display: block; } .v-datetime__error-field.v-datetime__active-field .v-datetime__error { display: none; } .v-menu-overlay { z-index: 1041; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; max-width: 100%; background-color: var(--overlay-color); position: fixed; } @media (min-width: 768px) { .v-menu-overlay { display: none; } } .m-without-overlay ~ .v-menu-overlay { display: none; } @media (max-width: 1003.98px) and (orientation: landscape) { .v-menu-overlay { display: block; } } .vti__flag { display: inline-block; vertical-align: middle; width: 20px; max-width: 20px; flex: 0 0 20px; margin-right: 8px; } .v-input__prepend-inner .vti__flag { margin-top: -1px; } .b-separate-section .vti__flag { transform: scale(0.8); } .vti__flag + .v-list-item__title { max-width: calc(100% - 34px); } body .vti__icon { flex: 0 0 auto; margin-right: 8px; margin-bottom: 0px; line-height: 1; height: 24px; } .v-input__prepend-inner .vti__icon { margin-top: 5px; } .vti__icon img { width: 24px; height: 24px; } .g-input__suffix-value { position: absolute; left: 0px; top: 0px; pointer-events: none; padding-top: 13px; padding-left: 16px; color: var(--text-color); } .g-input__suffix-value.m-focused { color: rgba(138, 150, 163, 0.75); } .g-input__suffix-mask { visibility: hidden; } .b-field-expiration { display: flex; border: 1px solid rgba(138, 150, 163, 0.5); border-radius: 6px; transition: border-color 0.1s; position: relative; } .b-field-expiration::after { content: "/"; position: absolute; top: 13px; left: 60px; } @media (min-width: 1004px) { .b-field-expiration::after { left: 50px; } } .b-field-expiration.m-error { border-color: rgb(255, 96, 96); } .b-field-expiration.m-error::before { content: "\ue60f"; font-family: onlyfans; right: 11px; top: 50%; transform: translateY(-50%); position: absolute; font-size: 24px; line-height: 24px; color: rgb(255, 96, 96); } .b-field-expiration-wrapper { margin-bottom: 24px; } .b-field-expiration-wrapper__hint { font-size: 12px; line-height: 16px; margin: 4px 16px 0px; color: rgb(138, 150, 163); } .b-field-expiration-wrapper__hint.m-error { color: rgb(255, 96, 96); } .b-field-expiration-wrapper__hint p { margin-bottom: 0px; } .b-field-expiration-wrapper__hint p:empty { display: none; } .b-field-expiration.m-focused { border-color: rgba(0, 175, 240, 0.75); } .b-field-expiration .g-input__wrapper.m-month-field { flex: 0 0 60px; margin-right: 7px; } @media (min-width: 1004px) { .b-field-expiration .g-input__wrapper.m-month-field { flex: 0 0 50px; } } .b-field-expiration .g-input__wrapper.m-year-field { flex: 1 1 0%; } .b-field-expiration__label { position: absolute; left: 12px; top: -8px; font-size: 12px; line-height: 16px; padding-left: 4px; padding-right: 4px; background-color: var(--bg-color); color: rgb(138, 150, 163); } .m-focused .b-field-expiration__label { color: rgb(0, 175, 240); } .m-error .b-field-expiration__label { color: rgb(255, 96, 96); } .v-progress-linear { background: transparent; overflow: hidden; position: relative; transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1); width: 100%; } .v-progress-linear--absolute { position: absolute; } .v-progress-linear__buffer { height: inherit; left: 0px; position: absolute; top: 0px; transition: inherit; width: 100%; } .v-progress-linear .v-progress-linear__indeterminate { background: rgb(0, 175, 240); } .v-progress-linear .v-progress-linear__indeterminate .long, .v-progress-linear .v-progress-linear__indeterminate .short { animation-play-state: paused; background-color: inherit; inset: 0px auto 0px 0px; height: inherit; position: absolute; width: auto; will-change: left, right; } .v-progress-linear .v-progress-linear__indeterminate--active .long, .v-progress-linear .v-progress-linear__indeterminate--active .short { animation-duration: 2.2s; animation-iteration-count: infinite; } .v-progress-linear .v-progress-linear__indeterminate--active .short { animation-name: indeterminate-short-ltr; } .v-progress-linear .v-progress-linear__indeterminate--active .long { animation-name: indeterminate-ltr; } .v-progress-linear.v-progress-linear--visible .v-progress-linear__indeterminate--active .long, .v-progress-linear.v-progress-linear--visible .v-progress-linear__indeterminate--active .short { animation-play-state: running; } .vue-tel-input-vuetify.form-control { position: relative; } .vue-tel-input-vuetify.form-control[disabled] .v-input.v-select .v-select__slot::after { pointer-events: none; } .vue-tel-input-vuetify.form-control[disabled] .v-input.v-select .v-select__slot .v-icon.v-icon--disabled { color: inherit !important; } .vue-tel-input-vuetify.form-control[disabled] .v-input.v-text-field.v-text-field--prefix.v-input--is-disabled .v-label { opacity: 1; } .vue-tel-input-vuetify.form-control[disabled] .v-input.v-text-field.v-text-field--prefix.v-input--is-disabled fieldset { opacity: 1; background-color: rgba(138, 150, 163, 0.08); } .vue-tel-input-vuetify.form-control .country-code { position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; pointer-events: none; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__append-inner .v-input__icon, .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__prepend-inner .v-input__icon { width: 60px; flex: 0 0 60px; height: 36px; position: relative; font-size: 24px; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__append-inner .v-icon.v-icon, .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__prepend-inner .v-icon.v-icon { width: 60px; flex: 0 0 60px; height: 36px; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__append-inner .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__prepend-inner .v-icon.v-icon::after { transform: none; left: auto; right: 5px; top: 7px; width: 24px; height: 24px; line-height: 24px; transition: transform 0.1s; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select .v-input__append-inner { margin-left: 0px; margin-right: 0px; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select.v-select--is-menu-active .v-input__icon--append .v-icon { transform: none; } .vue-tel-input-vuetify.form-control .country-code .v-input.v-text-field--enclosed.v-select.v-select--is-menu-active .v-input__icon--append .v-icon::after { transform: rotate(180deg); } .vue-tel-input-vuetify.form-control .country-code .v-input__slot { margin-bottom: 0px; } .vue-tel-input-vuetify.form-control .country-code .v-input__slot fieldset { border: medium; width: 72px; pointer-events: auto; padding: 0px; cursor: pointer; } .vue-tel-input-vuetify.form-control .country-code .v-select__slot { width: 72px; margin-left: -16px; pointer-events: auto; position: relative; } .vue-tel-input-vuetify.form-control .country-code .v-select__slot .v-input__append-inner { left: 0px; right: 0px; padding: 0px; margin: 0px; flex: 1 1 0%; justify-content: center; user-select: none; } .vue-tel-input-vuetify.form-control .country-code .v-text-field--outlined.v-select:not(.v-text-field--single-line) .v-select__selections { padding: 0px 0px 0px 14px; min-width: 100%; position: absolute; left: 0px; top: 0px; display: flex; align-content: center; align-items: center; height: 100%; } .vue-tel-input-vuetify.form-control > .v-input:not(.v-select).v-input--is-focused > .v-input__control > .v-input__slot fieldset::before { background-color: rgba(0, 175, 240, 0.75); } .vue-tel-input-vuetify.form-control > .v-input > .v-input__control > .v-input__slot fieldset { padding-left: 88px; } .vue-tel-input-vuetify.form-control > .v-input > .v-input__control > .v-input__slot fieldset::before { content: ""; position: absolute; left: 70px; bottom: 0px; width: 1px; height: 46px; background-color: rgba(138, 150, 163, 0.5); transition: background-color 0.1s; } .vue-tel-input-vuetify.form-control > .v-input > .v-input__control > .v-input__slot > .v-text-field__slot { margin-left: 73px; } .vue-tel-input-vuetify.form-control > .v-input > .v-input__control > .v-input__slot:hover fieldset::before { background-color: rgb(138, 150, 163); } .vue-tel-input-vuetify.form-control > .v-input.v-input--is-dirty > .v-input__control > .v-input__slot fieldset, .vue-tel-input-vuetify.form-control > .v-input.v-input--is-focused > .v-input__control > .v-input__slot fieldset { padding-left: 12px; } .vue-tel-input-vuetify.form-control > .v-input.v-input--is-dirty .v-input__slot legend, .vue-tel-input-vuetify.form-control > .v-input.v-input--is-focused .v-input__slot legend { transform: translateX(-74px); } .vue-tel-input-vuetify.form-control > .v-input.v-input--is-dirty .v-text-field__slot .v-label, .vue-tel-input-vuetify.form-control > .v-input.v-input--is-focused .v-text-field__slot .v-label { transform: translate(-72px, -21px) scale(0.75); background-color: var(--bg-color); } .vue-tel-input-vuetify.form-control > .v-input.error--text:not(.v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled)) fieldset::before { background-color: rgb(255, 96, 96); } .vue-tel-input-vuetify.form-control .v-input { flex-wrap: wrap; } .vue-tel-input-vuetify.form-control .v-input .v-select__selection--comma, .vue-tel-input-vuetify.form-control .v-input .v-select__selection--comma.v-select__selection--disabled, .vue-tel-input-vuetify.form-control .v-input input, .vue-tel-input-vuetify.form-control .v-input textarea { color: var(--text-color); } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input .v-select__selection--comma, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input .v-select__selection--comma.v-select__selection--disabled, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input input, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input textarea { color: rgb(254, 254, 254); } .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 48px; } .m-sm-height .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .m-sm-height .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .m-sm-height .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 36px; } .b-field-expiration .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .b-field-expiration .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .b-field-expiration .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 46px; } .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 40px; } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--filled > .v-input__control > .v-input__slot, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width > .v-input__control > .v-input__slot, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined > .v-input__control > .v-input__slot { min-height: 35px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined legend { transition: none; margin-bottom: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined .v-label { top: 14px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined .v-label[style*="left: -"] { left: 0px !important; } .m-streaming .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined .v-label { margin-left: 32px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input input, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input textarea, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-select .v-select__selection--comma, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-select .v-select__selection--comma.v-select__selection--disabled { color: var(--text-color); } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input input, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input textarea, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-select .v-select__selection--comma, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-select .v-select__selection--comma.v-select__selection--disabled { color: rgb(254, 254, 254); } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined:not(.v-select).error--text .g-input__field-control { right: 50px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused fieldset { border-width: 1px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select) fieldset { border-color: rgba(0, 175, 240, 0.75); } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgb(138, 150, 163); } .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: var(--text-color); } .m-black-body .m-price-stream .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgb(254, 254, 254); } .m-stream-body .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: var(--text-color); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select):not(.v-input--is-dirty) .v-text-field__prefix { color: rgba(255, 255, 255, 0.75); } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select) .v-text-field__prefix { display: block; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused:not(.v-select).error--text .g-input__field-control { opacity: 0.4; pointer-events: none; right: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-dirty .v-input__icon--clear { opacity: 1; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-dirty .v-text-field__prefix, .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-label-active .v-text-field__prefix { color: var(--text-color); display: block; } .m-mode-dark .m-modal-view .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-dirty .v-text-field__prefix, .m-mode-dark .m-modal-view .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-label-active .v-text-field__prefix { color: rgb(254, 254, 254); } .m-streaming .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-dirty .v-label, .m-streaming .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-focused .v-label, .m-streaming .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.v-input--is-label-active .v-label { margin-left: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined, .vue-tel-input-vuetify.form-control .v-input.v-text-field--solo { border-radius: 6px; } .b-comment-form.m-field-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined, .b-comment-form.m-field-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--solo { border-radius: 24px; background-color: rgba(0, 0, 0, 0.12); overflow: hidden; } .b-comment-form.m-field-form.m-privacy-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined, .b-comment-form.m-field-form.m-privacy-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--solo { background-color: transparent; } .b-stream-wrapper .b-comment-form.m-attachment-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined, .b-stream-wrapper .b-comment-form.m-attachment-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--solo { border-top-left-radius: 0px; border-top-right-radius: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details { margin-bottom: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.error--text .v-input__append-outer .g-input__help:first-child, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.error--text .v-input__append-outer .g-input__help:first-child { padding-top: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select .v-input__append-inner .v-input__icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select .v-input__prepend-inner .v-input__icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select .v-input__append-inner .v-input__icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select .v-input__prepend-inner .v-input__icon { flex: 0 0 36px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select .v-input__append-inner .v-icon.v-icon.mdi-menu-down::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select .v-input__prepend-inner .v-icon.v-icon.mdi-menu-down::after { content: "\ue60d"; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner { position: absolute; left: 17px; top: 0px; bottom: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; margin: 0px; height: 100%; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner .vti__icon { margin-top: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot .v-select__selection, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot input, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot .v-select__selection, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot input { padding-left: 32px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot label, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width.v-select.m-with-icon-prepend .v-input__prepend-inner ~ .v-select__slot label { left: auto !important; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__append-inner button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__append-inner button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__prepend-inner button.v-icon.v-icon::before { content: ""; border-radius: inherit; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; height: 100%; background-color: rgb(0, 145, 234); opacity: 0; display: block; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::before { width: 24px; height: 24px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__append-inner .v-input__icon--clear .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__prepend-inner .v-input__icon--clear .v-icon.v-icon::after { font-size: 16px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__append-inner:hover button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner:hover button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__append-inner:hover button.v-icon.v-icon::before, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__prepend-inner:hover button.v-icon.v-icon::before { opacity: 0.06; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__append-inner:hover .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width:not(.v-select) .v-input__prepend-inner:hover .v-icon.v-icon { color: rgb(0, 145, 234); } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer { margin: 0px; flex-wrap: wrap; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__field-control ~ .g-input__help, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__field-control ~ .g-input__help { padding-top: 3px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help { flex: 0 0 100%; } .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help { display: none; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help:first-child { padding-top: 4px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total), .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) { flex-basis: 50%; padding-right: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) ~ .b-text-field-details__total, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help:first-child:has(~ .b-text-field-details__total) ~ .b-text-field-details__total { text-align: right; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-outer .g-input__help.m-width-short, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-outer .g-input__help.m-width-short { flex: 0 0 65%; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner { margin-top: 0px; align-content: center; align-items: center; height: 48px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner:last-of-type, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner:last-of-type, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner:last-of-type, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner:last-of-type { margin-right: -10px; margin-left: 4px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner .b-field-loader, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner .b-field-loader, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner .b-field-loader, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner .b-field-loader { width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { width: 36px; height: 36px; line-height: 36px; text-align: center; font-style: normal; color: rgb(138, 150, 163); border-radius: inherit; transition: background-color 0.1s, color 0.1s, transform 0.1s; cursor: pointer; } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { color: rgba(255, 255, 255, 0.75); } .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner .v-icon.v-icon, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon { width: 26px; height: 26px; font-size: 16px; line-height: 28px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__append-inner .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-input__prepend-inner .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__append-inner .v-icon.v-icon::after, .vue-tel-input-vuetify.form-control .v-input.v-text-field--full-width .v-input__prepend-inner .v-icon.v-icon::after { content: "\ue60e"; font-family: onlyfans; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: transparent; opacity: 1; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 16px; padding-right: 16px; } .m-month-field .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .m-month-field .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-right: 0px; } .m-with-field-control .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .m-with-field-control .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-right: 48px; } .b-stream-wrapper .b-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .b-stream-wrapper .b-comment-form .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 48px; padding-right: 18px; } .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot, .m-border-underline .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed .v-text-field__details, .m-border-underline .vue-tel-input-vuetify.form-control .v-input.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding-left: 0px; padding-right: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--prefix input { margin-left: 6px; } .m-solid-prefix .vue-tel-input-vuetify.form-control .v-input.v-text-field--prefix input, .vote-input .vue-tel-input-vuetify.form-control .v-input.v-text-field--prefix input { margin-left: 0px; } .vue-tel-input-vuetify.form-control .v-input .v-text-field__details { min-height: auto; } .vue-tel-input-vuetify.form-control .v-input .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-top: 4px; } .b-loginreg__form .vue-tel-input-vuetify.form-control .v-input .v-text-field__details .v-messages .v-messages__wrapper .v-messages__message { padding-bottom: 4px; } .vote-input .vue-tel-input-vuetify.form-control .v-input { padding: 0px; } .b-make-post__voting .vote-input .vue-tel-input-vuetify.form-control .v-input { border: medium; height: auto; background-color: transparent; } .vue-tel-input-vuetify.form-control .v-input:not(.v-text-field--placeholder) .v-text-field__prefix { display: none; } .modal .vue-tel-input-vuetify.form-control .v-input { z-index: 0; } .vue-tel-input-vuetify.form-control .v-input:not(.v-select).v-input--is-focused:not(.error--text.v-input--is-readonly) .v-label { color: rgb(0, 175, 240); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input:not(.v-select).v-input--is-focused:not(.error--text.v-input--is-readonly) .v-label { color: rgb(254, 254, 254); } .g-pointer-cursor .vue-tel-input-vuetify.form-control .v-input.v-input--is-readonly.theme--light:hover fieldset { border-color: rgb(138, 150, 163); } .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(138, 150, 163, 0.5); } .g-input__wrapper.m-opened-results .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(255, 255, 255, 0.5); } .m-privacy-comment-form .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-style: dashed; } .m-black-body .b-stream-wrapper .m-privacy-comment-form.m-emoji-comment-form .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-top-style: solid; } .story-ran .b-comment-form.m-field-form .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(255, 255, 255, 0.75); } .m-black-body .b-stream-wrapper .b-comment-form .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(255, 255, 255, 0.75); z-index: 1; } .m-black-body .b-stream-wrapper .b-comment-form.m-attachment-comment-form .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-top-color: rgba(255, 255, 255, 0.25); } .b-ticket .m-border-underline .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(138, 150, 163, 0.25); } .vote-input.m-right-answer .vue-tel-input-vuetify.form-control .v-input.theme--light fieldset { border-color: rgba(53, 208, 99, 0.5); } .m-black-body .b-stream-wrapper .vue-tel-input-vuetify.form-control .v-input.theme--light:not(.v-select).v-input--is-focused input::placeholder, .m-black-body .b-stream-wrapper .vue-tel-input-vuetify.form-control .v-input.theme--light:not(.v-select).v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.4); } .m-black-body .b-stream-wrapper .vue-tel-input-vuetify.form-control .v-input.theme--light:not(.v-select).v-input--is-focused input::placeholder, .m-black-body .b-stream-wrapper .vue-tel-input-vuetify.form-control .v-input.theme--light:not(.v-select).v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.4); } .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: rgb(138, 150, 163); -webkit-text-fill-color: rgb(138, 150, 163); } .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: rgb(138, 150, 163); -webkit-text-fill-color: rgb(138, 150, 163); } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: rgba(255, 255, 255, 0.75); -webkit-text-fill-color: rgba(255, 255, 255, 0.75); } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: rgba(255, 255, 255, 0.75); -webkit-text-fill-color: rgba(255, 255, 255, 0.75); } .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: var(--text-color); -webkit-text-fill-color: var(--text-color); } .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.theme--light input::placeholder, .m-placeholder-free .vue-tel-input-vuetify.form-control .v-input.theme--light textarea::placeholder { color: var(--text-color); -webkit-text-fill-color: var(--text-color); } .vue-tel-input-vuetify.form-control .v-input.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.5); } .vote-input .vue-tel-input-vuetify.form-control .v-input.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.4); } .m-modal-view .vue-tel-input-vuetify.form-control .v-input.theme--dark fieldset { border-color: rgba(138, 150, 163, 0.5); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.theme--dark fieldset { border-color: rgba(255, 255, 255, 0.5); } .m-modal-view .vue-tel-input-vuetify.form-control .v-input.theme--dark input, .m-modal-view .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea { color: rgb(254, 254, 254); } .vue-tel-input-vuetify.form-control .v-input.theme--dark input::placeholder, .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .vue-tel-input-vuetify.form-control .v-input.theme--dark input::placeholder, .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.theme--dark input::placeholder, .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.theme--dark input::placeholder, .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea::placeholder { color: rgba(255, 255, 255, 0.75); } .b-form-stream-info .vue-tel-input-vuetify.form-control .v-input.theme--dark textarea { padding-top: 0px; line-height: 24px; } .m-modal-view .vue-tel-input-vuetify.form-control .v-input .v-input__slot:hover fieldset, .vue-tel-input-vuetify.form-control .v-input .v-input__slot:hover fieldset { border-color: rgb(138, 150, 163); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input .v-input__slot:hover fieldset { border-color: rgba(255, 255, 255, 0.75); } .vote-input.m-right-answer .vue-tel-input-vuetify.form-control .v-input .v-input__slot:hover fieldset { border-color: rgb(53, 208, 99); } .vue-tel-input-vuetify.form-control .v-input.v-input--is-readonly:hover fieldset { border-color: rgba(138, 150, 163, 0.5); } .vue-tel-input-vuetify.form-control .v-input.g-pointer-cursor .v-input__slot { pointer-events: none; } .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled)) fieldset { border-color: rgb(255, 96, 96); border-width: 1px; } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-input--is-focused:not(.v-input--is-readonly):not(.v-input--is-disabled)) fieldset { border-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 96, 96, 0.25); } .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-select) fieldset::after { content: "\ue60f"; font-family: onlyfans; right: 11px; top: 6px; position: absolute; font-size: 24px; line-height: 24px; color: rgb(255, 96, 96); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-select) fieldset::after { color: rgb(254, 254, 254); } .form-control.m-sm-height .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-select) fieldset::after { top: 0px; } .vote-input .vue-tel-input-vuetify.form-control .v-input.error--text:not(.v-select) fieldset::after { display: none; } .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible) .v-icon.v-icon.mdi-menu-down, .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover .v-icon.v-icon.mdi-menu-down { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible) .v-icon.v-icon.mdi-menu-down, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover .v-icon.v-icon.mdi-menu-down { background-color: rgba(255, 255, 255, 0.12); color: rgb(254, 254, 254); } .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible).v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down, .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover.v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):has(input:focus-visible).v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down, .m-stream-body .vue-tel-input-vuetify.form-control .v-input.v-select:not(.v-input--is-disabled):not(.v-input--is-readonly):hover.v-select--is-menu-active .v-input__icon .v-icon.v-icon.mdi-menu-down { background-color: rgba(255, 255, 255, 0.12); color: rgb(254, 254, 254); } .vue-tel-input-vuetify.form-control .v-input.v-select.v-select--is-menu-active .v-input__icon--append .v-icon { transform: rotate(180deg); } .vue-tel-input-vuetify.form-control .v-input fieldset { padding-left: 12px; transition: border-color 0.1s; } .b-field-expiration .vue-tel-input-vuetify.form-control .v-input fieldset { border: medium; } .vue-tel-input-vuetify.form-control .v-input label { margin: 0px; transform-origin: left top 0px; } .vue-tel-input-vuetify.form-control .v-input label .v-input__prepend-inner { position: absolute; } .vue-tel-input-vuetify.form-control .v-input input, .vue-tel-input-vuetify.form-control .v-input textarea { font-size: 16px; line-height: 20px; caret-color: rgb(0, 145, 234); } .vue-tel-input-vuetify.form-control .v-input input::placeholder, .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { opacity: 1; } .vue-tel-input-vuetify.form-control .v-input input::placeholder, .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { opacity: 1; } .m-no-border:not(.m-placeholder-full-lgray) .vue-tel-input-vuetify.form-control .v-input input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { color: rgba(138, 150, 163, 0.75); } .m-no-border:not(.m-placeholder-full-lgray) .vue-tel-input-vuetify.form-control .v-input input::placeholder, .m-no-border:not(.m-placeholder-full-lgray) .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { color: rgba(138, 150, 163, 0.75); } .m-no-border.m-placeholder-full-lgray .vue-tel-input-vuetify.form-control .v-input input::placeholder, .m-no-border.m-placeholder-full-lgray .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { color: rgb(138, 150, 163); } .m-no-border.m-placeholder-full-lgray .vue-tel-input-vuetify.form-control .v-input input::placeholder, .m-no-border.m-placeholder-full-lgray .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { color: rgb(138, 150, 163); } .vote-input .vue-tel-input-vuetify.form-control .v-input input::placeholder, .vote-input .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { font-weight: 400; } .vote-input .vue-tel-input-vuetify.form-control .v-input input::placeholder, .vote-input .vue-tel-input-vuetify.form-control .v-input textarea::placeholder { font-weight: 400; } .vue-tel-input-vuetify.form-control .v-input input { max-height: 46px; padding-top: 14px; padding-bottom: 14px; text-overflow: ellipsis; } .m-sm-height .vue-tel-input-vuetify.form-control .v-input input { max-height: 36px; padding-top: 10px; padding-bottom: 10px; } .b-field-expiration .vue-tel-input-vuetify.form-control .v-input input { max-height: 46px; } .vote-input .vue-tel-input-vuetify.form-control .v-input input { max-height: 40px; height: 40px; padding-top: 10px; padding-bottom: 10px; padding-right: 44px; font-size: 14px; font-weight: 500; } .m-stream-body .vote-input .vue-tel-input-vuetify.form-control .v-input input { font-weight: 400; } .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input input { max-height: 35px; height: 35px; padding: 7px 42px 8px 34px; } .b-comment-form.m-field-form .b-comment-form__input .vue-tel-input-vuetify.form-control .v-input input { max-height: 48px; height: 48px; padding: 12px 42px 12px 0px; } .v-input--is-disabled .vue-tel-input-vuetify.form-control .v-input .v-input__control { pointer-events: none; } .g-pointer-cursor .v-input--is-readonly .vue-tel-input-vuetify.form-control .v-input .v-input__control { background: none; } .vue-tel-input-vuetify.form-control .v-input .v-input__icon { width: 36px; height: 36px; border-radius: 1000px; transition: background-color 0.3s; } .vote-input .vue-tel-input-vuetify.form-control .v-input .v-input__icon.v-input__icon--clear { width: 26px; height: 26px; } .vue-tel-input-vuetify.form-control .v-input .v-input__icon .v-icon { transition: transform 0.3s; } .vue-tel-input-vuetify.form-control .v-input .v-input__slot { margin-bottom: 0px; } .vue-tel-input-vuetify.form-control .v-input .v-input__append-outer, .vue-tel-input-vuetify.form-control .v-input .v-input__prepend-outer { display: flex; } .vue-tel-input-vuetify.form-control .v-input .v-input__append-outer { flex: 1 1 0%; } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction] > .v-input__control > .v-input__slot fieldset::before { background-color: rgba(0, 175, 240, 0.75); } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction="up"].error--text .v-input__slot::after { border-left-color: rgb(255, 96, 96); border-right-color: rgb(255, 96, 96); } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction="up"] .v-input__slot { z-index: 1; } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction="up"] .v-input__slot::after { content: ""; position: absolute; inset: 0px 0px auto; height: 7px; background: var(--bg-color); display: block; border-width: medium 1px; border-style: none solid; border-color: currentcolor rgba(0, 175, 240, 0.75); border-image: none; transform: translateY(-7px); z-index: -1; } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction="up"] fieldset { border-color: rgba(0, 175, 240, 0.75); border-top-left-radius: 0px; border-top-right-radius: 0px; } .vue-tel-input-vuetify.form-control .v-input:not(.v-select)[v-menu-direction="down"] fieldset { border-color: rgba(0, 175, 240, 0.75); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vue-tel-input-vuetify.form-control .v-input.v-text-field--outlined.error--text > .v-input__control > .v-input__slot { padding-right: 36px; } @keyframes indeterminate-short-ltr { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-ltr { 0% { left: -90%; right: 100%; } 60% { left: -90%; right: 100%; } 100% { left: 100%; right: -35%; } } .video-wrapper { position: relative; background: rgb(0, 0, 0); overflow: hidden; z-index: 1; } .video-wrapper .video-js { height: 100%; display: flex; flex-direction: column; place-content: flex-start; align-items: flex-start; } .m-has-addressbar .video-wrapper .video-js { max-height: inherit; } .post_media .video-wrapper { display: flex; flex-direction: column; place-content: center; align-items: center; width: 100%; height: 100%; max-height: inherit; } .post_media .video-wrapper[style*="padding-top"] { align-self: flex-start; position: static; min-height: inherit; } .post_media .video-wrapper[style*="padding-top"] .video-js, .post_media .video-wrapper[style*="padding-top"] .video-trigger { position: absolute; inset: 0px; max-height: calc(var(--vh, 1vh)*100 - 120px); height: 100%; } .b-chat__message .post_media .video-wrapper[style*="padding-top"] .video-js, .b-chat__message .post_media .video-wrapper[style*="padding-top"] .video-trigger { max-height: 100%; } .post_media .video-wrapper[style*="padding-top"] .b-placeholder-preview { height: 100%; position: relative; pointer-events: none; } .post_media .video-wrapper[style*="padding-top"] .b-placeholder-preview::after { position: absolute; inset: 0px; z-index: 1; content: ""; } .post_media.m-has-addressbar .video-wrapper[style*="padding-top"][style*="max-height"] { max-height: inherit !important; } .post_media.m-has-addressbar .video-wrapper[style*="padding-top"][style*="max-height"] .video-js, .post_media.m-has-addressbar .video-wrapper[style*="padding-top"][style*="max-height"] .video-trigger { max-height: inherit; } .video-wrapper__controls { pointer-events: none; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; width: 70%; } .video-wrapper__controls .g-btn { pointer-events: auto; } .b-youtube_container { position: relative; } .b-post .b-youtube_container { margin: 12px -16px 0px; width: calc(100% + 32px); } .b-youtube_container iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; border: 0px; } .embed_video_container, .oftv_container, .youtube_container { position: relative; width: 100%; height: 0px; padding-top: 56.25%; } .post_media .embed_video_container, .post_media .oftv_container, .post_media .youtube_container { z-index: 3; } .b-user-header { position: relative; min-height: 48px; padding: 0px 0px 0px 60px; line-height: 1.3334; margin-bottom: 10px; } .b-user-header.m-size-avatar-36 { padding-left: 50px; min-height: 36px; } .m-user-economy .b-user-header.m-size-avatar-36 { padding-left: 47px; } .b-user-header.m-reset-mb { margin-bottom: 0px; } .b-modal__custom-name .b-user-header { margin: 7px 0px 28px; } .b-user-header.m-modal-header { margin: 9px 0px 28px; } .b-user-header.m-absolute-pos { position: absolute; } .m-responsive__equal-width_float .b-user-header.m-absolute-pos { left: 0px; right: 0px; } .m-fans .b-user-header { margin-bottom: 5px; padding-left: 64px; padding-right: 22px; } .m-helpers .m-fans .b-user-header { margin-bottom: 8px; } .b-user-header .b-username-row:not(.m-reset-mt):first-of-type { margin-top: 3px; } .b-user-header .b-username-row.m-gap-lg { margin-bottom: 5px; } .b-purchase { padding: 16px; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-purchase__state { width: 48px; height: 48px; flex: 0 0 48px; line-height: 56px; border-radius: 50%; border: 1px solid rgba(138, 150, 163, 0.4); text-align: center; cursor: pointer; position: relative; overflow: hidden; transition: border-color 0.3s; } .b-photos .b-purchase__state { position: absolute; right: 12px; top: 12px; } .b-purchase__state.state-clicked { border-color: rgb(0, 175, 240); } .b-purchase__state.state-clicked .g-icon { opacity: 0; } .b-purchase__state .g-icon { color: rgb(0, 175, 240); transition: opacity 0.3s; } @media (max-width: 767.98px) { .b-photos .b-purchase__state .g-icon { opacity: 0; pointer-events: none; } } .b-purchase__cost { color: rgb(0, 175, 240); font-weight: 500; } @media (max-width: 767.98px) { .b-photos .b-purchase__cost { display: none; } } .b-purchase__list { list-style: none; margin: 0px; padding: 0px; display: inline-block; flex-grow: 1; vertical-align: top; min-width: 0px; font-size: 12px; line-height: 16px; font-weight: 500; } .b-photos .b-purchase__list { max-width: 100%; } @media (max-width: 767.98px) { .b-photos .b-purchase__list { margin-bottom: 0px; } } .b-purchase__list.m-disable-text-truncate { text-overflow: clip; } .b-purchase__list-item { position: relative; display: inline-flex; vertical-align: top; } .b-purchase__list-item.m-disable-dot-separator::after { display: none; } .b-purchase__list-item.m-truncate-item { padding-left: 0px; } .b-purchase__list-item.m-without-counter .g-icon { margin-right: 0px; } .b-purchase__list-item.m-price-lock:not(:first-child) { margin-left: 12px; } .b-purchase__list-item:last-child::after { content: none; } .b-purchase__list-item::after { content: "•"; color: inherit; margin-left: 4px; margin-right: 4px; } .b-purchase__list-item .g-icon { margin-right: 0px; display: inline-block; vertical-align: top; } .b-purchase__list-item .g-icon:not(.m-icon-extra-sm) { width: 16px; height: 16px; flex: 0 0 16px; } .b-purchase__list-item__count + .g-icon, .g-icon + .b-purchase__list-item__count { margin-left: 3px; } .b-purchase__list-item__count:empty { display: none; } .v-list-item:not(.v-list-item--active) .payment-method--internal-only .payment-method__image, .v-select__selections .payment-method--internal-only .payment-method__image { color: rgb(138, 150, 163); } .m-stream-body .v-list-item:not(.v-list-item--active) .payment-method--internal-only .payment-method__image, .m-stream-body .v-select__selections .payment-method--internal-only .payment-method__image { color: rgba(255, 255, 255, 0.9); } .m-stream-body .v-list-item:not(.v-list-item--active) .payment-method--internal-only .payment-method__image .g-icon, .m-stream-body .v-select__selections .payment-method--internal-only .payment-method__image .g-icon { opacity: 0.75; } .v-select .payment-method__image { margin-left: -5px; } .v-list-item__content:has(.payment-method__image) { margin-left: -5px; } .payment-method { font-weight: 500; display: flex; } body .v-list-item.v-list-item--disabled .payment-method { opacity: 1; } .payment-method__image { width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .v-list-item--disabled .payment-method__image { opacity: 0.4; } .payment-method .payment-method__image + .v-list-item__title { max-width: calc(100% - 14px); } .payment-method__image.m-colored { color: rgb(0, 175, 240); } .m-stream-body .payment-method__image.m-colored { color: rgb(254, 254, 254); } .payment-method .v-list-item__title { margin-right: auto; flex: 0 0 auto; max-width: 100%; } .v-list-item--disabled .payment-method .v-list-item__title { opacity: 0.4; } .payment-method .g-btn { margin-left: 10px; pointer-events: auto; } .v-list-item--link.v-list-item--active .v-list-item__content .payment-method .g-btn { color: inherit; } .v-list-item--link.v-list-item--active .v-list-item__content .payment-method .g-btn:hover { opacity: 0.6; } .b-available-users__item { padding: 12px 16px 11px; border: medium; position: relative; width: 100%; text-align: left; display: flex; flex-flow: wrap; align-content: center; align-items: center; min-height: 72px; } .b-available-users__item.m-place-for-media { padding-left: 80px; } .b-available-users__item.m-place-for-media::before { left: 80px; } .b-available-users__item:has(.b-available-users__item__icon:first-child + .b-available-users__round-img) { padding-left: 0px; } .b-available-users__item:has(.g-avatar.m-w50) .g-avatar { margin-right: 12px; } .b-available-users__item:has(+ .infinite-loading-container .infinite-status-prompt[style*="display: none;"] .b-posts_preloader)::before { content: none; } .b-available-users__item::before { content: ""; background-color: rgba(138, 150, 163, 0.25); height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; } .swipeout .b-available-users__item::before { width: 200%; } .b-users .b-available-users__item::before { display: none; } .b-available-users__item__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 18px; line-height: 20px; } .b-available-users__item__icon:last-child { right: 16px; left: auto; } .b-available-users__item__icon > * { vertical-align: top; } .b-available-users__item > .b-username-row { flex: 0 0 100%; } .b-available-users__item .b-username-row [class*="g-user-"] { display: block; } .b-available-users__item .b-username-row [class*="g-user-"].m-verified { display: inline-block; vertical-align: top; max-width: 100%; } .b-available-users__round-img { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); display: flex; align-content: center; align-items: center; } .b-available-users__round-img:has(.g-avatar.m-w50) { width: 50px; height: 50px; flex: 0 0 50px; } @media (any-hover: hover) and (pointer: fine) { .b-available-users__round-img:has(.b-notifications__avatar__icon) .g-avatar:focus-visible .g-avatar__img-wrapper::after, .b-available-users__round-img:has(.b-notifications__avatar__icon) .g-avatar:focus-visible .g-avatar__placeholder::before { outline-offset: 6px; } } .alert { display: block; border-radius: 6px; padding: 10px 16px 10px 40px; margin-bottom: 16px; font-size: 16px; line-height: 24px; position: relative; } .b-feed-alerts .alert:last-child, .b-group-alerts .alert:last-child { margin-bottom: 0px; } .g-page__header + .alert { margin-top: 8px; } .b-separate-section + .alert { margin-top: 20px; } .g-section + .alert { margin-top: 10px; } .b-separate-section .g-section + .alert { margin-top: 7px; } .g-section.m-mb-20 + .alert { margin-top: -10px; } .alert + .b-banking-wrapper .g-section-title:first-child { margin-top: -16px; } .b-banking-wrapper > .alert:first-child { box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .alert .g-icon-info { vertical-align: top; margin-top: 2px; } .alert.m-reset-mb { margin-bottom: 0px; } .alert .g-icon.m-alert-icon { left: 8px; top: 11px; position: absolute; } .b-tabs__nav + .alert:not(.m-wider) { margin-top: 20px; } .alert:not(.m-wider).m-reset-mt { margin-top: 0px; } .alert.m-wider { border-right: medium; border-left: medium; border-image: none; border-radius: 0px; background-color: var(--bg-color); border-top: 8px solid var(--marked-color); border-bottom: 8px solid var(--marked-color); box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset, rgba(138, 150, 163, 0.25) 0px 1px 0px 0px inset; } .b-group-alerts .alert.m-wider:first-child { border-top: medium; box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .b-group-alerts .alert.m-wider:first-child:last-child { box-shadow: none; } .alert.m-wider.m-reset-narrow-bt { box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .alert.m-wider.m-reset-narrow-bb, .b-group-alerts .alert.m-wider:last-child { box-shadow: rgba(138, 150, 163, 0.25) 0px 1px 0px 0px inset; } .b-group-alerts .alert.m-wider:last-child { border-bottom: medium; } .b-tabs__nav.m-tabs-default + .alert.m-wider { box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .b-tabs__nav.m-tabs-default + .b-separate-section .alert.m-wider:first-child { border-top: medium; box-shadow: rgba(138, 150, 163, 0.25) 0px 1px 0px 0px inset; } .g-sides-gaps .alert.m-wider { width: auto; margin-left: -16px; margin-right: -16px; } .b-feed__wrapper .b-create-post-form + .alert.m-wider { margin-top: -9px; margin-left: 0px; margin-right: 0px; } .g-page__header + .alert.m-wider { border-top: medium; margin-top: -9px; box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .g-page__header.mb-0 + .alert.m-wider { margin-top: 0px; } .g-page__header.m-gap-lg + .alert.m-wider { margin-top: -14px; } .b-separate-section:not(.m-reset-mb) .alert.m-wider:first-child { margin-top: -18px; } .b-feed-alerts .alert.m-wider { position: relative; z-index: 1; } .b-feed-alerts .alert.m-wider + .b-feed-alerts__scroll-section { margin-top: -25px; position: relative; z-index: 0; } .alert.m-wider + .alert.m-wider { margin-top: -24px; border-top: medium; box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .alert.m-wider.m-following-group-alerts + .b-separate-section { margin-top: -8px; } .alert.m-wider.m-following-group-alerts + .b-separate-section .alert.m-wider:first-child { border-top: medium; box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .alert.m-wider.m-reset-bold-border-b { border-bottom: medium; } .alert.m-wider.m-reset-bold-border-t { border-top: medium; } .alert.m-wider + .user_posts { padding-top: 0px; } .alert.m-no-border { border-top: medium; border-bottom: medium; box-shadow: rgba(138, 150, 163, 0.25) 0px -1px 0px 0px inset; } .g-btn__wrapper + .alert { margin-top: -12px; } @media (max-width: 767.98px) { .chat-footer__alert .alert { margin-left: 16px; margin-right: 16px; } } .alert .g-btn { align-self: flex-end; margin-top: 0px; } .alert hr { border-top-color: currentcolor; } .alert-danger { border: 1px solid rgba(255, 96, 96, 0.25); background: linear-gradient(90deg, rgba(255, 96, 96, 0.12) 24px, transparent 0px); } .alert-danger .g-icon.m-alert-icon { color: rgb(255, 96, 96); } .alert-info { border: 1px solid rgba(0, 175, 240, 0.25); background: linear-gradient(90deg, rgba(0, 175, 240, 0.12) 24px, transparent 0px); } .alert-info.m-info-streak { background: linear-gradient(90deg, rgba(253, 167, 0, 0.12) 24px, transparent 0px); } .alert-info.m-info-streak .g-icon { width: 32px; height: 32px; flex: 0 0 32px; left: 6px; top: 9px; } .alert-info .g-icon.m-alert-icon { color: rgb(0, 175, 240); } .alert-dismissible { position: relative; display: flex; flex-direction: column; width: 100%; } .alert .alert-text-wrapper { display: flex; flex-direction: column; width: 100%; margin-bottom: 2px; text-align: left; } .alert .alert-text-wrapper .alert-text { display: block; } .alert .alert-text-wrapper .alert-text:not(:last-child) { margin-bottom: 8px; } .alert .alert-text-wrapper .alert-text:not(:last-child) .g-icon-info { vertical-align: middle; margin-top: 0px; } .alert .alert-text-wrapper .alert-text p:last-child { margin-bottom: 0px; } .alert .alert-text-wrapper a { display: contents; } .alert .alert-text-wrapper + .m-subscribe-btn { width: auto; } .b-feed-alerts .alert .alert-text-wrapper, .transactions-block .alert .alert-text-wrapper { display: block; } .b-feed-alerts .alert .alert-text-wrapper a, .transactions-block .alert .alert-text-wrapper a { display: inline; } .alert-btns-wrapper { display: flex; flex-flow: wrap; place-content: center flex-end; align-items: center; margin-right: -6px; margin-top: 8px; margin-bottom: -12px; } .alert-btns-wrapper:empty { display: none; } .m-wider .alert-btns-wrapper { margin-right: 0px; } .alert-btns-wrapper > .g-icon { margin-left: 4px; margin-right: 10px; } .alert-btns-wrapper .g-btn { margin-left: 4px; margin-bottom: 12px; } .alert-btns-wrapper .g-btn.m-flex { width: auto; } .alert-text-error { color: rgb(231, 108, 108); } .invisible-scroll-el { position: absolute; left: 0px; top: -118px; } .b-section-article { margin-bottom: 30px; position: relative; } .b-section-article table { color: var(--text-color); width: 100%; max-width: 70%; border-collapse: collapse; margin: 20px auto; } @media (max-width: 600px) { .b-section-article table { max-width: 90%; } } .b-section-article table.m-full-width { max-width: calc(100% - 2px); margin-left: 1px; margin-right: 1px; } .b-section-article table.m-bordered { box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; border-radius: 6px; overflow: hidden; } .b-section-article table.m-bordered > thead > tr > td, .b-section-article table.m-bordered > thead > tr > th { border-top: medium; } .b-section-article table td { padding: 5px 10px; } .b-section-article table td:first-child { width: 40%; } .b-section-article table td.m-width-sm { width: 20%; } .b-section-article table td.m-width-inverse:first-child { width: auto; } .b-section-article table td.m-width-inverse:first-child + td { width: 40%; } .b-section-article strong > em { color: inherit; } .m-default-lh { line-height: 24px; } .safari-page-scroll-hack { position: fixed; opacity: 0; pointer-events: none; } .theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea { color: rgba(0, 0, 0, 0.87); } .theme--light.v-input input::placeholder, .theme--light.v-input textarea::placeholder { color: rgba(0, 0, 0, 0.38); } .theme--light.v-input input::placeholder, .theme--light.v-input textarea::placeholder { color: rgba(0, 0, 0, 0.38); } .theme--light.v-input--is-disabled, .theme--light.v-input--is-disabled input, .theme--light.v-input--is-disabled textarea { color: rgba(0, 0, 0, 0.38); } .theme--dark.v-input, .theme--dark.v-input input, .theme--dark.v-input textarea { color: rgb(255, 255, 255); } .theme--dark.v-input input::placeholder, .theme--dark.v-input textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-input input::placeholder, .theme--dark.v-input textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-input--is-disabled, .theme--dark.v-input--is-disabled input, .theme--dark.v-input--is-disabled textarea { color: rgba(255, 255, 255, 0.5); } .v-input { align-items: flex-start; display: flex; flex: 1 1 auto; font-size: 16px; letter-spacing: normal; max-width: 100%; text-align: left; } .v-input .v-progress-linear { top: calc(100% - 1px); left: 0px; } .v-input input { max-height: 32px; } .v-input input:invalid, .v-input textarea:invalid { box-shadow: none; } .v-input input:active, .v-input input:focus, .v-input textarea:active, .v-input textarea:focus { outline: none; } .v-input .v-label { height: 20px; line-height: 20px; letter-spacing: normal; } .v-input__append-outer, .v-input__prepend-outer { display: inline-flex; margin-bottom: 4px; margin-top: 4px; line-height: 1; } .v-input__append-outer .v-icon, .v-input__prepend-outer .v-icon { user-select: none; } .v-application--is-ltr .v-input__append-outer { margin-left: 9px; } .v-application--is-ltr .v-input__prepend-outer, .v-application--is-rtl .v-input__append-outer { margin-right: 9px; } .v-application--is-rtl .v-input__prepend-outer { margin-left: 9px; } .v-input__control { display: flex; flex-flow: column wrap; height: auto; flex-grow: 1; min-width: 0px; width: 100%; } .v-input__icon { align-items: center; display: inline-flex; height: 24px; flex: 1 0 auto; justify-content: center; min-width: 24px; width: 24px; } .v-input__icon--clear { border-radius: 50%; } .v-input__icon--clear .v-icon--disabled { visibility: hidden; } .v-input__slot { align-items: center; display: flex; margin-bottom: 8px; min-height: inherit; position: relative; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1); transition-delay: 0s; transition-behavior: normal; transition-property: height, min-height; width: 100%; } .v-input--dense > .v-input__control > .v-input__slot { margin-bottom: 4px; } .v-input--is-loading > .v-input__control > .v-input__slot::after, .v-input--is-loading > .v-input__control > .v-input__slot::before { display: none; } .v-input--hide-details > .v-input__control > .v-input__slot { margin-bottom: 0px; } .v-input--has-state.error--text .v-label { animation: 0.6s cubic-bezier(0.25, 0.8, 0.5, 1) v-shake; } .v-input--hide-spin-buttons input::-webkit-inner-spin-button, .v-input--hide-spin-buttons input::-webkit-outer-spin-button { appearance: none; margin: 0px; } .v-input--hide-spin-buttons input[type="number"] { appearance: textfield; } .theme--light.v-text-field > .v-input__control > .v-input__slot::before { border-color: rgba(0, 0, 0, 0.42); } .theme--light.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot::before { border-color: rgba(0, 0, 0, 0.87); } .theme--light.v-text-field.v-input--is-disabled .v-input__slot::before { border-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.38) 0px, rgba(0, 0, 0, 0.38) 2px, transparent 0px, transparent 4px) 1 repeat; } .theme--light.v-text-field--filled > .v-input__control > .v-input__slot { background: rgba(0, 0, 0, 0.06); } .theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover { background: rgba(0, 0, 0, 0.12); } .theme--light.v-text-field--solo > .v-input__control > .v-input__slot { background: rgb(255, 255, 255); } .theme--light.v-text-field--solo-inverted > .v-input__control > .v-input__slot { background: rgba(0, 0, 0, 0.06); } .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot { background: rgb(66, 66, 66); } .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input { color: rgb(255, 255, 255); } .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--light.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot .v-label { color: rgba(255, 255, 255, 0.7); } .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset { color: rgba(0, 0, 0, 0.38); } .theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state):not(.v-input--is-disabled) > .v-input__control > .v-input__slot:hover fieldset { color: rgba(0, 0, 0, 0.86); } .theme--light.v-text-field--outlined:not(.v-input--is-focused).v-input--is-disabled > .v-input__control > .v-input__slot fieldset { color: rgba(0, 0, 0, 0.26); } .theme--dark.v-text-field > .v-input__control > .v-input__slot::before { border-color: rgba(255, 255, 255, 0.7); } .theme--dark.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot::before { border-color: rgb(255, 255, 255); } .theme--dark.v-text-field.v-input--is-disabled .v-input__slot::before { border-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0.5) 2px, transparent 0px, transparent 4px) 1 repeat; } .theme--dark.v-text-field--filled > .v-input__control > .v-input__slot { background: rgba(255, 255, 255, 0.08); } .theme--dark.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover { background: rgba(255, 255, 255, 0.16); } .theme--dark.v-text-field--solo > .v-input__control > .v-input__slot { background: rgb(30, 30, 30); } .theme--dark.v-text-field--solo-inverted > .v-input__control > .v-input__slot { background: rgba(255, 255, 255, 0.16); } .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot { background: rgb(255, 255, 255); } .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input { color: rgba(0, 0, 0, 0.87); } .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder { color: rgba(0, 0, 0, 0.38); } .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot input::placeholder { color: rgba(0, 0, 0, 0.38); } .theme--dark.v-text-field--solo-inverted.v-input--is-focused > .v-input__control > .v-input__slot .v-label { color: rgba(0, 0, 0, 0.6); } .theme--dark.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot fieldset { color: rgba(255, 255, 255, 0.24); } .theme--dark.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state):not(.v-input--is-disabled) > .v-input__control > .v-input__slot:hover fieldset { color: rgb(255, 255, 255); } .theme--dark.v-text-field--outlined:not(.v-input--is-focused).v-input--is-disabled > .v-input__control > .v-input__slot fieldset { color: rgba(255, 255, 255, 0.16); } .v-text-field { padding-top: 12px; margin-top: 4px; } .v-text-field__prefix, .v-text-field__suffix { line-height: 20px; } .v-text-field input { flex: 1 1 auto; line-height: 20px; padding: 8px 0px; max-width: 100%; min-width: 0px; width: 100%; } .v-text-field .v-input__control, .v-text-field .v-input__slot, .v-text-field fieldset { border-radius: inherit; } .v-text-field .v-input__control, .v-text-field fieldset, .v-text-field.v-input--has-state .v-input__control > .v-text-field__details > .v-counter, .v-text-field.v-input--is-disabled .v-input__control > .v-text-field__details > .v-counter, .v-text-field.v-input--is-disabled .v-input__control > .v-text-field__details > .v-messages { color: currentcolor; } .v-text-field.v-input--dense { padding-top: 0px; } .v-text-field.v-input--dense .v-label { top: 4px; } .v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix, .v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__suffix, .v-text-field.v-input--dense:not(.v-text-field--outlined) input { padding: 4px 0px 2px; } .v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__prefix { padding-right: 4px; } .v-text-field.v-input--dense:not(.v-text-field--outlined) .v-text-field__suffix { padding-left: 4px; } .v-text-field.v-input--dense .v-input__append-inner, .v-text-field.v-input--dense .v-input__prepend-inner { margin-top: 0px; } .v-text-field .v-input__append-inner, .v-text-field .v-input__prepend-inner { align-self: flex-start; display: inline-flex; margin-top: 4px; line-height: 1; user-select: none; } .v-application--is-ltr .v-text-field .v-input__prepend-inner { margin-right: auto; padding-right: 4px; } .v-application--is-ltr .v-text-field .v-input__append-inner, .v-application--is-rtl .v-text-field .v-input__prepend-inner { margin-left: auto; padding-left: 4px; } .v-application--is-rtl .v-text-field .v-input__append-inner { margin-right: auto; padding-right: 4px; } .v-text-field .v-counter { white-space: nowrap; } .v-application--is-ltr .v-text-field .v-counter { margin-left: 8px; } .v-application--is-rtl .v-text-field .v-counter { margin-right: 8px; } .v-text-field .v-label { max-width: 90%; overflow: hidden; text-overflow: ellipsis; top: 6px; white-space: nowrap; pointer-events: none; } .v-application--is-ltr .v-text-field .v-label { transform-origin: left top 0px; } .v-application--is-rtl .v-text-field .v-label { transform-origin: right top 0px; } .v-text-field .v-label--active { max-width: 133%; transform: translateY(-18px) scale(0.75); pointer-events: auto; } .v-text-field > .v-input__control > .v-input__slot { cursor: text; } .v-text-field > .v-input__control > .v-input__slot::after, .v-text-field > .v-input__control > .v-input__slot::before { bottom: -1px; content: ""; left: 0px; position: absolute; transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); width: 100%; } .v-text-field > .v-input__control > .v-input__slot::before { border-color: inherit; border-style: solid; border-width: thin 0px 0px; } .v-text-field > .v-input__control > .v-input__slot::after { background-color: currentcolor; border-color: currentcolor; border-style: solid; border-width: thin 0px; transform: scaleX(0); } .v-text-field__details { display: flex; flex: 1 0 auto; max-width: 100%; min-height: 14px; overflow: hidden; } .v-text-field__prefix, .v-text-field__suffix { align-self: center; cursor: default; transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); white-space: nowrap; } .v-application--is-ltr .v-text-field__prefix { text-align: right; padding-right: 4px; } .v-application--is-rtl .v-text-field__prefix { text-align: left; padding-left: 4px; } .v-text-field__suffix { white-space: nowrap; } .v-application--is-ltr .v-text-field__suffix { padding-left: 4px; } .v-application--is-rtl .v-text-field__suffix { padding-right: 4px; } .v-application--is-ltr .v-text-field--reverse .v-text-field__prefix { text-align: left; padding-right: 0px; padding-left: 4px; } .v-application--is-rtl .v-text-field--reverse .v-text-field__prefix { text-align: right; padding-right: 4px; padding-left: 0px; } .v-application--is-ltr .v-text-field--reverse .v-text-field__suffix { padding-left: 0px; padding-right: 4px; } .v-application--is-rtl .v-text-field--reverse .v-text-field__suffix { padding-left: 4px; padding-right: 0px; } .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot { display: flex; flex: 1 1 auto; position: relative; } .v-text-field:not(.v-text-field--is-booted) .v-label, .v-text-field:not(.v-text-field--is-booted) legend { transition: none; } .v-text-field--filled, .v-text-field--full-width, .v-text-field--outlined { position: relative; } .v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--full-width > .v-input__control > .v-input__slot, .v-text-field--outlined > .v-input__control > .v-input__slot { align-items: stretch; min-height: 56px; } .v-text-field--filled.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense > .v-input__control > .v-input__slot { min-height: 52px; } .v-text-field--filled.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot { min-height: 40px; } .v-text-field--outlined { border-radius: 4px; } .v-text-field--enclosed .v-input__append-inner, .v-text-field--enclosed .v-input__append-outer, .v-text-field--enclosed .v-input__prepend-inner, .v-text-field--enclosed .v-input__prepend-outer, .v-text-field--full-width .v-input__append-inner, .v-text-field--full-width .v-input__append-outer, .v-text-field--full-width .v-input__prepend-inner, .v-text-field--full-width .v-input__prepend-outer { margin-top: 17px; } .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-outer, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__prepend-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__prepend-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo) .v-input__append-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo) .v-input__append-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo) .v-input__prepend-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo) .v-input__prepend-outer { margin-top: 14px; } .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer { margin-top: 9px; } .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-outer, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-inner, .v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-outer, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-inner, .v-text-field--full-width.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-outer { margin-top: 8px; } .v-text-field--filled .v-label, .v-text-field--full-width .v-label { top: 18px; } .v-text-field--filled .v-label--active, .v-text-field--full-width .v-label--active { transform: translateY(-6px) scale(0.75); } .v-text-field--filled.v-input--dense .v-label, .v-text-field--full-width.v-input--dense .v-label { top: 17px; } .v-text-field--filled.v-input--dense .v-label--active, .v-text-field--full-width.v-input--dense .v-label--active { transform: translateY(-10px) scale(0.75); } .v-text-field--filled.v-input--dense.v-text-field--single-line .v-label, .v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label { top: 11px; } .v-text-field--filled { border-radius: 4px 4px 0px 0px; } .v-text-field--filled:not(.v-text-field--single-line) input { margin-top: 22px; } .v-text-field--filled.v-input--dense:not(.v-text-field--single-line).v-text-field--outlined input { margin-top: 0px; } .v-text-field--filled .v-text-field__prefix, .v-text-field--filled .v-text-field__suffix { max-height: 32px; margin-top: 20px; } .v-text-field--full-width { border-radius: 0px; } .v-text-field--outlined .v-text-field__slot, .v-text-field--single-line .v-text-field__slot { align-items: center; } .v-text-field.v-text-field--enclosed { margin: 0px; padding: 0px; } .v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix, .v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__suffix { margin-top: 0px; } .v-text-field.v-text-field--enclosed:not(.v-text-field--filled) .v-progress-linear__background { display: none; } .v-text-field.v-text-field--enclosed .v-text-field__details, .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding: 0px 12px; } .v-text-field.v-text-field--enclosed .v-text-field__details { padding-top: 0px; margin-bottom: 8px; } .v-application--is-ltr .v-text-field--reverse input, .v-application--is-ltr .v-text-field--reverse textarea { text-align: right; } .v-application--is-rtl .v-text-field--reverse input, .v-application--is-rtl .v-text-field--reverse textarea { text-align: left; } .v-application--is-ltr .v-text-field--reverse .v-label { transform-origin: right top 0px; } .v-application--is-rtl .v-text-field--reverse .v-label { transform-origin: left top 0px; } .v-text-field--reverse .v-text-field__slot, .v-text-field--reverse > .v-input__control > .v-input__slot { flex-direction: row-reverse; } .v-text-field--outlined > .v-input__control > .v-input__slot::after, .v-text-field--outlined > .v-input__control > .v-input__slot::before, .v-text-field--rounded > .v-input__control > .v-input__slot::after, .v-text-field--rounded > .v-input__control > .v-input__slot::before, .v-text-field--solo > .v-input__control > .v-input__slot::after, .v-text-field--solo > .v-input__control > .v-input__slot::before { display: none; } .v-text-field--outlined, .v-text-field--solo { border-radius: 4px; } .v-text-field--outlined { margin-bottom: 16px; transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .v-text-field--outlined .v-label { top: 18px; } .v-text-field--outlined .v-label--active { transform: translateY(-24px) scale(0.75); } .v-text-field--outlined.v-input--dense .v-label { top: 10px; } .v-text-field--outlined.v-input--dense .v-label--active { transform: translateY(-16px) scale(0.75); } .v-text-field--outlined fieldset { border-collapse: collapse; border-color: currentcolor; border-style: solid; border-width: 1px; inset: -5px 0px 0px; pointer-events: none; position: absolute; transition-duration: 0.15s; transition-property: color; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); } .v-application--is-ltr .v-text-field--outlined fieldset { padding-left: 8px; } .v-application--is-ltr .v-text-field--outlined.v-text-field--reverse fieldset, .v-application--is-rtl .v-text-field--outlined fieldset { padding-right: 8px; } .v-application--is-rtl .v-text-field--outlined.v-text-field--reverse fieldset { padding-left: 8px; } .v-text-field--outlined legend { line-height: 11px; padding: 0px; transition: width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .v-application--is-ltr .v-text-field--outlined legend { text-align: left; } .v-application--is-rtl .v-text-field--outlined legend { text-align: right; } .v-application--is-ltr .v-text-field--outlined.v-text-field--reverse legend { margin-left: auto; } .v-application--is-rtl .v-text-field--outlined.v-text-field--reverse legend { margin-right: auto; } .v-application--is-ltr .v-text-field--outlined.v-text-field--rounded legend { margin-left: 12px; } .v-application--is-rtl .v-text-field--outlined.v-text-field--rounded legend { margin-right: 12px; } .v-text-field--outlined > .v-input__control > .v-input__slot { background: transparent; } .v-text-field--outlined .v-text-field__prefix { max-height: 32px; } .v-text-field--outlined .v-input__append-outer, .v-text-field--outlined .v-input__prepend-outer { margin-top: 18px; } .v-text-field--outlined.v-input--has-state fieldset, .v-text-field--outlined.v-input--is-focused fieldset { border: 2px solid; } .v-text-field--rounded { border-radius: 28px; } .v-text-field--rounded > .v-input__control > .v-input__slot { padding: 0px 24px; } .v-text-field--shaped { border-radius: 16px 16px 0px 0px; } .v-text-field.v-text-field--solo .v-label { top: calc(50% - 9px); } .v-text-field.v-text-field--solo .v-input__control { min-height: 48px; padding: 0px; } .v-text-field.v-text-field--solo .v-input__control input { caret-color: auto; } .v-text-field.v-text-field--solo.v-input--dense > .v-input__control { min-height: 38px; } .v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .v-text-field.v-text-field--solo .v-input__append-inner, .v-text-field.v-text-field--solo .v-input__prepend-inner { align-self: center; margin-top: 0px; } .v-text-field.v-text-field--solo .v-input__append-outer, .v-text-field.v-text-field--solo .v-input__prepend-outer { margin-top: 12px; } .v-text-field.v-text-field--solo.v-input--dense .v-input__append-outer, .v-text-field.v-text-field--solo.v-input--dense .v-input__prepend-outer { margin-top: 7px; } .v-text-field.v-input--is-focused > .v-input__control > .v-input__slot::after { transform: scaleX(1); } .v-text-field.v-input--has-state > .v-input__control > .v-input__slot::before { border-color: currentcolor; } .v-text-field .v-input__icon--clear { opacity: 0; transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .v-text-field.v-input--is-dirty:hover .v-input__icon--clear, .v-text-field.v-input--is-focused .v-input__icon--clear { opacity: 1; } .theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea { color: rgb(255, 255, 255); } .theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--light.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea { color: rgba(0, 0, 0, 0.87); } .theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder { color: rgba(0, 0, 0, 0.38); } .theme--dark.v-textarea.v-text-field--solo-inverted.v-input--is-focused textarea::placeholder { color: rgba(0, 0, 0, 0.38); } .v-textarea textarea { align-self: stretch; flex: 1 1 auto; line-height: 1.75rem; max-width: 100%; min-height: 32px; outline: none; padding: 0px; width: 100%; } .v-textarea .v-text-field__prefix, .v-textarea .v-text-field__suffix { padding-top: 2px; align-self: start; } .v-textarea.v-text-field--box .v-text-field__prefix, .v-textarea.v-text-field--box textarea, .v-textarea.v-text-field--enclosed .v-text-field__prefix, .v-textarea.v-text-field--enclosed textarea { margin-top: 24px; } .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) textarea, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) textarea, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) textarea, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) textarea { margin-top: 10px; } .v-textarea.v-text-field--box.v-text-field--outlined:not(.v-input--dense) .v-label, .v-textarea.v-text-field--box.v-text-field--single-line:not(.v-input--dense) .v-label, .v-textarea.v-text-field--enclosed.v-text-field--outlined:not(.v-input--dense) .v-label, .v-textarea.v-text-field--enclosed.v-text-field--single-line:not(.v-input--dense) .v-label { top: 18px; } .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense textarea, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-text-field__prefix, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-text-field__suffix, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense textarea, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense textarea, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-text-field__prefix, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-text-field__suffix, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense textarea { margin-top: 6px; } .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-input__append-inner, .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-input__append-outer, .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-input__prepend-inner, .v-textarea.v-text-field--box.v-text-field--outlined.v-input--dense .v-input__prepend-outer, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-input__append-inner, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-input__append-outer, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-input__prepend-inner, .v-textarea.v-text-field--box.v-text-field--single-line.v-input--dense .v-input__prepend-outer, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-input__append-inner, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-input__append-outer, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-input__prepend-inner, .v-textarea.v-text-field--enclosed.v-text-field--outlined.v-input--dense .v-input__prepend-outer, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-input__append-inner, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-input__append-outer, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-input__prepend-inner, .v-textarea.v-text-field--enclosed.v-text-field--single-line.v-input--dense .v-input__prepend-outer { align-self: flex-start; margin-top: 8px; } .v-textarea.v-text-field--solo { align-items: flex-start; } .v-textarea.v-text-field--solo .v-input__control textarea { caret-color: auto; } .v-textarea.v-text-field--solo .v-input__append-inner, .v-textarea.v-text-field--solo .v-input__append-outer, .v-textarea.v-text-field--solo .v-input__prepend-inner, .v-textarea.v-text-field--solo .v-input__prepend-outer { align-self: flex-start; margin-top: 12px; } .v-application--is-ltr .v-textarea.v-text-field--solo .v-input__append-inner { padding-left: 12px; } .v-application--is-rtl .v-textarea.v-text-field--solo .v-input__append-inner { padding-right: 12px; } .v-textarea--auto-grow textarea { overflow: hidden; } .v-textarea--no-resize textarea { resize: none; } .v-textarea.v-text-field--enclosed .v-text-field__slot { align-self: stretch; } .v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot { margin-right: -12px; } .v-application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot { margin-left: -12px; } .v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot textarea { padding-right: 12px; } .v-application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot textarea { padding-left: 12px; } .v-application--is-ltr .v-textarea.v-text-field--enclosed.v-text-field--reverse .v-text-field__slot .v-label { margin-right: 12px; } .v-application--is-rtl .v-textarea.v-text-field--enclosed.v-text-field--reverse .v-text-field__slot .v-label { margin-left: 12px; } .theme--light.v-messages { color: rgba(0, 0, 0, 0.6); } .theme--dark.v-messages { color: rgba(255, 255, 255, 0.7); } .v-messages { flex: 1 1 auto; font-size: 12px; min-height: 14px; min-width: 1px; position: relative; } .v-application--is-ltr .v-messages { text-align: left; } .v-application--is-rtl .v-messages { text-align: right; } .v-messages__message { line-height: 12px; word-break: break-word; overflow-wrap: break-word; hyphens: auto; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/927b0d3d25f37db1.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/5223a3cfa0b6d4ee.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/70847f3384c17f13.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/e45445f19d180b52.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/49d5278e23d923c2.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/021b2cc226628571.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("/assets/26549e471ecbfcf8.woff2") format("woff2"); font-style: italic; font-weight: 100; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/62565d62b7dec01a.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/7c8d052106d9ce12.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/326c476121967b68.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/c25548290bf570db.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/d776638385ad617c.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/5d25fbd9e6dfcef7.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("/assets/f17088e28f3462fa.woff2") format("woff2"); font-style: italic; font-weight: 300; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/fdbcd874d124dfca.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/180d080e8b37f5ac.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/b325ca0045eb6992.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/29585d55c1b9d6dc.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/c76fcb820beaf4f6.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/e07ca6675456ec8b.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Italic"), local("Roboto-Italic"), url("/assets/835371d6ed57f501.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/1f3a2cb3c9c9d4a2.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/7fada0d320693d95.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/fe6eb3ab4b308972.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/092a2399e478d236.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/adf6e49ffc9740cc.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/ca5ac69c18c5fc05.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("/assets/81d7826850568a18.woff2") format("woff2"); font-style: italic; font-weight: 500; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/8e600705d004dc11.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/0455cb525b6ef585.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/bb10d03a19d6a847.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/f02729985a424c6a.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/9633b6ea17bbe303.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/c72624d6fc7799ae.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/assets/a37946bed2b8eed7.woff2") format("woff2"); font-style: italic; font-weight: 700; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/4581eb927d0a5c3d.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/cff83b47ba037e00.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/73b29dee80b49010.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/0a38edaba8b41e32.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/e8ecfc473f680b9f.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/a861f1601dd14103.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("/assets/4cc4c7dabe6d3476.woff2") format("woff2"); font-style: italic; font-weight: 900; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/e11630733f10a993.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/c996f7d36ae5ba4f.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/aea6f89f318b6b77.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/4b2b5473db398cac.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/caad950e10a9f4a7.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/4a90e066687b8ab1.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Thin"), local("Roboto-Thin"), url("/assets/9238fa5695f34e90.woff2") format("woff2"); font-style: normal; font-weight: 100; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/c9dc67740fd947fd.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/85afa6942a758d9e.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/a237874f05d16ecb.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/f6a9c6575fd17ba8.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/5256f1a18ed7dc9d.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/756814301c6719e2.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/7fe82091ba0a0315.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/84272dda1a3276be.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/fff15246730a4723.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/a574b9d076149f26.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/eaf3e2f99d0e7436.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/b0a83795fe32393d.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/f48c2db181dccfbe.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto"), local("Roboto-Regular"), url("/assets/1bb7350006048e2d.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/aa8e2f1f936359d5.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/3cb8a38363179e61.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/ef6c5a3cde3a5fd5.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/cffad7cb67838e41.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/3c4dc89c73064d2d.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/37298eaf3d198690.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/0d1557eb773fa38e.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/d8df56551f1f373e.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/7102835381451894.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/31effce542ccfb75.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/21c4dbb06543b609.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/66d41969b9ea633a.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/7f8749b10ef4b3f6.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/d9cef4084829b6d0.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/22830d9e812ed397.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/08d08c6dffa2e6f6.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/f823d85b8899b249.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/e9526b965417a32b.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/ca9602cb08df5258.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/172094a11d2d6dac.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; src: local("Roboto Black"), local("Roboto-Black"), url("/assets/785328399f5fc244.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/aa8e2f1f936359d5.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/3cb8a38363179e61.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/ef6c5a3cde3a5fd5.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/cffad7cb67838e41.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+370-3FF; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/3c4dc89c73064d2d.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/37298eaf3d198690.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto-bold; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/0d1557eb773fa38e.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: onlyfans; src: url("/assets/1ea21aa0e0a306bb.eot") format("embedded-opentype"), url("/assets/7dddbbedae833357.woff2") format("woff2"), url("/assets/cb6615d46147e010.woff") format("woff"), url("/assets/58371bc8f6da8fa9.ttf") format("truetype"), url("/assets/76579f18f48f0a01.svg") format("svg"); font-style: normal; font-weight: 400; } [class*=" icon-"]::before, [class^="icon-"]::before { font-family: onlyfans, sans-serif; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .icon-ic-info::before { content: "๠"; } .icon-ic-full-screen-exit::before { content: "\ue600"; } .icon-ic-full-screen::before { content: "\ue601"; } .icon-ic-mini-player-off::before { content: "\ue602"; } .icon-ic-mini-player::before { content: "\ue603"; } .icon-ic-pause::before { content: "\ue604"; } .icon-ic-play::before { content: "\ue605"; } .icon-ic-settings::before { content: "\ue606"; } .icon-ic-size-max::before { content: "\ue607"; } .icon-ic-size-min::before { content: "\ue608"; } .icon-ic-undo::before { content: "\ue609"; } .icon-ic-volume-high::before { content: "\ue60a"; } .icon-ic-volume-low::before { content: "\ue60b"; } .icon-ic-volume-off::before { content: "\ue60c"; } .icon-ic-arrow-select::before { content: "\ue60d"; } .icon-ic-clear-input::before { content: "\ue60e"; } .icon-ic-alert-red::before { content: "\ue60f"; } @font-face { font-family: NotoColorEmoji; src: url("/assets/990ae60bf0ebdb9d.ttf") format("truetype"); unicode-range: U+1F1E6-1F1FF; } body.m-ua-windows .b-agenda__area-events__item-inward, body.m-ua-windows .b-chat__message__text, body.m-ua-windows .b-chat__search-nothing, body.m-ua-windows .b-comments__item-text, body.m-ua-windows .b-list-emoji .emoji-outer, body.m-ua-windows .b-post__text-el, body.m-ua-windows .b-search-form__input, body.m-ua-windows .b-streaming__comment__text, body.m-ua-windows .g-user-name, body.m-ua-windows .toast-message-text, body.m-ua-windows .v-input input, body.m-ua-windows .v-input textarea { font-family: NotoColorEmoji, Roboto, sans-serif; } @font-face { font-family: Fira Sans; src: url("/assets/fb73ea24b020b508.woff2") format("woff2"); font-style: normal; font-weight: 700; } *, ::after, ::before { padding: 0px; margin: 0px; } html { font-family: sans-serif; font-size: 10px; text-rendering: optimizelegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0px; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0px; } hr { box-sizing: content-box; margin-top: 51px; margin-bottom: 51px; border-top: 1px solid rgb(200, 204, 208); } pre { overflow: auto; display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.3333; word-break: break-all; overflow-wrap: break-word; color: rgb(59, 59, 59); background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0px; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; font: inherit; margin: 0px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: auto; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: none; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { margin: 0px; min-width: 0px; } fieldset, legend { padding: 0px; border: 0px; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 16px; font-weight: 600; line-height: inherit; color: rgb(0, 0, 0); } label { cursor: pointer; display: inline-block; max-width: 100%; margin-bottom: 5px; } textarea { overflow: auto; resize: vertical; } textarea.form-control { height: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; background-color: transparent; } th { text-align: left; } td, th { padding: 0px; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.3333; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); } .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid rgb(204, 204, 204); } .table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); } .table .table { background-color: rgb(244, 247, 250); } .clearfix::after, .clearfix::before { content: " "; display: table; } .clearfix::after { clear: both; } @media (hover: hover) { :focus:not(:focus-visible) { outline: none !important; } } @media (hover: none) { :focus, :focus-visible { outline: none !important; } } [contenteditable="true"]:focus-visible, input:focus-visible, textarea:focus-visible { outline: none; } .img-responsive { display: block; max-width: 100%; height: auto; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 600; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: rgb(119, 119, 119); } .h1, .h2, h1, h2 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, h1 .small, h1 small, h2 .small, h2 small { font-size: 65%; } .h1, h1 { font-size: 22px; } .h1, .h2, h1, h2 { font-weight: 300; } .h2, h2 { margin: 0px 0px 5px; font-size: 26px; line-height: 30px; } .h3, h3 { font-size: 18px; font-weight: 300; overflow-wrap: break-word; word-break: normal; } .h3 a, h3 a { color: inherit; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 13px; line-height: 20px; font-weight: 300; } p { margin: 0px 0px 10px; } .small, small { font-size: 85%; } .mark, mark { background-color: rgb(252, 248, 227); padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } ol, ul { margin-top: 0px; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dl { margin-top: 0px; margin-bottom: 20px; } dd, dt { line-height: 1.3333; } dt { font-weight: 700; } dd { margin-left: 0px; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(119, 119, 119); } address { margin-bottom: 20px; font-style: normal; line-height: 1.3333; } code { color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px; } code, kbd { padding: 2px 4px; font-size: 90%; } kbd { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none; } [role="button"] { cursor: pointer; } [tabindex="-1"], input[type="checkbox"]:focus:not(:focus-visible), input[type="file"]:focus:not(:focus-visible), input[type="radio"]:focus:not(:focus-visible) { outline: none !important; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.3333; color: rgb(136, 153, 166); } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } @supports (-webkit-touch-callout:none) { input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control { line-height: 36px; } } .form-group { margin-bottom: 22px; position: relative; } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0px; margin-bottom: 10px; padding-top: 7px; } .form-horizontal .form-control { width: 100%; display: inline-block; } .form-horizontal textarea.form-control { max-width: inherit; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .counter { padding-left: 10px; } .form-horizontal .form-group::after, .form-horizontal .form-group::before { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } .form-horizontal .has-feedback .form-control-feedback { right: 12px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: left; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .form-group-lg .control-label { padding-top: 14.33px; font-size: 18px; } .form-horizontal .form-group-sm .control-label { padding-top: 9px; font-size: 12px; } } .big { font-size: 16px; } a { color: rgb(0, 175, 240); text-decoration: none; } a[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { a:hover { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { a[href]:not(.m-reset-wcag-link-focus, .g-btn):focus-visible { border-radius: 6px; } a[href]:not(.m-reset-wcag-link-focus, .g-btn):focus-visible, a[href]:not(.m-reset-wcag-link-focus, .g-btn):focus-visible * { text-decoration: underline; outline: none; } a[href]:not(.m-reset-wcag-link-focus, .g-btn):focus-visible { color: rgb(0, 145, 234); } } b, strong { font-weight: 500; } em > strong, strong > em { color: rgb(0, 175, 240); } p.input-help { font-size: 13px; color: rgb(155, 155, 155); margin: 0px; } ul.list { padding-left: 20px; } ul.list li { margin: 0px 0px 15px; } .m-possible-markdown .h1, .m-possible-markdown .h2, .m-possible-markdown .h3, .m-possible-markdown .h4, .m-possible-markdown .h5, .m-possible-markdown .h6, .m-possible-markdown h1, .m-possible-markdown h2, .m-possible-markdown h3, .m-possible-markdown h4, .m-possible-markdown h5, .m-possible-markdown h6 { font-weight: 400; margin: 0px; } .m-possible-markdown.m-markdown .h1, .m-possible-markdown.m-markdown .h2, .m-possible-markdown.m-markdown .h3, .m-possible-markdown.m-markdown .h4, .m-possible-markdown.m-markdown .h5, .m-possible-markdown.m-markdown .h6, .m-possible-markdown.m-markdown h1, .m-possible-markdown.m-markdown h2, .m-possible-markdown.m-markdown h3, .m-possible-markdown.m-markdown h4, .m-possible-markdown.m-markdown h5, .m-possible-markdown.m-markdown h6 { font-weight: 500; } .m-possible-markdown .h1, .m-possible-markdown h1 { font-size: 28px; line-height: 36px; } .h1.title, h1.title { border-bottom: 1px solid rgb(0, 175, 240); font: 300 25px / 30px Roboto, sans-serif; padding: 0px 0px 10px; margin: 0px 0px 24px; } .m-possible-markdown .h2, .m-possible-markdown h2 { font-size: 24px; line-height: 32px; } .m-possible-markdown .h3, .m-possible-markdown h3 { font-size: 20px; line-height: 28px; } .m-possible-markdown .h4, .m-possible-markdown h4 { font-size: 16px; line-height: 24px; } .m-possible-markdown .h5, .m-possible-markdown h5 { font-size: 14px; line-height: 20px; } .m-possible-markdown .h6, .m-possible-markdown h6 { font-size: 12px; line-height: 16px; } img { user-select: none; } ol { list-style: none; counter-reset: list 0; padding: 0px 30px; margin: 0px 0px 10px; } ol li { position: relative; padding: 0px 0px 6px; } ol li::before { counter-increment: list 1; content: counter(list) ". "; position: absolute; right: 100%; top: 0px; font-weight: 500; margin-right: 5px; } code, pre { background: rgba(138, 150, 163, 0.1); border-color: rgba(138, 150, 163, 0.25); } pre { color: var(--text-color); } .g-list-without-marker { list-style: none; } .m-editor-fc__default { color: var(--text-color); } .m-editor-fc__gray { color: rgb(138, 150, 163); } .m-editor-fc__blue-1 { color: rgb(0, 175, 240); } .m-editor-fc__blue-2 { color: rgb(27, 152, 224); } .m-editor-fs__default { font-size: 16px; } .m-editor-fs__lg { font-size: 26px; } .m-editor-fs__l { font-size: 20px; } .m-editor-fs__s { font-size: 14px; } .m-editor-fs__sm { font-size: 12px; } .b-text-colour.m-editor-fc__default, button[class].m-editor-fc__default { background-color: var(--text-color) !important; } .b-text-colour.m-editor-fc__gray, button[class].m-editor-fc__gray { background-color: rgb(138, 150, 163) !important; } .b-text-colour.m-editor-fc__blue-1, button[class].m-editor-fc__blue-1 { background-color: rgb(0, 175, 240) !important; } .b-text-colour.m-editor-fc__blue-2, button[class].m-editor-fc__blue-2 { background-color: rgb(27, 152, 224) !important; } :root { --scrollbar-width: 0px; --bg-color: #fff; --bg-color-header: #fff; --text-color: #242529; --overlay-color: rgba(0,0,0,.5); --title-color: #242529; --marked-color: #f6f7f8; } :root.m-mode-dark { --bg-color: #161618; --text-color: #f6f7f8; --bg-color-header: #18181a; --overlay-color: rgba(0,0,0,.6); --title-color: #fefefe; --marked-color: #242529; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes dash { 0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0px; } 50% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89px, 200px; stroke-dashoffset: -124px; } } html { min-height: calc(var(--vh, 1vh)*100); background: var(--bg-color); display: flex; margin-right: 0px !important; overflow: hidden scroll !important; overflow-anchor: none; } html, html * { touch-action: pan-x pan-y; } html.m-prevent-scrolling { overflow: hidden !important; touch-action: none !important; } html.m-prevent-scrolling div[style*="z-index: 2000000000;"]:last-child[style*="position: absolute;"] { position: fixed !important; top: 0px !important; } html.p-personal-chats-chat { min-height: 100dvh; } html div[style*="border"][style*="z-index: 2000000000;"]:not([class]) { box-sizing: content-box; } html [type="button"] { appearance: none; } body { color: var(--text-color); background: var(--bg-color); padding-right: var(--scrollbar-width); width: 100%; display: flex; flex-direction: column; font: 16px / 1.3334 Roboto, sans-serif; } body[id*="page_"] { height: auto; min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 1003.98px) { .p-personal-chats-chat body { overflow: hidden; } } .m-prevent-scrolling .m-black-body, .story-ran .m-black-body { background: rgb(0, 0, 0); } iframe { border: medium; } #content { outline: none; } .main-wrapper { background-color: inherit; display: flex; flex-direction: column; height: 100%; width: 100%; } .m-prevent-scrolling .main-wrapper { min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 499.98px) { .main-wrapper { justify-content: flex-end; } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:constant(safe-area-inset-bottom)) { .main-wrapper { } .p-personal-chats-chat .main-wrapper { } } @supports (padding-bottom:env(safe-area-inset-bottom)) { .main-wrapper { padding-bottom: calc(57px + env(safe-area-inset-bottom)); } .p-personal-chats-chat .main-wrapper { padding-bottom: env(safe-area-inset-bottom); } } } @media (min-width: 500px) and (orientation: landscape) { @supports (padding-right:constant(safe-area-inset-right)) { .main-wrapper { } } @supports (padding-right:env(safe-area-inset-right)) { .main-wrapper { padding-right: env(safe-area-inset-right); } } } @media (min-width: 1004px) { .main-wrapper.m-chat-container { height: calc(var(--vh, 1vh)*100); overflow: hidden; } } .g-hidden { display: none !important; } @media (min-width: 768px) { .g-hidden-desktop { display: none !important; } } @media (max-width: 767.98px) { .g-hidden-mobile { display: none !important; } } .g-shown, .show { display: block !important; } .g-invisible { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .g-overflow-hidden { overflow: hidden; } .g-border-top { border-top: 1px solid rgba(138, 150, 163, 0.25); } .g-border-top-bold { border-top: 8px solid var(--marked-color); } .g-border-bottom { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .g-border-bottom-bold { border-bottom: 8px solid var(--marked-color); } .b-badge-icon { display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .text-line-through { text-decoration: line-through; } .g-blue { color: rgb(0, 175, 240); } .progress { height: 10px; } @media (max-width: 1003.98px) { .progress { margin-top: 35px; } } .g-section { padding: 0px 4px; } .b-separate-section .g-section { font-size: 16px; line-height: 24px; padding-left: 0px; padding-right: 0px; } .g-section .g-section-title { padding: 0px 0px 5px; } .g-section p { margin: 0px 0px 5px; } .g-section-title { font-size: 15px; color: rgb(138, 150, 163); margin: 0px; text-transform: uppercase; font-weight: 500; padding: 0px 4px 10px; } .b-separate-section .g-section-title { padding-left: 0px; padding-right: 0px; } .g-section-title.m-default-title { font-size: 16px; line-height: 24px; padding-left: 0px; padding-right: 0px; } .g-section-title.m-default-title:not(.m-row-gaps) { padding-top: 0px; padding-bottom: 0px; } .g-section-title.m-default-title.m-row-gaps { padding-top: 16px; padding-bottom: 16px; } .contact_form .g-section-title.m-default-title.m-row-gaps { padding-bottom: 13px; } .g-section-title.m-default-title .g-icon-info { transform: translateY(2px); } .g-section-title.m-default-title .b-icon-title { display: inline-flex; margin-left: 10px; } .g-section-title.m-flex { justify-content: space-between; } .g-section-title.m-aligned-vertical, .g-section-title.m-flex { display: flex; flex-direction: row; align-content: center; align-items: center; } .g-section-title.m-aligned-vertical { justify-content: center; } .g-section-title.m-filtered { color: rgb(0, 175, 240); } .g-section__header { display: flex; flex-direction: row; place-content: center space-between; align-items: center; padding: 12px 4px 0px; position: relative; } .g-section__header .g-btn__wrapper { flex-wrap: wrap; padding: 0px 0px 0px 12px; margin: 0px -6px -12px auto; } .g-section__header .g-btn__wrapper .g-btn { margin: 0px 6px 12px; } .g-section__header .g-section-title { padding: 0px; } .g-section__header .dropdown:not(.m-position-inline) { position: absolute; right: 0px; top: 0px; } .g-section__header .dropdown:not(.m-position-inline) .dropdown-menu { left: auto; right: -4px; margin: 0px; } .g-section__header .dropdown:not(.m-position-inline).m-top.open > .dropdown-menu { margin-bottom: 4px; } .g-section__header__btn { color: rgb(138, 150, 163); } .g-section__header__btn .g-icon { display: block; } .g-section__header__btn.m-selected { position: relative; } .g-section__header__btn.m-selected::after { background: rgb(0, 175, 240); width: 12px; height: 12px; right: 0px; top: 0px; border-radius: 1000px; content: ""; position: absolute; border: 2px solid var(--bg-color); } .b-separate-section .g-section__header { margin-top: -3px; margin-bottom: 22px; } .g-btn__wrapper + .g-section { margin-top: -17px; } .g-date { font-size: 13px; color: rgb(138, 150, 163); } .g-page__subheader { padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; } .g-page__subheader + .b-new-event-btn { margin-top: 16px; } .g-gray-text { color: rgb(138, 150, 163); font-weight: 400; } .g-page-title .g-gray-text, .g-user-name .g-gray-text { font-weight: inherit; } .jq-toast-loader { background: rgb(0, 175, 240) !important; } .jq-toast-single { border-radius: 6px; padding: 17px 23px; border: 1px solid rgba(138, 150, 163, 0.4); background: var(--bg-color); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px; color: inherit; } @media (min-width: 768px) { .jq-toast-single { min-height: 95px; } } @media (max-width: 767.98px) { .jq-toast-single { padding: 5px; } } .jq-toast-single a { color: rgb(0, 175, 240); font: inherit; padding: 0px; border: medium; } @media (max-width: 767.98px) { .jq-toast-single a { max-width: 100%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; font: inherit; } } .jq-toast-single h2 { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-size-adjust: inherit; font-kerning: inherit; font-optical-sizing: inherit; font-language-override: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 500; } @media (max-width: 767.98px) { .jq-toast-single h2 { display: none; } } .grecaptcha-badge { display: none !important; } .input-error { font-size: 13px; } .input-error .g-icon { width: 20px; height: 20px; flex: 0 0 20px; margin-right: 6px; } .g-text-color-highlighted { color: rgb(138, 150, 163); } .m-black-body .g-text-color-highlighted { color: rgb(254, 254, 254); } .g-text-highlighted { background: rgba(0, 175, 240, 0.2); } .emoji-outer { vertical-align: middle; display: inline-block; height: 24px; width: 24px; font-size: 24px; line-height: 24px; user-select: none; text-align: center; } .emoji-outer > span { width: inherit; height: 24px; display: inherit; vertical-align: top; } .g-nowrap { white-space: nowrap; } .g-nowrap .g-icon { vertical-align: middle; } .g-icon-info { display: inline-flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); cursor: pointer; margin-left: 6px; } .g-icon-info.m-md-gap { margin-left: 13px; } .g-icon-info.m-with-round-hover::after, .g-icon-info.m-with-round-hover::before { width: 23px; height: 23px; } .g-icon-info .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .g-icon-info:hover { color: rgb(0, 145, 234); } .g-icon-info:hover .g-icon { color: inherit; } .g-icon-info.has-tooltip.m-with-round-hover::before { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; content: ""; border-radius: 1000px; } @media (any-hover: hover) and (pointer: fine) { .g-icon-info.has-tooltip:focus-visible { color: rgb(0, 145, 234); } .g-icon-info.has-tooltip:focus-visible .g-icon { color: inherit; } .g-icon-info.has-tooltip:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } .g-icon-info.has-tooltip:focus-visible.m-with-round-hover { outline: none; } .g-icon-info.has-tooltip:focus-visible.m-with-round-hover::before { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .g-icon-info.m-icon-sm .g-icon { width: 15px; height: 15px; flex: 0 0 15px; } .g-icon-info.m-icon-sm.m-with-round-hover::after, .g-icon-info.m-icon-sm.m-with-round-hover::before { width: 20px; height: 20px; } .g-icon-info.m-icon-lg { font-size: 24px; } .g-icon-info.m-icon-lg .g-icon { width: 24px; height: 24px; flex: 0 0 24px; } .g-icon-info.m-icon-lg.m-with-round-hover::after, .g-icon-info.m-icon-lg.m-with-round-hover::before { width: 29px; height: 29px; } .g-icon-info.m-inline { vertical-align: middle; } .m-no-pointer { pointer-events: none; } .g-pointer-events-auto { pointer-events: auto; } .m-capitalize { text-transform: capitalize; } .m-temp-height { min-height: 100vh; } html body a[href].m-forbidden { pointer-events: none !important; } .b-header-userinfo { position: relative; min-height: 51px; padding-left: 60px; padding-top: 4px; margin-bottom: 28px; } .m-discount-content .b-header-userinfo { margin-bottom: 14px; } .m-tip-modal .b-header-userinfo { margin-top: -16px; margin-bottom: 21px; padding-top: 6px; } .g-bittersweet-text { color: rgb(255, 96, 96); } .g-danger-text, .payment-errors { color: rgb(231, 108, 108); } .g-italic { font-style: italic; } .m-default-bg { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AgMAAACVvSnQAAAACVBMVEX29/jw8vTz9PXgV05KAAAUE0lEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWGnjm0QhoEAil7tUTwPZjN6GiS4KWkQQhSEJontvLfClz4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7qfl2j/nky62tKrr00XayymUh6REC5w8xrprZtneOzpRccI3xlHy0/8weuOaX8Vdd8tJ2dIqOPMk1g9uGgRgIEvpFfeQRV+ES8sgZfroUNZG/PgGErTKCLQGGrVgUAuGW3GlhsCSPvKveVIo3Jzez4KveTIrxU+pzNhIaPBC8Fx+qZ5dLMP4g6ESNwsKnMdDiSpIQNyTh5RF8wB3RO3HLpLeUi1WnwT/ojAuq9HIIbjGRoUyz6S3laJshKc+EZfpQ+NgqmM4vzzTdMjx7n+isKgCyGOarzgSCgSyGG8r4jthWWMZnrmGasftWF9wAWQyTlueRk/lh9lvVcPNdaPELJvdb0XBL7HfbtZByvqpuuC3MuAXz+wWsBh+FmrP5iODXZ1jL7xbBbPsriq0lu1/ntTCIX4dhNb9bBNPcj3huS/x+/ddC5geS17CgX9cxKZLfV48lRb8+wREGaN8orfP+nelslWiCB1tG0m9GwS/asMj++R5bJ5xgdLY/QfzmFAzbnfcSg5OtE1DwYAvIDdCJBS+1YcEBq/iOSREFP7dhyQbsuzWEFAx7QLEBpxY82G68lTh4bg0xBe/XhpsSiMSCYTvB+gF6kYutE1XwYDOyBdp3a4gqeJ6khQt0csGwCdEJesR1a4gr+FakhQt0dsFTkdZccdwwB4EFw0Ykd9ATJ1sntOBeesISEIxOecLy3RpiCx40j0gzZ1sntmB0whOWhGDoPpGKbxUdXXAvHGAJwRAOsOvWEF7woBtg1yo6vGB0sgEWETzIBti1io4vGJ1qgIs5SCAYqgGWEdyLBvhkDjIIhmiAv8xBCsG9ZICFBEMywL5VdA7BvWKAfZvKHIKhGGApwb3SR46ZizlIIhhKHzlmjuYgi+BeL8C+TWUWwb/sncFtA0EMAzePlJDSth+VoqegKgNcBaR/NzRbGEBcjg/wnk/ze9+aLMCd9sQSTSUG8IZtJNVUcgD3+Sh/961JA7xhTyzRVIIAd9RGUk0lCPBmPbFEkUUC3ElPrETAm/TEUk0lCnAFPbFUU4kCPDkW66oiCwV4K+eJlQl4jpWf++YcKSzAWykjWBZZMMB9nNw3RxRZMMCbMoJjAXfKhYb98aiekBEsiywc4Aq50KrIwgGeCE15ZZGFA7yVcaFzAU/GhVZFFg/wZlxoVWQBAXfEhVZFFhDwRlxo1XMQAVfChU4GPAEXWhZZRMAbcKFlkYUE3HQPfXWRhQS88F8K79U9BxNw4S90OODBX2hZZDEBL/pruydHDBRwk7+2u9cQWVDAA/4e+onsOaCAt+AXWvYcVMCD1liG56ACXvZI+gLeRo8kXWRhAQ9ZYxmeAwt4CzySDM/BBdzgkWR4Di7gBY8kw3OAARd3JBmeAwy4uSPJ8BxgwMsdScYMJgMubAV/AT8ZbAUbnoMMeLEjyfAcaMBN/CD6SR01aMAD9ZSO50ADXqindDwHG3BDK9jwHGzAA61gw3OwAW8xK9iYwXDAjaxgZwbDAQ+ygp0ZDAe8RaxgZwbTATexgp0ZTAc8xAp2ZjAd8Bawgp0ZjAfcwAp2ZjAe8AAr2JnBeMBbuAq2ZjAf8D+7ZlDEQAwDMZTmkzLJpzNpUBaDnifdUtDD1tpbN4KRBvsBH9k71jAN9gO+y/WONUyDA4C36x0LanAA8FF9RA/U4ADgaxvBSIMLgLdsBCMNLgA+rpqDaXAB8HXVHEyDE4CXquZgGpwAfEyXBqjBCcBXNYKZBjcAL1HNATW4AXiLag6owQ3AV1RzQA2OAF6emgNqcATw9uxYUIMjgI+n5oAaHAF8PTUH1OAK4KXZsaAGVwAfzY4FNbgC+FpqDmpJGcCfkQRaUgbwdySBlpQBbBnB1JIygMcSyOMF/LBQS6oA/o0k1JIqgDU7Fj0WVgBrdixqSRXAYwm1pBfww0ItKQL4z54d1DAAxEAMLMR+jmRRFkWUkRVT8MerzTTW+kpCBWcaa30loYIzjbW+klDBr8L6SjrBkwAryRTcaaz1lWQKzjTW/koyBWcaa38lneBBhJVkCn4V9iOaFNxprO9nnR9Ip7H2V9IJHkRYSaTgTGMBEU0KfhWAiBYFdxpr/2o4wYMQK0kU3GksIKJFwZ3GAiL6BM8hXA2k4JfhA/Dj6DSWENGg4E5jCRF9gscgrgZRcKexhJUECn4ZhIg+wWMYEe0J7kS0cDWAgjuNRUT0CZ4CiWhP8EV0XPCfnTs4bhgGYiiqJrdJVZlTDjk6JMePGPwW/owBrCRPDESJruBTICWaE9wSHS44p2MZJbqCD6GUaE5wS3S44InBKNEVfAilRGuCc0o08TqHJzinYyEluoLPwJRoTXBOiRbeiQYFTwxIia7gIzCHSk1wS3S44HasCr4E5FCpCW6JDhc8MTwKL8WkwJRoS3BOiVYOlRV8BKhEW4JzSjTTsSzBOSVaOVRW8AmkjmUJnhSYQ2UFn0DqWJTgnBLNHCotwTkl2ulYFXwA6FBpCY4p0VDHquD9SIdKS/CkAHUsSXBOiYY6VgXvh+pYkuCYEi11rArejtWxJMExJVrqWJLgScF5GFzBB7A6FiQ4pkRTHauCd4N1LEhwTImmOhYkOKZES3esCt4O1rEgwROC1bEqeDNax3IEx5Roq2NV8Ga0juUIjllJj8WrkFKisY5VwXuh3nm3BE8I1KOkCt4N17EYwSklGvqusIL3w505HMEpK0nrWBW8Fa9jMYJTVtKj8SJMBtqZo4K3AnYsRXBKicYeJVXwXrwzByM4pERzZ44KTo9gRXDISuLOHBW8E/DMwQieDB6P12Ai8M4ciuCQlQRGcAWHRzAiOGQleWeOCt4HeeZQBGesJPDMoQieCLwnDRUcH8GG4IwSTUZwBYdHsCE4o0STEVzB4RFsCI5YSWYEV3B4BBuCJwEzgis4PIIJwRErCY3gCg6PYEJwxEpCI7iCwyOYEJywktQIruDwCCYETwBqBFdweAQLghNWEhvBFRwewYLghJXERnAFh0ewIDhgJbkRXMHhESwInvtxI7iCwyMYEBywksTvgit4G+Z3wY7ggJUkfhdcwdsg/5oDEnz/SpIjuIKXoUeSIHiuBx5JFbwMfacUBN+/kuA7ZQXHR/D3Bd+/kh6a90Mq+C/4SKrgVew7pSD4+hlMj6QKXkQfSYDguRx7JFXwIvpI+r7g62fwg/N+RgX/gR9J3xd8+0rSf6EreAl+JH1f8OUrSR9JFbwEf8YCBM/dyK/bVfAqN/xC/0NwV9Iv/hmrgpe4YCT9sG8mRwwDMQCq0v23kvtv5EfMLrTAWCO0SYKvcP8z1v8FuzP49mesBF9BMaG54DL4h+CMleALOCY0F1wGfzGcsRJ8AceE5oKrpA+KM1aC50gmNBZcJX2RTOgED7FM6AQPsUxoLLgM/mB4Ck7wHM2ExoLL4DeKp+AEz9FMaCy4DH7hmdAJHuGZ0FRwlfTGcuVI8PITmgqukl5orhwJniGa0AkeYJrQVHAZ/MQ0oRM8wDShqeAy+Dgkv7ZL8BTH76HvIFibwaIJnWCMa0InGOOa0FBwGXwciv8UJniM6CHp74IPJ5an/gRPUJ0pueAyWHWmTDDHFcEJpsgimAoug2URnGCKLIKp4DJYFsEJhtgimAoug2URnGCGLoITzNBFMBW8fQbrVqwEE3wRDAVvn8G+FSvBAOOKxQRvn8G+FSvB51GuWAk+j3LFYoI3z2DjipXg1T9gJHjzDDauWAlefMVK8OofMBG8953DuWIlePEVCwneOoOtH3CCT+E8Q1PBW2ewdMVK8Cm0jZTg5T9gInjjDH6wbwdXCMQwDERdJQcqoCxKpQTkE3g0aeE/mVhZrv1fReDVubsjrYCL1+CzO5LA+AALDA/wAri357gcYIG/nss70gq4dg2+W3IIzA+wwPAAL4Bbe47bARYYHuAcuHUNPh5ggeEBFhge4By4s+c4H2CB4QHOgSvX4PsBFhgeYIHhAc6BG3sOQIAFhgc4Bm5cgwkBFhgeYIHhAY6B+3oORoAFhgc4Bq5bg1/DOJFHIfDpb6EFhn8L/XPg/+85MAEWGB7gFLhsDX4O5iQefcCQFUlgdsexAe7qOUABFhh9wxKYvSItgJt6DlSABUbfsHLgop6DdMMSmPuKJHDDDSsG7uk53gM7gUcTMOyGFQO3rMEP2A1LYPQKLDD4lXAJXNJz8Aa0wPABLTB8QKfAFT0HcUALDB/QIXBDz8Ec0ALDB7TA8AEdAvN7Dl4HLTD6kVBg+CPhEpjec9C+4hC4Y0PKgdk9B/ARWOCSH+A98AwOmPwD/GHvDG4UiYEo+uWjMxlHsSHsYeFACBNFh8JlpYYolx1pV4IB+hkaqb6LF8GgN64qfxvTJ1j/GSnnGLoB97jSGcMIHrsBc1N7XVAGETy6XyhYVxgi5xg2gu7TpKsMIHjwAYta0g3sc47RBywoSTcxFzzwEUOPo0m3sRY8/AD9xVN+VZxzjrETLCp4r7tUX8HjD9BE8KwFmqvgBAM0ETxpgWKac2TxK1Cg71MtBWfYIBHBAjTDnCOPXy0UaEDxE5zIrxYmLEJzE5wi4CCCJzHMco4cAQeQMwtSrQTn8ntPsDBOgpP51cIWiVF9co5sfgUWMMBGcDq/Ah0YUE0EZ9ofLQme1INHkJXQr8ACJjQHwRn9CixgQjHIOdKcLxDBszpp4QXn9CuwR0KU6IJz3N/AgtVN7Jxjm9WvwAJm1MiCd+m2vwuCJ3VTAgv+VF7AiAVpYXOOWYkBFRpSwgp+0fxcf8oAMGJRwgp+zQ3ZD4+Lt6BCU1rcIGuv1TmY3KwGIxalxBW8uuHy94P8kAGgQmPy5Bz19Dl8Bc96kBpY8KqGP4xeBwAVGlMiCwazNC7PTs8/gArNCZpzrGu4bf4hB0CF5tTQgje7NZfvxlbwpIcpsQWvcCOr2d2fJxWaEzPnWG3Uqr/9viBBKjSnRRf8zLlDufjrf8kBkkNzSnjBj58MX7QXW8F6iqBB1hmfk/o5uv7OA6rQnGYgeLM5qpOj7w95oArNqWFzjjO2c1/vvYrFaaHQJolTPAR3rOJbVcdVsJ7ERvCpF++1RDvYv8PEWjCnBs45vnOvI5XjYYSHtlgL5hQrwSd21/6p6/KGzuS0ULBCc9wEf7Ht7yOegmc9TYudc9xnwMfiYYXm1LfgUMBNEqekESwLaAvmxA+y8gqetQItiWCP00LRFsypb8GRoC2YU0yCrOdwOS0UbsGct+BIvEBwyyHY47RQeMbiVLsg6wFcDpOEZyxOeQsOBJ6xOCVHzvGHPTM2jhgGYuAOQ5bCKl3Khy7TzvzOpB9hREDYFjYguOdxTOL6JxgqeCOuf4JhPUKwxzGJ659gmE/oHIaCv7iI8QjBHsckiWAeIRgPBBsL1gM6h5/g7wo+js2tAcHGglnB26B4ghkPCFkmtwYUTzBU8DZU8EfYHJNQbCxY+SHL5NaAYmPBrOBdUGwsGPmCTW4NKsH5IcskRSPZWFDBuyDZWLDiBZvcGlSCZ3rIshP8quAz2NwakGwsGOmCXVK0SjDpIctOMBV8Ap8UjWZjwQoX7JKiZYJneMhyE/yq4DP4pGhEG4sRLtglRcsEEx6y3ARDBZ/AJ0XrBK/ozmFTKvkb0RUcLPjF5cxswbigExzdOWxKJaoRzajgLZAJJlqwTYpGNaIhunPYlEqh4FXBO/D2S6rgoxilaFQjGmZyyLIplRX8CUalEtmIZlTwDggFJ4csm1KJbERDsmBsqOAHCP5GwsoNWT6lsoI/wKlUIvslwcwV7BOypIJzQ1YFA4xcwT6lkvdvcAUfw6lUKgXTkLUB79/gCq7gCv7FqVSi+wbDasi6nwo+jVXIQvdLglnB9yMVnBqyjEqlVPBIFWwUsvj3Da7gI1iFLK3ghqz7EX6DoYLvp4JPYxWytIIbsu5H2DlghQrGiJ/2zOCEYSCIgYufLiX9pL+UmreP2EYEYUZoKliYl2YrWIXVObyC98yQReocc+wcFVzBFYwKWV7BW0PW4xxDVgXfw+ocFSzD6hxewZMZskidY44hq4IruIJRIcssuCHrcbyCX4mCUZ1jllJZwXfAOodbcGLIQnWOClaBdY5RSqXOXsEqTMHvJFAhq4JVYJ3DLHhLFDworCl6tsCQxeocFSxC6xwVLELrHG7BgSGL1TnMgidQMGsGz/JrqOAbaDPYLTgwZLFmcAWL0GZwBVfwX7ziQhasc8z6LazgS3Cdo4I1cJ2jgjVwncMuOK5UwjqHW/AeJxjWOSpYA9c55jNW9rhSOTAqWIE3gytYgjeD7YLTSiVtBlewBG8GV7AEbwa7BW9pIYs2gytYgjeDZz24gq/gzWC74LCQhZvBFawAnMEVrACcwXbBYSELN4MrWAE4gytYATiD7YLDQhZuBlewAHEluQVPlmDeSrILzgpZvJVUwQLElVTBAsSVZCcrZPFW0koFX0BcSSsVfAHwWegnKmQBZ/BKBZ+DnMErFXwOcgavVPA5XUm/iCqVwJX0BRpmB6MRAlzyAAAAAElFTkSuQmCC") 50% center / cover; } .m-mode-dark .m-default-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAABlBMVEUkJikoKy42GSMBAAAVuElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYpXcbhIEAiIInERBSAqW4iospxf0cAdXQBDkSIvAii9iB5V8y08HTLgAAAAAAAAAAAAAAAAAwpUuGsptL5isr6pNXa/ddmk8ZHRp8zbPWWzKMzZ+ypXOSw4Pzrn3y/S/cHimb6bLAWuf7UWf3um3DQBzAG3TImDfomxR9CkZA0IZ7u2QJELiI6eeh4ChLgKD5kF5C9VIknmW09iKokGNdSctNzehkh6IKnW8xYC/++8c7UvQeyGBdOJcweKOLVtzWAu8VEhZaOHkWlhDpTwgtZiOwq6+3Ehb/hGXYvrEAGoGBKeH0pXCi+pjGZF6rp1baSgJToEYPa2H51Pmu+1+EDxKIYSWcG8Kj2Zs2tz2gIfw2D2XIRNnDniF8xyNiedsI3A8SSCEpp3RhCGdpn1jeFgIfxEo4YFz6WpgZwkMe/ybUv7qcv89eKgKlCzmAFgZDGNSHEYntt73AH3jcC6XPPCmXwmJdWAZx77aVfZ5M4P04FdMEFCpArIUTQ3ghptmYwnmjtcDngsdHoVSoUoZamBvCfnw0PCYzsFoIvD9SwrASTjVEbgiDAJjPCBywnsvxyyy0MOOlcKCFPUNYqrcOAzoL2jXwgbcUzkvhhdCvprCuxYzGjtRC4Hkp7JXCvhZmprAunxOZ0M6B94elcFEKgxaGqjCksy4e+PEau43oUpiVwnIpLCrCMjgmMrF0YLcRXQpDKVxWUhVeTMY0JhaA0zXM+2dhXXJVYVXY7993f6Z0F36brQvDBmHwJxERYBfhd8O/wkbxqrAs7m+JADsE3psAKpyjwtmAwohWNWh+HujLO0zYQ4WHJxRGtJPwqQ8ZJlygwvBAA9hB+LGQQ0yYocLyatz5IcsxcE9JYsKAC8Ntt6do9//SRkoyxIT7qLCc2P+2oIuMcF9JppjwBBe+n3W/JzkJx0o4wISPa4QvCIwsl8BCCS8w4XmN8DzqfmRB4SCsexUTPqwTvux+ZLkEFkoNMGGoE35ocIwmFDg+VnSYsC5UOI2sT1mUAos5AIxwYUCF+VnnKxqeHIQPFd1djbBAhIN01PmKdgksQFVWI5wgwik/jxqvaAL38EvYTzXCHBEO09GZ/YreEeEcEY75+UWDFb0bwh4iDOloHlmeOigF3ihcVIXvGO8NzxquaAr38BuFWVV4CukjfLc8R1MKvFEYqsJXjJ+yr5HtiqYTeLNwryIMWvjhstGTIYlr6c3C04ow08Jfflj+BU4o8Gbho5fC/lK4yAZWmxKlwJuF4aXwQgl/lv7RuNExi8AtrSGMlTCFAyUMqq5tN6WdEU5M4VTf/aiaWm5KuyPMTeEQIANV3yKr60pCgbcJ56ZwrAeZFj5p0sIEbmm3CnumMKzq5sGmhSkF3iZcmMJyVT+/DBq0MIFb2q3CDBcOi7FVC++OMODCiX9t1cI7JMw4LvzLooUpBd4unOPCNwP7FiZwS/sKYa9GePb6FqYUeLtwUSP80bqFKdzhmcJ44cLTzOZZeJeEARe++hS9/ll4t4Sfq78uDNmJ7bMwhUvLP+TYz0sbURAH8PyJHrpJsWhybnvIoeAx+5/U89P8uEiLULr/hEUklpyjoIemLrvJTtOkNAnsm/fGeSzfTeYgoiB885GZNyMSftgWjk7G3ucspMAS4dMtYaKXM++ehRRYIpxvhG+i6OQ+kT07II6WIuHmRpj+Cnc9nx1QgSXC9ECb9EvhsW/PQgosEY5OL3aEz2Q9C+KkJRPOFzvC97HfswMqsEi4OdwV7vj1LKjAImGa7Qqnop4FccOTCUftXeGmX8+CCqwSpljSsyAuPDrhqOP1zoIKrBP+6tWzoALrhB8luyHESUsnXHzx6llQgVXCrUXic8+CCqwSXrS6gp4FceHRCo99HpZQgZXC7wVNGuKkpRWm2ONhCRVYJ9w0E/8mDXHhUQoTjbya9L4IZ8aMfZr03gi3l189mjRUYJXwbPk19m7SECctvXDH2aSxAquFU98mjXHh0Qu/cTZprMBqYfJt0hgXHr1wlLiaNFZgtXBx7tmkMQ4eeuFW6j537JVwduls0vsl3M49mzTGwUMvPB0mjps0VmC1cC87d0wlrMBqYTNM/aYSxoVHL0zZpaNJYwXWCh+b4Yvf6oCx/6uFibJvMT+VsAKrhKdmWcMfE6+phLH/64R7K2Ea8VMJK7BK2KyEzdhrKmHs/zphWgv/ZqcSWGCN8N1aOHoXc1MJLLBGeP0Z5VQkHlMJ5OChEjarGpiLLjeVwAJrhOmfMN16TCWQdVgjfLcW7kfRR24qgQVWCG8+otxjKoHs/xph87+GMTOVwAIrhDffZhPmggcW+PXCx1vCR+4xDLL/i4VLK0+ZMQwWWCY8NaU1GLjHMMj+LxTuWYRzZgyDBZYJG4twP3GOYZD9XyhMFmHq2McwWGCRcGER7kcj1xhG2f9lwi2y1aN9DIMFFglnxlbXrjGMsg7LhNtkqyf7GAYLLBKeWoWvEtcYBlmHZcJMnI51DIMFFgkzH8rINYZB1uFgwo+2MYwWWCRs7HXtGsMg26FMmOz1ZBvDaIElwgUjfBXzYxhlOxQJt9jmaRnDaIElwouIqSM+MMp2GE44tbw70AJLhDPD1IAfwyjboUi4TUzlNQksEZ6ywjH77kDZDkXCPVY4KX13wAWWCBuu+l323YGyHYqEia3b8ncHWmCJcMTWJ3YMo2yHAYV/lo9htMDhhD+wgVG2w4DClJTdO+ACC4QLw9c58+6A2Q4lwi1X/2TeHTDLkkR4EfH1tuzdARc4oPAv5t0BsyyFFG7XInBA4dlnshbMshRUuORP4AUOKcz8DmZZCipM1sLZHWon/HxowhMg4ZeSn+EFrptwAiRcVniBBcKZ4es7WQtnWdoRRviXVQQOLjx7/RUXZ1mqnXADSJjshbMs1U14DiRcOrXwAtdMOK1SeGrYGpK9cHaHHWGEsaMIHFwY4aE1CSoMMHYUgcMLI/zHJ4cmnAAJE1M4u0PdhBsVCheGrQuyF9BTeku4DgePokrhBcDnMT804TmQMLNaIO0ONRNOqxTOAJ7SzyGF67AOT0IKK9dhshfSy3JLuA7rcFKl8A3AwzM+NOG4SmGApzQ1QgrXYFkqGhUKFwA3y3lQ4Ro8tP6Qb8e6DoMwFIb96H40XqI7cyaWSihy0F1zhzJEHPsQs3dov6j4h9aWCucYpfcS7kTCk5dTjdJ7CVdP4fMdo/RNeINYKp7CX4KxRLMJK4/w7CuNapTeSniIp/DxjlH6Jsyfw+Yq/Il/4Hs24eYqTHAqXdcK8x94VE/h8ZJR+ibMH0vFU/gieOA1m7B4Cp/xp9JD1grnGKVvwvSxZNmEO5HwHn8s3U24uQofLxmlb8L0sVRchT/xH4dmE1ZXYYJYkrXCDL9Zma4hrsLxH4dlEzYi4ckozTZ3bCTcXIVH/L1DXS0c/9DOV3EVvuLLQrMJq6vwGR9LsliY4LJsuoa4Cn/Dy8KyCRuT8O/X0c0d+wg3X+Ej/N6hrhYmOMOZruIr/AmfSjSbsPoKh8fSkOXC4RvPgzeMEw7fsyybcPcVHuGx1JYLx28809V8ha/wPatkEy6+wmf4zZIChKljSdYLU+fwkGTCxiT8+xuNcO7YRbg7Cx8PY4nuvOOfMHMOV2fh8Oddswmrs3B4LAlAmDmHhzgLP4olyrljE+HuLDyexRJh/t+FmXO4Ogtfz2KJMP93EVZn4fPZ3SHjNnwTZo4lQQgT57BlEzaIMHEON4gwcSw1iDBxDpdswgUiTJzDAhEmjiWBCPPmsGUTNowwbw43jDBvLDWMMG8Ol2zCBSPMm8OCEeaNJcEI0+awZRM2kDBtDjeQMG0sVZAwbQ6XbMIKEqbNYQEJs8bSEJAwaw5bNuGOEmbN4YoSZo2lihJmzWHNJqwoYdIcHoISJo0lE5QwaQ73bMINJkyawwUmTBpLBSZMmsOSTVhgwpw5bDhhzljqOGHOHG7ZhCtOmDOHFSfMGUuKE6bM4SHJhE0kl3DLJvxH3h2bShQDMRS9pb/SXIpLcOjkmx8sazYSG2hAy6iFA8ZSMqtQOHLwGIXCkXX4KRSOHDygl/AByoQTB48NdcKJdXgBZcKJg8eEXsIDKBNOHDyAOuHAOnwAyoQDB48NtBLeAGXCgYPHBOqEA8vSACgTDqzDAK2EASgTzqvDYt9xCOeVpQ1AmXBeHZ4AnYQHAI2EAWgkfBAxCMcNHuKRtgjH1eGNiEE4bvCYADQSHogYhOMGD0Qcwml1+CDiEE4bPDYA9BFeiDiE0waPgYhDOK0OP4g4hNMGD15pIyw+libhsMFjIWIRDitLExGLcNixtIGIRTjsK42IRzjrWNp9s7oIb0Q8wlnH0hYiHuGsr/RAxCOcdSyNd5oIH0RMwlHH0sQjbROO+kovREzCUcfSBu80EX64aSF8uOkhLN4sn3DSObyFiEs4qQ5PRFzCSefwHm5aCB9EbMJBg8dGxCYcVIcXIjbhoMFjwE0L4QcRm3DO4HEQ8Qnn1OGNSK3w+Vr4R74dn8I5X+mBSK3w39eT1k/sWaHC/9zYwY2EMBBE0Upy8tl4JomdJLhz5uQL0ghpYa8I0LcPNnS5UngN7i44lZoLL8WVlsnasRcOs0qPgjQWnksLD5e1I6LwKkhr4am08HBZO/bCUVbpUZDWwkNh4WGzdkQU1iG9Cx/Xju6FkyDNhd9FlZbTJ7wTDnIOC9Je+FVSaVl9wuGEkyB1hWMUHqMgdYVjnMOCVBYOUXisOqZz4aRT+hYedUznwoLUFo5Qaa2C1BaOUHgkQWoLR6i0Pjqlb2FBqgsHqLRgkW4gHOAcToJUFw5QeHx0TtfCukrHwpefcM/CoyD1hZ+vtH4EqS/8eOGxCtJA+PFK66urdCz8EaSB8OOVliBthcuH1u5RYuElL2y2V7Jw/ljye5RYeM5VWn6PUiDhryA3CU+5SsvvUSLh/Cpt+Cix8MCVluVEhxEeBblL+I3ZNsNHiYW3TPzWLBZeWdhzokmYV2nTiSbhvxfGc6KDCCdBbhNeuNLynGgQ5lXa9B+NwjNXWp4THUMYJ7pDYZzoHoWTKPcJT1xpeU40CNOxZPuPRuGBKy3DPTqIsDj3Cb8xv3ZdR1Z4gxi2d1nhNSPsOdH/7JwxbhsxEEX/ylgYUeNKtXtdwnuELRQnhQ+RAxigjuIy8CWiI6RR6pRBqhQpjMAQY+/KCGguhySib88o+QcQ9vMtyZm/pBKEe2AhVBZmN+EU4RsAePNWlLP5Rk8S7jDoxCdkdxMOCMfL5vxWkMlNeJLwKhyNWIY34ZBwPOatMIdNbsIx4RGwjNhqJxwRjgCLiG0uWROEEchPyGT+niAcTap5MrS0uWTFhDsEanwkw1VWTDg+aZGMtGwuWRHhHs905p/L4EdwgXA85qlIy2AZPUF4NTUioQyX0RHhyZdsniBsck+KCHcIFPRMxwH4GWFMKBFaGgUcEl5hQhd+0JEADgn/AEon8SejgEPCHZCZxObOksqEMalpwkYBB4RXQHISH8kMDgmHU1huip1RwAHhDkhM4uMBHBBONS+HDy1vwFee8EoYlCNokyLC6cdYHDrS6lAuIuEeCZ16bz7omCK8QULNBGFjSdYkYSTlH2T2g3CSsFDsLePQ0uSWFBLukdT5K2XRJxsANMLCUtIKoSWT8MUG4BHuhJF+nTl86qmEpZBYiLSIiMfaj0YYgtxrID4fDbMIX0PQMiZMR3zquYQ/y4P98oi95xL+AEFtFFrS852LoCYjEBZH/eTFq+mzoAglEP61hqRDR1rr/AQmE34HFC/T/Mij8Z5NOPMEy4gw9aUO5jqHcA+ULtP8lTpc3DiEM8tIe/iTluIz8Ql3uUXk4NpJfPmENxA1uw3Fc9xESxuHMDLyDAmvUmCYQPg7MuJcD9gkpi+f8BUEsb8Sx0eG+ITjTFrOphmWL3iBfUy4z9e25VL9hWJPOJuszUpCSwuG94Q7RKrvl0wY3hNeI5L09cHwFZ89YWTl8zJheCT8BVkdF+Fr4AAbsQnDI+FvyGpeGloqvyEwEu4BjRvxYJhCuOCX23xoacLwSLgDNG7EPMJrZNVUENb86XwkvIbKjXg0zCCMAi2zoaUJwwPhq9KhkWXC8GDjJwq0KA8tNV/FHAi/h6DyaNqEYVdcws3LQ0vNt6mDyyx/HU1bIVy0wc/+NcL5UsuEYVf86jTloaXmiyADYQAaSy2KYVf+w8tMaGnD8CPhSwBQmHnQCN8rJTw8F4NwD6gstSiGXXlW1haGlqpz+D+EFaZaHMLlScosG1paIdwBKkstimFX0WcXEladww+EUabGy7Jh2FXU6LnQ0oThJ8IaU62vIMhVVHBLObS0YXi8GK6zmOYQrtjf50cQSz8S7gGdxTTFsKtYDFs5lrZheCSss5hegyBXsTbM5NDShuHxzx10FtMcwhVTpSkKLXWntI+EAaXFNBhy3q//E9aRTO/AkKsZyCOIpTH8QYvOdolEuOZ3FwWhpfIMbySss13iGHb+XivhOzA0/AWPznaJRLhmIOf2Y+mRsM52iWPY1WSDrf3QEtunZknfQR6OYVcTlTXmT0vvCetsiDmGXVVyZD+WfiAMKG2IN2DI1QQpjf3QciCstCFmEUaFzJ+WBrYrQGlDzDHsdqjQ0vpZWmB7CShtiEGRq2rCFuZDS2xXWgnvQJG/00qYZPj2I6Az8lBBeG79LC1wewPojDxIhuva7NZ8aPm7nTPGiRCMwuAsic32ewkPqZxnT8ERrCy04QgUFhQGTFxNLOSRP+aR+cF3gp1MtvgGwqdhZ/JIAp57q+GB2/0b/tuVjbCm8k88ANcOnFFrILitDJ+qj5ZcW6RRKwl4bq2GO253GMNJwDNFt5ql7YWHV5BmyyTgR4puNVragwfPIM2W5NxkNTyRcy9Ww1nADxTd/VKWrgb4HZzZMvhhWwJflqLlXoHXDOvnMG9Ww1nAIzjD9EBw2wGfl7L0XoEPZ/iyEi31+58RnI8esoAHiu5uxbB+/zNYDUuAzytZWr//GcD56CEL+Kn0PxxHS/3+p7caJul6qeGJrzuKYQtwE2dp/xymB+XjwzTgjqI7xdHSP4fppIY1wLFh/zrUGrYAN3GW9q9DrWEL8CmOlv51SAvKVwA0wLFh/zrUGrYAE2dp/zrUGub7DmL4xzo8hmEPcJilK1iHtChf1PIAh1m6gnVoNTxiudBwBesQnIY9wGGWrmAdWg17gMMsXcE6tBr2AIeGK1iHVsMe4DBLV7AOpYYnNPdrlt4z8BxcDWNJajgP+APOqbY1JGLJMQAAAABJRU5ErkJggg=="); } .m-default-header-bg { background: url("/assets/c8f548c3d37270b0.png") 50% center / cover; } .m-mode-dark .m-default-header-bg { background-image: url("/assets/06f67f7b855a05b2.png"); } .g-disabled { pointer-events: none; opacity: 0.4; } .g-pointer-cursor { cursor: pointer; } .g-negative-sides-gaps { margin-left: -16px; margin-right: -16px; } .g-negative-l-gap { margin-left: -16px; } .g-negative-r-gap { margin-right: -16px; } .g-sides-l-gap { padding-left: 16px; } .g-sides-gaps, .g-sides-r-gap { padding-right: 16px; } .g-sides-gaps { padding-left: 16px; } .g-sides-gaps.m-exception-height { flex: 1 1 auto; } #content > .g-sides-gaps:not(.m-exception-height) { min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { #content > .g-sides-gaps:not(.m-exception-height) { min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { #content > .g-sides-gaps:not(.m-exception-height) { min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } .l-wrapper__content > .g-sides-gaps:not(.m-exception-height):only-child { min-height: inherit; max-width: 100%; } .g-sides-gaps.m-empty-content { display: flex; flex-direction: column; } .g-empty-container { flex: 1 1 0%; display: flex; flex-direction: row; place-content: center; align-items: center; } .g-empty-container .infinite-loading-container { flex: 1 1 0%; width: 100%; } .g-min-height { min-height: 100%; } @media (max-width: 1003.98px) and (orientation: landscape) { .g-min-height { min-height: auto; } } @media (min-width: 1004px) { .m-cookies-notice-show .g-min-height.m-main-container { min-height: calc(100% - 56px); } } .g-text-uppercase { text-transform: uppercase; } .h-100 { height: 100%; } .w-100 { width: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .mw-0 { min-width: 0px; } span.m-success { display: inherit; } span.m-success > .g-icon { color: rgb(0, 175, 240); } span.m-danger { display: inherit; } span.m-danger > .g-icon { color: rgb(231, 108, 108); } .m-lowercase { text-transform: lowercase; } #dialog { z-index: 10000000; } #dialog .modal-sm { max-width: none; } .circular { animation: 2s linear infinite rotation; transform-origin: center center 0px; } .circular .path { stroke: rgb(255, 255, 255); stroke-dasharray: 1px, 200px; stroke-dashoffset: 0px; animation: 1.5s ease-in-out infinite dash; stroke-linecap: round; } .g-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-break-word { hyphens: auto; } .m-break-word, .m-break-word-default { overflow-wrap: break-word; word-break: break-word; } .m-break-all { overflow-wrap: break-word; word-break: break-all; } .m-bg-color-gray { background-color: var(--marked-color); } .m-default-font-weight { font-weight: 400; } .g-semibold { font-weight: 500; } hr { border: 0px; height: 0px; overflow: visible; } .b-line-hr { position: relative; padding-top: 10px; height: 1px; border-top: 1px solid rgba(138, 150, 163, 0.25); } .no-bottom { bottom: 0px !important; } .g-sm-text { font-size: 12px; line-height: 16px; } .g-sm-text.m-less-fs { font-size: 11px; } .g-sm-text.m-more-fs { font-size: 14px; line-height: 16px; } button.b-section-title.m-row { width: 100%; text-align: left; } .b-section-title { font-size: 16px; line-height: 24px; font-weight: 500; overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-useful-data .b-section-title { margin-bottom: 14px; } .b-section-title.g-gray-text { color: rgb(138, 150, 163); } .b-section-title.m-simple-text, .b-section-title.m-size-sm { font-size: 14px; line-height: 20px; } .b-section-title.m-simple-text { font-weight: 400; color: rgb(138, 150, 163); margin-bottom: 9px; } .b-useful-data .b-section-title.m-simple-text { margin-bottom: 14px; } .b-separate-section .b-section-title.m-simple-text { margin-top: 10px; } .b-section-title.m-row { padding: 12px 16px; } .b-section-title.m-row.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } .b-section-title.m-row.m-collapsible { padding-right: 52px; } .b-useful-data .b-section-title.g-text-uppercase.g-gray-text { margin-bottom: 5px; margin-top: 4px; } .b-separate-section .b-section-title.g-text-uppercase.g-gray-text { margin-bottom: 15px; } .b-useful-data .b-section-title.g-text-uppercase.g-gray-text.m-empty-block-title { margin-bottom: 26px; } .b-section-title__arrow { position: absolute; top: 50%; right: 16px; margin: 0px; transform: translateY(-50%); display: flex; flex-direction: row; place-content: center; align-items: center; width: 24px; height: 24px; } .b-section-title__arrow .g-icon.m-button-arrow { transition: transform 0.2s; } .m-active .b-section-title__arrow .g-icon.m-button-arrow { transform: rotate(180deg); } .g-md-text { font-size: 14px; line-height: 20px; } .g-default-text { font-size: 16px; line-height: 24px; } .b-separate-section { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-top: 18px; } .b-separate-section + .b-separate-section { border-top: 8px solid var(--marked-color); } .b-separate-section:has(> .b-btn-collapse:last-child) { border-bottom: medium; } .b-separate-section:has(> .b-btn-collapse:last-child) .b-btn-collapse { margin-left: -16px; margin-right: -16px; } .b-separate-section:has(> .infinite-loading-container:last-child > .infinite-status-prompt:not([style*="display: none;"]) .b-posts_preloader) { border-bottom: medium; } .b-separate-section:has(> .infinite-loading-container:last-child > .infinite-status-prompt:not([style*="display: none;"]) .b-posts_preloader) .infinite-loading-container { margin-top: 10px; } .b-separate-section:not([style="display: none;"]) + .b-sticky-position-dropdown .b-holder-options { border-top: 8px solid var(--marked-color); } .b-separate-section:not(.mb-0):last-child { margin-bottom: 40px; } .b-separate-section.m-without-bold-border { border-top: medium; } .b-separate-section.m-expanded + .m-without-bold-border > :first-child { border-top: 8px solid var(--marked-color); } .b-separate-section.m-pt-after-tabs { padding-top: 8px; } .b-separate-section.m-top-extra-sm { padding-top: 11px; } .b-separate-section.m-without-cards:last-child { margin-bottom: 0px; } .b-separate-section.m-without-cards ~ .b-separate-section { border-top: medium; border-bottom: 8px solid var(--marked-color); padding-top: 0px; } .b-separate-section.m-reset-bb { border-bottom: medium; } .b-separate-section__header { padding-top: 16px; padding-bottom: 16px; } .b-separate-section__header:first-child { margin-top: -18px; } .b-separate-section__header.m-notice { padding-top: 14px; padding-bottom: 14px; } .b-payout-types .b-separate-section__header { padding-top: 15px; } .b-strong-codes { font-family: Roboto Mono, monospace; } .g-page-content { width: 100%; display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } .b-settings__wrapper .g-page-content { width: auto; min-height: calc(var(--vh, 1vh)*100 - 56px); } @media (max-width: 499.98px) { .b-settings__wrapper .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 113px); } } .m-modal-view .g-page-content { min-height: auto; height: 100%; border-top-left-radius: 0px; border-top-right-radius: 6px; } .m-modal-view .l-main-content:not(.m-r-side) .g-page-content { border-top-left-radius: 6px; } .g-page-content__body.mt-auto.mb-auto:has(.infinite-status-prompt:not([style*="display: none;"]) .empty-message):has(.b-new-event-btn) { display: flex; flex-direction: column; flex: 1 1 0%; } .g-page-content__body.mt-auto.mb-auto:has(.infinite-status-prompt:not([style*="display: none;"]) .empty-message):has(.b-new-event-btn) .infinite-loading-container { margin: auto; } .g-position-relative { position: relative; } .b-price { color: rgb(138, 150, 163); font-size: 14px; line-height: 16px; display: flex; flex-direction: row; align-content: center; align-items: center; } .b-price .g-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-left: 4px; } body div#goog-gt-tt.skiptranslate, body div.goog-te-spinner-pos { display: none; } .g-page__link { cursor: pointer; } .g-page__link:hover { text-decoration: underline; } .g-page__link.g-blue:hover { color: rgb(0, 145, 234); } .g-page__link.m-click-area { position: relative; } .g-page__link.m-click-area::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 30px; height: 30px; } @media (orientation: portrait) { .m-android.m-sidebar-visible.m-prevent-scrolling { position: static; } } .m-captcha-modal:not([style*="left: 0;"]) { left: 50% !important; transform: translateX(-50%); } .m-captcha-modal:not([style*="left: 0;"]) .g-recaptcha-bubble-arrow { display: none !important; } .g-header-sticky-edge { padding-top: 56px; top: -56px; margin-top: -56px; min-height: 112px; } .g-header-sticky-edge.m-content-header { padding-top: 0px; margin-top: 16px; } ul.default-list { margin: 0px 0px 10px 20px; } .b-post .b-summary-list .b-dragscroll span:not([class]) { font-weight: 500; } .b-memory-post .b-post .b-summary-list:last-child { margin-top: 0px; } .b-memory-post .b-post .b-summary-list:last-child .b-dragscroll { position: absolute; left: 0px; right: 0px; top: calc(100% + 6px); transform: translateZ(0px); } .b-memory-post .b-post .b-summary-list:last-child .b-dot-item { color: rgb(254, 254, 254); } .b-summary-list:has(.b-dragscroll:empty) { display: none !important; } .b-summary-list__item.m-current { color: var(--text-color); } .pswp .b-summary-list__item { color: rgb(254, 254, 254); } .b-summary-list__item[disabled] { opacity: 1; } .b-summary-list__item > span { font-weight: 500; } .b-summary-list__item[href][m-hover-state] { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .b-summary-list__item[href]:hover { text-decoration: underline; } } .b-element-label { position: absolute; border-radius: 6px; font-size: 12px; line-height: 16px; padding: 4px 6px; z-index: 3; min-height: 24px; display: inline-flex; font-weight: 500; background-color: rgba(0, 0, 0, 0.25); } .b-element-label.m-timestamp { left: 6px; top: 8px; color: rgba(255, 255, 255, 0.75); } .b-element-label.m-payment-label { top: 11px; left: 11px; color: rgb(254, 254, 254); } .b-element-label.m-payment-label.m-position-compact { left: 8px; top: 8px; } .b-element-label.m-payment-label.m-position-compact.m-position-rt { left: auto; right: 8px; } .b-element-label.m-payment-label.m-position-compact.m-position-rt .g-icon { margin-left: 3px; margin-right: 0px; } *, ::after, ::before { box-sizing: border-box; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-fill { flex: 1 1 auto !important; } .flex-fill-1 { flex: 1 1 0% !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-basis-0 { flex-basis: 0px !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .align-items-center { align-items: center !important; align-content: center !important; } .align-items-start { align-items: flex-start !important; align-content: flex-start !important; } .align-items-end { align-items: flex-end !important; align-content: flex-end !important; } .align-items-baseline { align-items: baseline !important; align-content: baseline !important; } .align-items-stretch { align-items: stretch !important; align-content: stretch !important; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } @media (min-width: 1px) { .col-xs-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .col-xs-2 { max-width: 16.6667%; flex: 0 0 16.6667%; } .col-xs-3 { max-width: 25%; flex: 0 0 25%; } .col-xs-4 { max-width: 33.3333%; flex: 0 0 33.3333%; } .col-xs-5 { max-width: 41.6667%; flex: 0 0 41.6667%; } .col-xs-6 { max-width: 50%; flex: 0 0 50%; } .col-xs-7 { max-width: 58.3333%; flex: 0 0 58.3333%; } .col-xs-8 { max-width: 66.6667%; flex: 0 0 66.6667%; } .col-xs-9 { max-width: 75%; flex: 0 0 75%; } .col-xs-10 { max-width: 83.3333%; flex: 0 0 83.3333%; } .col-xs-11 { max-width: 91.6667%; flex: 0 0 91.6667%; } .col-xs-12 { max-width: 100%; flex: 0 0 100%; } } @media (min-width: 768px) { .col-sm-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .col-sm-2 { max-width: 16.6667%; flex: 0 0 16.6667%; } .col-sm-3 { max-width: 25%; flex: 0 0 25%; } .col-sm-4 { max-width: 33.3333%; flex: 0 0 33.3333%; } .col-sm-5 { max-width: 41.6667%; flex: 0 0 41.6667%; } .col-sm-6 { max-width: 50%; flex: 0 0 50%; } .col-sm-7 { max-width: 58.3333%; flex: 0 0 58.3333%; } .col-sm-8 { max-width: 66.6667%; flex: 0 0 66.6667%; } .col-sm-9 { max-width: 75%; flex: 0 0 75%; } .col-sm-10 { max-width: 83.3333%; flex: 0 0 83.3333%; } .col-sm-11 { max-width: 91.6667%; flex: 0 0 91.6667%; } .col-sm-12 { max-width: 100%; flex: 0 0 100%; } } @media (min-width: 1004px) { .col-md-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } .col-md-2 { max-width: 16.6667%; flex: 0 0 16.6667%; } .col-md-3 { max-width: 25%; flex: 0 0 25%; } .col-md-4 { max-width: 33.3333%; flex: 0 0 33.3333%; } .col-md-5 { max-width: 41.6667%; flex: 0 0 41.6667%; } .col-md-6 { max-width: 50%; flex: 0 0 50%; } .col-md-7 { max-width: 58.3333%; flex: 0 0 58.3333%; } .col-md-8 { max-width: 66.6667%; flex: 0 0 66.6667%; } .col-md-9 { max-width: 75%; flex: 0 0 75%; } .col-md-10 { max-width: 83.3333%; flex: 0 0 83.3333%; } .col-md-11 { max-width: 91.6667%; flex: 0 0 91.6667%; } .col-md-12 { max-width: 100%; flex: 0 0 100%; } } @media (min-width: 1280px) { .col-lg-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } } .col-1 { max-width: 8.33333%; flex: 0 0 8.33333%; } @media (min-width: 1280px) { .col-lg-2 { max-width: 16.6667%; flex: 0 0 16.6667%; } } .col-2 { max-width: 16.6667%; flex: 0 0 16.6667%; } @media (min-width: 1280px) { .col-lg-3 { max-width: 25%; flex: 0 0 25%; } } .col-3 { max-width: 25%; flex: 0 0 25%; } @media (min-width: 1280px) { .col-lg-4 { max-width: 33.3333%; flex: 0 0 33.3333%; } } .col-4 { max-width: 33.3333%; flex: 0 0 33.3333%; } @media (min-width: 1280px) { .col-lg-5 { max-width: 41.6667%; flex: 0 0 41.6667%; } } .col-5 { max-width: 41.6667%; flex: 0 0 41.6667%; } @media (min-width: 1280px) { .col-lg-6 { max-width: 50%; flex: 0 0 50%; } } .col-6 { max-width: 50%; flex: 0 0 50%; } @media (min-width: 1280px) { .col-lg-7 { max-width: 58.3333%; flex: 0 0 58.3333%; } } .col-7 { max-width: 58.3333%; flex: 0 0 58.3333%; } @media (min-width: 1280px) { .col-lg-8 { max-width: 66.6667%; flex: 0 0 66.6667%; } } .col-8 { max-width: 66.6667%; flex: 0 0 66.6667%; } @media (min-width: 1280px) { .col-lg-9 { max-width: 75%; flex: 0 0 75%; } } .col-9 { max-width: 75%; flex: 0 0 75%; } @media (min-width: 1280px) { .col-lg-10 { max-width: 83.3333%; flex: 0 0 83.3333%; } } .col-10 { max-width: 83.3333%; flex: 0 0 83.3333%; } @media (min-width: 1280px) { .col-lg-11 { max-width: 91.6667%; flex: 0 0 91.6667%; } } .col-11 { max-width: 91.6667%; flex: 0 0 91.6667%; } @media (min-width: 1280px) { .col-lg-12 { max-width: 100%; flex: 0 0 100%; } } .col-12 { max-width: 100%; flex: 0 0 100%; } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 1004px) { .container { max-width: 1080px; } } @media (min-width: 1280px) { .container { max-width: 1312px; } } .container { margin-right: auto; margin-left: auto; padding: 0px 16px; width: 100%; } .container::after, .container::before { content: " "; display: table; } .container::after { clear: both; } .container-center { align-items: center; justify-content: center; } .container.m-main-container { display: flex; flex-direction: column; flex: 1 1 0%; } @media (min-width: 500px) { .container.m-main-container { flex-direction: row; align-items: flex-start; align-content: flex-start; } } @media (max-width: 1003.98px) { .container.m-main-container { padding-left: 0px; padding-right: 0px; } } @media (min-width: 500px) { .container.m-main-container:not(.m-right-sidebar) #content::after { content: ""; position: absolute; inset: 0px -1px; pointer-events: none; z-index: 7; border-left: 1px solid rgba(138, 150, 163, 0.25); } .container.m-main-container:not(.m-right-sidebar) #content { position: relative; } .m-black-body .container.m-main-container:not(.m-right-sidebar) #content { max-width: 100%; } .m-black-body .container.m-main-container:not(.m-right-sidebar) #content::after { content: none; } } @media (min-width: 1004px) { .container.m-main-container:not(.m-right-sidebar) #content::after { left: auto; max-width: 1001px; width: calc(100% + 2px); } .container.m-main-container:not(.m-right-sidebar) #content > .b-chats > .b-chats__conversations, .container.m-main-container:not(.m-right-sidebar) #content > .b-settings, .container.m-main-container:not(.m-right-sidebar) #content > .container, .container.m-main-container:not(.m-right-sidebar) #content > .g-sides-gaps, .container.m-main-container:not(.m-right-sidebar) #content > .l-container { width: 100%; max-width: 999px; margin-left: auto; margin-right: 0px; } .container.m-main-container:not(.m-right-sidebar) #content > .b-settings { min-height: 100vh; } } @media only screen and (min-width: 680px) { .container.m-main-container:not(.m-right-sidebar) #content::after { border-right: 1px solid rgba(138, 150, 163, 0.25); } .m-black-body .container.m-main-container:not(.m-right-sidebar) #content::after { content: none; } } .story-ran .container.m-main-container:not(.m-right-sidebar) body:not(.image-editor) { opacity: 0; } @media (max-width: 499.98px) { .container.m-main-container:not(.m-right-sidebar) + .l-footer-static.m-guest { padding-bottom: 107px; } } .container.m-w9-page { max-width: 1312px; } .g-static-container { flex: 1 1 0%; } @media (min-width: 768px) { .g-static-container .container { max-width: 746px; } } @media (min-width: 1004px) { .g-static-container .container { max-width: 966px; } } @media (min-width: 1280px) { .g-static-container .container { max-width: 1200px; } } @media (min-width: 768px) { .g-static-container .m-apperance .container { max-width: 968px; } } .g-static-container .b-wrapper-page, .g-static-container .b-wrapper-page > .container { flex: 1 1 0%; display: flex; flex-direction: column; width: 100%; min-height: 100%; } .row { display: flex; flex-wrap: wrap; margin: 0px -16px; } .row > [class*="col"]:not(.col-auto) { width: 100%; } .row > [class*="col"] { position: relative; min-height: 1px; padding: 0px 16px; } .row.m-half-gap { margin-left: -8px; margin-right: -8px; } .row.m-half-gap [class*="col-"] { padding-left: 8px; padding-right: 8px; } .row.m-quarter-gap { margin-left: -4px; margin-right: -4px; } .row.m-quarter-gap [class*="col-"] { padding-left: 4px; padding-right: 4px; } .row.m-block { align-items: flex-start; } .row::after, .row::before { content: none; } #content { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px; width: 100%; min-height: 100%; } @media (min-width: 500px) { body[style*="padding-right"] #content[style*="margin-left"] { border-right: 1px solid rgba(138, 150, 163, 0.25); box-sizing: content-box; } } #content > .container { flex: 1 1 0%; display: flex; flex-direction: column; } @media (max-width: 767.98px) { #content > .container { width: 100%; } } @media (min-width: 500px) { .m-main-container #content { margin-left: auto; max-width: calc(100% - 64px); } } @media (min-width: 616px) { .m-main-container #content { max-width: calc(100% - 80px); } } @media (min-width: 1004px) { .m-main-container #content { max-width: calc(100% - 64px); } } @media (min-width: 1280px) { .m-main-container #content { max-width: calc(100% - 264px); } .m-main-container .m-narrow-width-header ~ #content { max-width: calc(100% - 64px); } } .l-wrapper.m-relative { position: relative; } #content .l-wrapper { display: flex; flex-direction: row; align-content: flex-start; align-items: flex-start; flex: 1 1 0%; } @media (min-width: 1280px) { #content .l-wrapper:not(.m-sidebar-wider) { max-width: 100%; } } .l-wrapper.m-screen-height { min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .l-wrapper.m-screen-height { min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .l-wrapper.m-screen-height { min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } .image-editor .l-wrapper, .story-ran .l-wrapper { visibility: hidden; } .l-wrapper__holder-content { max-width: 100%; flex: 0 0 100%; min-height: 100%; align-self: stretch; } @media (min-width: 1004px) { .l-wrapper__holder-content { min-width: 600px; max-width: 632px; flex: 1 1 0%; position: relative; } .l-wrapper__holder-content:last-child { margin-right: 384px; } .m-content-one-column .l-wrapper__holder-content { width: 100%; max-width: 1000px; flex: 0 0 100%; margin-left: auto; } .l-wrapper__holder-content:has(+ .l-wrapper__sidebar.m-disable-fully-scroll) { z-index: 3; } } .l-wrapper__holder-content.m-inherit-zindex, .m-prevent-scrolling .l-wrapper__holder-content.m-inherit-zindex { z-index: inherit; } @media (min-width: 768px) { .m-prevent-scrolling .l-wrapper__holder-content { z-index: 1; } } .l-wrapper__holder-content.m-height-loading { max-height: calc(var(--vh, 1vh)*100); display: flex; } .l-wrapper__content { max-width: 100%; flex: 0 0 100%; min-height: 100%; } @supports (min-height:env(safe-area-inset-bottom)) { .l-wrapper__content { min-height: calc(100dvh - 57px - env(safe-area-inset-bottom)); } } @supports (min-height:constant(safe-area-inset-bottom)) { .l-wrapper__content { } } @media (max-width: 1003.98px) { .l-wrapper__content { align-self: stretch; } } @media (min-width: 500px) { .l-wrapper__content { margin-left: auto; min-height: 100%; } } @media (min-width: 1004px) { .l-wrapper__content::after { content: ""; position: absolute; inset: 0px -1px; pointer-events: none; z-index: 7; border-right: 1px solid rgba(138, 150, 163, 0.25); } .l-wrapper__content { max-width: 600px; flex: 0 0 600px; position: relative; z-index: 0; align-self: stretch; } } @media (min-width: 1280px) { .l-wrapper__content { margin-left: auto; margin-right: auto; } } .l-wrapper__content.m-empty-page { display: flex; flex-direction: column; } .l-wrapper__content.m-empty-page > .g-sides-gaps:not(.m-exception-height):only-child { display: flex; flex-direction: column; flex: 1 1 0%; } @media (min-width: 1280px) { .m-sidebar-wider .l-wrapper__content { margin-right: 0px; } } .m-height-loading .l-wrapper__content { display: flex; flex-direction: row; place-content: center; align-items: center; } .m-right-sidebar .l-wrapper__content::after { border-left: 1px solid rgba(138, 150, 163, 0.25); } .m-inherit-zindex .l-wrapper__content, .m-prevent-scrolling .m-inherit-zindex .l-wrapper__content { z-index: inherit; } @media (min-width: 1004px) { .m-content-one-column .l-wrapper__content { width: 100%; max-width: 1000px; flex: 0 0 100%; margin-right: 0px; } } .l-wrapper__content:has(.l-profile-container):has(.b-no-posts .empty-message) { display: flex; flex-direction: column; } .l-wrapper__content:has(.l-profile-container):has(.b-no-posts .empty-message) .l-profile-container ~ .g-sides-gaps { display: flex; flex: 1 1 0%; } @media (min-width: 1004px) { .l-wrapper__sidebar { min-height: calc(var(--vh, 1vh)*100); flex: 1 1 0%; max-width: 368px; margin-left: 16px; z-index: 2; padding-top: 16px; padding-bottom: 16px; top: 0px; overflow: auto; position: sticky; } .l-wrapper__sidebar:not(.m-disable-autoscroll) { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .l-wrapper__sidebar:not(.m-disable-autoscroll) { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); } } .l-wrapper__sidebar:not(.m-disable-autoscroll) { scrollbar-width: none; scroll-behavior: auto; } .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar { display: none; color: rgb(255, 255, 255); height: 0px; width: 0px; appearance: none; } .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar, .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-track { width: 0px; height: 0px; background: rgba(255, 255, 255, 0); opacity: 0; appearance: none; } .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-thumb { opacity: 0; background: transparent; border: medium; box-shadow: none; display: none; } .l-wrapper__sidebar:not(.m-disable-autoscroll)::-webkit-scrollbar-button { display: none; width: 0px; height: 0px; } .l-wrapper__sidebar:not(.m-disable-autoscroll) { pointer-events: none; } .l-wrapper__sidebar.m-scrollbar-y:not(.m-invisible-scrollbar) { max-width: 378px; margin-right: -10px; } .l-wrapper__sidebar.m-disable-autoscroll { max-height: calc(var(--vh, 1vh)*100); } .l-wrapper__sidebar.m-disable-autoscroll.m-native-custom-scrollbar { overflow-y: scroll; } .l-wrapper__sidebar.m-disable-fully-scroll { overflow: visible; } } @media (min-width: 1004px) and (min-width: 1004px) { .l-wrapper__sidebar.m-disable-fully-scroll { border-right: 1px solid rgba(138, 150, 163, 0.25); } } @media (min-width: 1004px) { .l-wrapper__sidebar.m-empty-section { display: flex; flex-direction: column; } .m-sidebar-wider .l-wrapper__sidebar { margin-left: 1px; max-width: 397px; margin-right: -16px; } .l-wrapper__sidebar__inner { max-height: calc(var(--vh, 1vh)*100); inset: 0px; padding-top: 16px; padding-bottom: 16px; width: 100%; max-width: 100%; position: absolute; } .m-empty-section .l-wrapper__sidebar__inner { flex: 1 1 0%; display: flex; flex-direction: column; } .l-wrapper__sidebar > * { pointer-events: auto; } } @media (min-width: 1280px) { .m-sidebar-wider .l-wrapper__sidebar { min-width: 397px; margin-right: 0px; } } @media (min-width: 1004px) { .m-prevent-scrolling .l-wrapper__sidebar { z-index: 0; } } [class*="col-"].m-equal-heights { display: flex; } .l-container { position: relative; } @media (max-width: 1003.98px) { .l-container { display: flex; flex-direction: column; flex: 1 1 0%; } } @media (min-width: 768px) { .l-container { min-height: calc(var(--vh, 1vh)*100); } } .l-container.m-modal-view { height: calc(var(--vh, 1vh)*100 - 80px); min-height: auto; } @media (min-width: 768px) { .l-container.m-modal-view { height: calc(var(--vh, 1vh)*100 - 146px); } } @media (min-width: 1004px) { .l-container { display: flex; } } .l-sidebar-column { min-height: calc(var(--vh, 1vh)*100); } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .l-sidebar-column { min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .l-sidebar-column { min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } @media (min-width: 1004px) { .l-sidebar-column { width: 360px; } .m-modal-view .l-sidebar-column { width: 50%; } } .m-modal-view .l-sidebar-column { min-height: 100%; border-top-left-radius: 6px; } .l-sidebar-column.m-sticky-column { max-height: calc(var(--vh, 1vh)*100); display: flex; flex-direction: column; position: sticky; top: 0px; } .l-container:hover .l-sidebar-column.m-sticky-column.m-safari-sticky-fix { z-index: 100; } @media (min-width: 1004px) { .l-sidebar-column.m-l-side { border-right: 1px solid rgba(138, 150, 163, 0.25); } } @media (max-width: 1003.98px) { .l-sidebar-column.m-l-side .g-page__header::after { display: none; } } .l-sidebar-column__scroll-section { flex: 1 1 0%; position: relative; } .l-sidebar-column__scroll-section__inner { inset: 0px; position: absolute; } .l-sidebar-column__scroll-section__inner > :only-child { min-height: 100%; position: relative; } .l-main-content { position: relative; } .l-main-content.m-r-side { max-width: calc(100% - 360px); flex: 1 1 0%; } @media (min-width: 1004px) { .m-modal-view .l-main-content.m-r-side { max-width: 50%; } } .l-main-content.m-empty-content { min-height: calc(var(--vh, 1vh)*100); display: flex; flex-direction: column; } @media (max-width: 1003.98px) { .l-main-content.m-empty-content { flex: 1 1 0%; min-height: auto; } } @media (min-width: 768px) { .b-feed__aside > .b-menu-list { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; margin-bottom: 16px; } } .b-menu-list__el { display: flex; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; position: relative; min-height: 48px; padding: 11px 16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); z-index: 1; text-align: left; } .b-menu-list__el:has(.b-menu-list__icon), .b-menu-list__el:has(.g-btn.m-btn-remove) { padding-right: 40px; } .b-menu-list__el:has(.b-menu-list__subtext) { min-height: 60px; padding-top: 11px; padding-bottom: 16px; } .b-menu-list__el:has(.b-menu-list__subtext) .b-menu-list__text { margin-bottom: 4px; } .b-menu-list__el:has(.b-menu-list__subtext):has(.g-btn.m-border.m-rounded) { padding-top: 7px; padding-bottom: 7px; display: grid; grid-template-columns: 1fr 1fr auto; grid-template-areas: "name name button" "subline subline button"; align-items: center; } .b-menu-list__el:has(.b-menu-list__subtext):has(.g-btn.m-border.m-rounded) .b-menu-list__text { grid-area: name; } .b-menu-list__el:has(.b-menu-list__subtext):has(.g-btn.m-border.m-rounded) .b-menu-list__subtext { grid-area: subline; } .b-menu-list__el:has(.b-menu-list__subtext):has(.g-btn.m-border.m-rounded) .g-btn.m-border { grid-area: button; } .b-menu-list__el:has(.b-menu-list__subtext):has(.b-menu-list__icon) { padding-top: 7px; padding-bottom: 7px; } .b-menu-list__el:has(.b-menu-list__subtext):has(.b-menu-list__icon) .b-menu-list__text { margin-top: -3px; margin-bottom: 0px; } .b-menu-list__el:has(.b-menu-list__subtext):has(+ .b-menu-list__btn:last-child) { padding-bottom: 12px; } .b-menu-list__el:has(.b-menu-list__subtext).m-after-title .b-menu-list__text { margin-top: -4px; margin-bottom: 1px; } .b-menu-list__el:has(.g-btn.m-rounded) { padding-top: 12px; padding-bottom: 11px; } .b-menu-list__el:has(.g-btn.m-rounded) .b-menu-list__text { flex: 1 1 0%; } .b-menu-list__el:has(.b-menu-list__btn:last-child) { padding-top: 14px; padding-bottom: 14px; } .b-menu-list__el:has(.b-input-radio__label) .b-input-radio__container { position: static; } .b-menu-list__el:has(.b-input-radio__label) .b-input-radio__label { left: 16px; top: 13px; } .b-menu-list__el:has(.v-select) { padding-top: 8px; padding-bottom: 12px; } .b-menu-list__el[href] { color: inherit; } @media (any-hover: hover) and (pointer: fine) { .b-menu-list__el[href]:focus-visible:not([tabindex="-1"]) { color: inherit; } .b-menu-list__el[href]:focus-visible:not([tabindex="-1"]) .b-menu-list__text { color: rgb(0, 145, 234); } .b-menu-list__el[href]:focus-visible:not([tabindex="-1"]).m-with-rectangle-hover::after { outline-offset: 0px; } } @media (any-hover: hover) and (pointer: fine) { .b-menu-list__el[href][tabindex="-1"]:focus-visible::after { outline: none; } } .b-menu-list__el[href][disabled] { pointer-events: none; } .b-menu-list__el[href][disabled] > * { opacity: 0.4; } a.b-menu-list__el.m-with-rectangle-hover[m-hover-state] .b-menu-list__text, button.b-menu-list__el.m-with-rectangle-hover[m-hover-state] .b-menu-list__text { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { a.b-menu-list__el.m-with-rectangle-hover:hover .b-menu-list__text, button.b-menu-list__el.m-with-rectangle-hover:hover .b-menu-list__text { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { a.b-menu-list__el.m-with-rectangle-hover:focus-visible:not([tabindex="-1"]) .b-menu-list__text, button.b-menu-list__el.m-with-rectangle-hover:focus-visible:not([tabindex="-1"]) .b-menu-list__text { color: rgb(0, 145, 234); } a.b-menu-list__el.m-with-rectangle-hover:focus-visible:not([tabindex="-1"])::after, button.b-menu-list__el.m-with-rectangle-hover:focus-visible:not([tabindex="-1"])::after { outline-offset: -2px; } } .m-top-separate .b-menu-list__el:first-child { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-menu-list__el:last-child.m-last-reset-bb, .b-useful-data .b-menu-list__el:last-child { border-bottom: medium; } @media (any-hover: hover) and (pointer: fine) { .b-menu-list__el:focus-visible:not([tabindex="-1"]) .b-menu-list__icon { color: rgb(0, 145, 234); } } .b-offer-wrapper .b-menu-list__el { margin-left: -16px; margin-right: -16px; border-bottom: medium; border-top: 1px solid rgba(138, 150, 163, 0.25); width: calc(100% + 32px); } .b-menu-list__el.m-reset-bb { border-bottom: medium; } .b-menu-list__el.m-reset-bb + .b-menu-list__btn:last-child { padding: 0px 16px 16px; } .b-menu-list__el.m-checkbox__toggle { padding-top: 12px; padding-bottom: 11px; padding-right: 16px; } .b-menu-list__el.m-after-title { margin-top: -10px; border-bottom: medium; } .b-offer-wrapper .b-menu-list__el + .b-offer-join__btn { padding-top: 3px; } .b-menu-list__el.m-current.m-with-rectangle-hover::after { inset: 0px; opacity: 1; } .b-menu-list__el.m-opened .b-menu-list__icon .g-icon { transform: rotate(-180deg); } .b-menu-list__el .g-btn.m-btn-remove.m-thumb-r-corner-pos { right: 18px; top: 14px; } .b-menu-list__text { font-size: 16px; line-height: 24px; color: var(--text-color); max-width: 100%; flex: 0 0 100%; } .b-menu-list__text [href]:not(.g-blue) { color: inherit; } .b-menu-list__text:has(> .vti__flag) { display: flex; align-content: center; align-items: center; } .m-disabled-block .b-menu-list__text { color: rgb(138, 150, 163); } .b-menu-list__subtext { font-size: 12px; line-height: 16px; color: rgb(138, 150, 163); font-weight: 400; } .b-menu-list__subtext.g-md-text { font-size: 14px; line-height: 20px; } .b-menu-list__icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; color: rgb(138, 150, 163); } .b-menu-list__icon .g-icon[data-icon-name*="icon-arrow"] { transition: transform 0.1s, color 0.3s; } .mention-container { padding-top: 10px; width: 250px; z-index: 10; } .m-black-body .mention-container, .modal-open .mention-container { z-index: 1042; } .mention-container:not([style*="display: none;"]) ~ .v-menu__content:not([style*="display: none;"]), .v-menu__content:not([style*="display: none;"]) ~ .mention-container:not([style*="display: none;"]) { display: none !important; } .mention-container > ul { background: var(--bg-color); border: 1px solid rgba(138, 150, 163, 0.25); margin: 0px; padding: 0px; list-style: none; border-radius: 6px; overflow: hidden auto; max-height: 62px; } @media (min-height: 224px) { .mention-container > ul { max-height: 124px; } } @media (min-height: 286px) { .mention-container > ul { max-height: 86px; } } @media (min-height: 348px) { .mention-container > ul { max-height: 248px; } } .mention-container > ul > li { padding: 10px; cursor: pointer; } .mention-container > ul > li.highlight { background-color: var(--marked-color); } body.m-mentions-open__hide-caret .b-text-editor { caret-color: transparent; } .vue-recycle-scroller.ready.g-negative-sides-gaps { width: calc(100% + 32px); } .m-video-fullscreen .vue-recycle-scroller.ready .vue-recycle-scroller__item-view { will-change: auto; } .p-posts-index-index .vue-recycle-scroller.ready .vue-recycle-scroller__item-wrapper { overflow: visible; } .b-round-progress { transform: translate(-50%, -50%); height: 100%; } .b-round-progress, .svg-progress { position: absolute; top: 50%; left: 50%; } .svg-progress { transform: translate(-50%, -50%) rotate(-90deg); } .svg-progress .progress__meter, .svg-progress .progress__value { fill: none; } .svg-progress .progress__meter { stroke: rgba(138, 150, 163, 0.25); } .svg-progress .progress__value { stroke: rgb(0, 175, 240); stroke-linecap: round; opacity: 0; } .svg-progress .progress__value[style] { opacity: 1; } .image-editor [id^="ModalStoryStat_"], .image-editor [id^="js-story-answer-modal"], .image-editor [id^="js-story-stats-modal"] { display: none; opacity: 0; pointer-events: none; } .modal { position: fixed; top: 0px; left: 0px; display: none; width: 100%; height: 100%; overflow: hidden; outline: none; z-index: 1050; } .modal[style*="display: block;"].m-hidden, .modal[style*="display: block;"].m-hidden ~ .modal-backdrop { display: none !important; } .m-mode-dark.m-real-mode-light .modal.m-real-theme-mode .modal-content { --bg-color: #fff; --bg-color-header: #fff; --text-color: #242529; --overlay-color: rgba(0,0,0,.5); --title-color: #242529; --marked-color: #f6f7f8; color: var(--text-color); } .modal.m-in-black-body .modal-content { background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; } @media (max-width: 767.98px) { .modal.m-modal-mob-page { height: calc(var(--vh, 1vh)*100); pointer-events: none; } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .modal.m-modal-mob-page { height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .modal.m-modal-mob-page { height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .p-personal-chats-chat .modal.m-modal-mob-page { height: calc(var(--vh, 1vh)*100 - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .p-personal-chats-chat .modal.m-modal-mob-page { height: calc(var(--vh, 1vh)*100 - constant(safe-area-inset-bottom)); } } } @media (max-width: 1003.98px) { .modal.m-modal-mob-page + .modal-backdrop { display: none; } .modal.m-modal-mob-page .modal-title { font-size: 19px; line-height: 24px; } } .modal.m-modal-mob-page .modal-content::after { display: none; } @media (max-width: 1003.98px) { .modal.m-modal-mob-page .modal-header { padding-top: 16px; padding-bottom: 15px; height: 56px; } } @media (max-width: 767.98px) { .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content { height: calc(var(--vh, 1vh)*100); max-height: calc(var(--vh, 1vh)*100); } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content { height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content { height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .modal.m-modal-mob-page .modal-dialog-scrollable .modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } .modal.m-colored-modal .modal-content { background-color: var(--marked-color); } .modal.m-tickets-modal .modal-dialog { margin-top: 53px; margin-bottom: 53px; max-height: calc(100% - 106px); min-height: calc(100% - 106px); } body:has(.m-enable-blur-support) .modal.m-tickets-modal .modal-dialog { max-height: calc(-106px + 100svh); min-height: calc(-106px + 100svh); } .modal.m-tickets-modal .modal-header { min-height: 56px; } .modal.m-modal-story-editor .m-modal-story-editor-emoji-header { padding-bottom: 10px; } .modal.m-modal-story-editor .modal-dialog { flex-direction: column; } .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered { margin-top: 0px; margin-bottom: 0px; max-height: 100%; min-height: 100%; flex-wrap: nowrap; } .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered::after, .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered::before { height: 56px; flex: 0 0 56px; } .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered .modal-content { margin-top: auto; margin-bottom: auto; max-height: calc(100% - 112px); min-height: 528px; } @media (max-width: 1003.98px) and (orientation: landscape) { .modal.m-modal-story-editor .modal-dialog.modal-dialog-centered .modal-content { min-height: 290px; } } .modal.m-correction-border .modal-content::after { top: -1px; } .modal-backdrop { position: fixed; top: 0px; left: 0px; opacity: 0.5; width: 100%; height: 100vh; z-index: 1040; background-color: rgb(0, 0, 0); } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog { display: flex; position: relative; pointer-events: none; width: calc(100% - 32px); max-height: calc(100% - 12px); min-height: calc(100% - 12px); margin: 6px auto; } @media (max-width: 559.98px) { .modal-dialog { max-width: 344px; } } body:has(.m-enable-blur-support) .modal-dialog { max-height: calc(-12px + 100svh); min-height: calc(-12px + 100svh); } .modal-dialog .m-modal-iframe-inside { max-height: calc(var(--vh, 1vh)*100 - 34px); } @media (max-width: 767.98px) { .m-modal-mob-page .modal-dialog { width: 100%; max-width: 100%; min-height: 100%; margin: 0px auto; } } @media (max-width: 615.98px) { .stickers_modal .modal-dialog { max-width: 100%; } } .modal-dialog.modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog.modal-dialog-scrollable .modal-footer, .modal-dialog.modal-dialog-scrollable .modal-header { flex-shrink: 0; } .modal-dialog.modal-dialog-scrollable .modal-content { overflow: hidden; } .modal-dialog.modal-extra-sm { max-width: 256px; } .modal-dialog.modal-middle-sm { max-width: 312px; } .modal-dialog.modal-middle-md { max-width: 432px; } @media (min-width: 560px) { .modal-dialog.modal-sm { max-width: 344px; } .modal-dialog.modal-md { max-width: 500px; } .modal-dialog.modal-lg { max-width: 630px; } .modal-dialog.modal-extra-lg { max-width: 688px; max-height: 100%; min-height: 100%; margin-top: 0px; margin-bottom: 0px; } } @media (max-width: 767.98px) { .modal-dialog.m-modal-lg-mob { max-width: 100%; margin: 0px; } } .modal-dialog.modal-dialog-centered { display: flex; align-items: center; flex-wrap: wrap; } .modal-dialog.modal-dialog-centered::before { align-self: flex-start; } .modal-dialog.modal-dialog-centered::after { align-self: flex-end; } .modal-dialog.modal-dialog-centered::after, .modal-dialog.modal-dialog-centered::before { content: ""; display: block; height: 10px; width: 100%; } .modal-dialog.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog.modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-open .modal { overflow: hidden auto; } .modal-open .modal.image-editor { overflow-y: auto; } .modal.m-bundle .g-input__help, .modal.m-discount .g-input__help { margin-top: 12px; padding: 0px; } .modal.m-bundle .g-input__help.m-last, .modal.m-discount .g-input__help.m-last { margin-bottom: 0px; } .modal.m-discount .g-input__help { margin-bottom: 20px; } .modal-title { font-size: 14px; line-height: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; text-transform: uppercase; font-weight: 500; flex: 1 1 0%; color: var(--text-color); display: block; } .modal-title:not(.g-text-ellipsis) { white-space: normal; } .modal-title.m-size-text-lg { font-size: 19px; line-height: 24px; } .modal-title.m-sm-mb { margin-bottom: 15px; } .modal-title > .g-icon { color: rgb(0, 175, 240); margin: 0px 8px 0px 0px; } .modal-header { display: flex; place-content: center space-between; align-items: center; overflow-wrap: break-word; word-break: break-word; hyphens: auto; padding: 14px 16px; border-top-left-radius: 2px; border-top-right-radius: 2px; z-index: 1; } .modal-header.g-border-bottom { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } @media (min-width: 500px) and (max-width: 767.98px) { .m-modal-mob-page .modal-header { background-color: var(--bg-color); } } .modal-header__btns-group { display: flex; flex-direction: row; align-content: center; align-items: center; margin: -9px 0px; min-height: 32px; } .modal-header__btns-group.m-move-right { margin-right: -7px; } .m-sticky-modal-header .modal-header__btns-group { margin-top: -12px; margin-bottom: -12px; } .m-sticky-modal-header .modal-header__btns-group .b-content-filter { padding-top: 0px; padding-bottom: 0px; min-height: auto; } .modal-header__btns-group > .g-btn { margin-left: 12px; } .modal-header__btns-group .b-dropdown { margin-left: 4px; margin-right: 3px; } .modal-header__btns-group.m-left .g-btn { margin-left: 0px; margin-right: 4px; } .modal-header .g-icon-info { width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; font-size: 15px; margin-right: -4px; margin-top: -1px; } .m-black-body .modal-header .g-icon-info { color: rgb(254, 254, 254); } .m-black-body .modal-header .g-icon-info.m-with-round-hover::after { background-color: rgb(254, 254, 254); } .modal-header .g-icon-info .g-icon { color: inherit; } .modal-header .g-icon-info:hover { opacity: 1; } .modal-header .g-icon-info:hover::after { opacity: 0.12; } .modal-header .close { padding: 16px; margin: -16px -16px -16px auto; } .modal-header:not([class*="g-border-"]) { border: medium; } .modal-header:has(.b-dropdown.show) { z-index: 6; } .modal-header.m-sticky-modal-header { border-top-left-radius: 6px; border-top-right-radius: 6px; min-height: 48px; position: sticky; top: 0px; background-color: var(--bg-color); z-index: 2; } .modal-header.m-sticky-modal-header + .b-tabs__nav.m-tab-rounded { padding-top: 7px; } .modal-header.m-sticky-modal-header ~ .modal-body { z-index: 1; } .modal-header.m-sm-bottom-gap { padding-bottom: 5px; } .modal-header__inner { display: inherit; flex-wrap: wrap; flex: 1 1 0%; max-width: 100%; } .modal-header__inner .g-btn.m-back-btn { margin: -9px 5px -9px -6px; } .modal-header__inner .g-btn.m-back-btn ~ .modal-title { margin-top: -1px; margin-bottom: -1px; } .modal-header__subrow { display: flex; place-content: center space-between; align-items: center; max-width: 100%; flex: 0 0 100%; margin-top: 24px; } .modal-content { display: flex; flex-direction: column; position: relative; width: 100%; pointer-events: auto; background-color: var(--bg-color); background-clip: padding-box; border: medium; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; outline: none; } .modal-content::after { inset: 0px; content: ""; position: absolute; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; border-radius: inherit; pointer-events: none; z-index: 5; } @media (max-width: 767.98px) { .m-modal-mob-page .modal-content { border-radius: 0px; box-shadow: none; min-height: 100%; border: medium; pointer-events: auto; } } @media (max-width: 767.98px) and (min-width: 500px) { .m-modal-mob-page .modal-content { max-width: calc(100% - 64px); } } @media (max-width: 767.98px) and (min-width: 616px) { .m-modal-mob-page .modal-content { max-width: calc(100% - 80px); } } @media (max-width: 767.98px) and (min-width: 1004px) { .m-modal-mob-page .modal-content { max-width: calc(100% - 80px); } } @media (max-width: 767.98px) and (min-width: 1280px) { .m-modal-mob-page .modal-content { max-width: calc(100% - 280px); } } @media (min-width: 500px) and (max-width: 767.98px) { .m-modal-mob-page .modal-content { border-left: 1px solid transparent; background: none; margin-left: auto; } } .m-dark-modal .modal-content { color: rgb(254, 254, 254); } .modal:not(.show) .modal-content { pointer-events: none; } .modal-dialog-centered .modal-content { margin: auto; } .m-black-body.m-stream-body .modal-alert .modal-content { background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; } .modal-body { position: relative; flex: 1 1 auto; padding: 15px 16px; } .modal-body.m-zindex-above-border { z-index: 6; } .modal-open .modal-body:has(.b-dropdown.show) { z-index: 6; } .modal-body.m-empty-content { display: flex; flex-direction: row; place-content: center; align-items: center; min-height: 134px; } .modal-body.m-loading-content { display: flex; flex-flow: column wrap; min-height: 120px; } .modal-body .dialog_message svg { max-width: 100%; } .modal-body .dialog_message a[href] { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .modal-body .dialog_message a[href*="mailto:"] { display: inline-block; } .modal-body.m-reset-body-paddings { padding: 0px; } .modal-body.m-reset-body-paddings-sides { padding-left: 0px; padding-right: 0px; } .modal-body.m-reset-body-paddings-sides-v { padding-top: 0px; padding-bottom: 0px; } .m-reset-body-padding-top .modal-body, .modal-body.m-reset-body-padding-top { padding-top: 0px; } .m-reset-body-padding-bottom .modal-body, .modal-body.m-reset-body-padding-bottom { padding-bottom: 0px; } .modal-body.m-footer-inside-body { padding: 0px; } .modal-body.m-footer-inside-body .modal-footer { padding-top: 10px; padding-bottom: 10px; } .m-discount .modal-body.m-footer-inside-body .modal-footer { margin-top: 8px; } @media (min-width: 500px) and (max-width: 767.98px) { .m-modal-mob-page .modal-body { background-color: var(--bg-color); } } .modal-body.m-pt-sm { padding-top: 8px; } .tip-modal .modal-body { padding-top: 6px; } .story-answer-modal .modal-body { padding-top: 10px; } .m-modal-lg-mob .modal-body { max-height: calc(var(--vh, 1vh)*100 - 136px); overflow-x: hidden; } .modal-body .modal-title { flex: 0 0 auto; width: 100%; } .modal-body .modal-body .g-input__help.m-bottom-bordered { padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; padding-bottom: 10px; margin-bottom: 23px; } .modal-footer { display: flex; place-content: center flex-end; align-items: center; flex-wrap: wrap; padding: 6px 10px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .modal .modal-footer > * { margin: 0px; } .modal-footer:has(.g-btn.m-rounded) { padding: 10px 16px; } .modal-footer.g-border-top { border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 5px; } .modal .modal-footer.g-sides-gaps { padding-left: 16px; padding-right: 16px; } .modal-footer.m-reset-paddings { padding: 0px; } .modal-footer:not(.g-border-top) { border-top: medium; } .modal-footer.m-more-buttons { flex-direction: column; align-items: flex-end; align-content: flex-end; } .modal-footer.m-more-buttons .g-btn { margin-right: -3px; } .modal-footer.m-more-buttons .g-btn:not(:last-child) { margin-bottom: 4px; } .modal-footer .g-btn { margin: 0px 0px 0px 4px; } .modal-footer .g-btn:last-child { margin-right: -4px; } .modal-footer .g-btn.m-back-highlights { margin-right: auto; margin-left: 0px; } .modal.m-search-users .b-users__list { display: block; max-height: 300px; width: calc(100% + 32px); } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .b-modal:not(.m-modal-mob-page)[style*="padding-left"], .modal:not(.m-modal-mob-page)[style*="padding-left"] { padding-left: 12px !important; padding-right: 12px !important; } .b-modal { padding: 12px; } .b-modal.in { display: block; } .b-modal__subscribe .b-modal__btns .g-btn:not(:last-child):not(.m-reset-mb) { margin-bottom: 20px; } .b-modal__subscribe .b-users__item__inner .b-modal__section-btns.m-opened + .b-btn-collapse { margin-top: 20px; } .b-modal .modal-content { overflow: hidden; } .b-modal__close { z-index: 20; top: 5px; right: 10px; } .b-modal__close.m-with-round-hover { position: absolute; } .b-modal__user__info { display: flex; flex-direction: column; align-content: center; align-items: center; margin-top: -70px; text-align: center; margin-bottom: 26px; padding-left: 16px; padding-right: 16px; } .b-modal__user__info .g-user-name.m-verified { padding-left: 32px; } .b-modal__user__info .g-avatar { margin: 0px 0px 10px; } .b-modal__user__desc__title { font-size: 16px; line-height: 24px; color: rgb(138, 150, 163); font-weight: 500; text-transform: uppercase; margin-bottom: 10px; } .b-modal__list { font-size: 16px; line-height: 20px; padding-left: 0px; margin-bottom: 12px; list-style: none; } .b-modal__list__item { display: flex; margin-bottom: 8px; } .b-modal__list__item:last-child { margin-bottom: 0px; } .b-modal__list__icon { margin-right: 9px; margin-left: -1px; transform: translateY(-2px); } .b-modal__list__icon .g-icon { display: block; color: rgb(0, 175, 240); } .b-modal__list__title { flex-grow: 1; } .b-modal__btns { margin-bottom: 24px; } .b-modal__btns:last-child { margin-bottom: 0px; } .b-modal__btns .g-btn:not(:last-child):not(.m-reset-mb) { margin-bottom: 16px; } .b-modal__section-btns { padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; } .b-modal__section-btns.m-opened { border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 16px; } .b-users__item__inner .b-modal__section-btns.m-opened { margin-top: 15px; margin-bottom: 16px; } .m-model-card .b-users__item__inner .b-modal__section-btns.m-opened { margin-bottom: 0px; } .b-users__item__inner .b-modal__section-btns.m-opened + .b-btn-collapse { margin-top: 15px; } .b-modal__custom-name .g-user-name { font-size: 18px; } .b-modal__custom-name .g-user-name .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .b-modal__filter__item { display: flex; flex-direction: row; align-content: center; align-items: center; font-size: 16px; line-height: 24px; } .b-modal__filter__item .modal-filter-checkbox .b-input-radio__text { padding-top: 12px; padding-bottom: 12px; } .b-modal__filter__item .modal-filter-checkbox .b-input-radio__label { top: 50%; transform: translateY(-50%); } .b-modal__filter__item .g-input__increment { flex: 0 0 164px; } .b-subscribe__bottom-text { font-size: 13px; line-height: 15px; font-weight: 400; text-align: center; color: rgb(138, 150, 163); } p.b-subscribe__bottom-text { margin-bottom: 26px; } div.b-subscribe__bottom-text { margin-top: -12px; } iframe[src*="//api.securionpay.com/3d-secure/popup/"] { width: 100% !important; } .b-modal-scrollbar { margin-right: -16px; padding-right: 16px; } @media (min-width: 768px) { .b-modal-scrollbar { max-height: 70vh; } } .m-confirm .modal-body:empty, .modal-alert .modal-body:empty { padding: 0px; } .m-modal-view .dialog_message:last-child { margin-bottom: 0px; } .dialog_message video { max-height: calc(var(--vh, 1vh)*100 - 210px); max-width: 100%; margin: 0px auto; display: block; } .dialog_message audio { width: 100%; display: block; } .dialog_message + .dialog_form { margin-top: 28px; margin-bottom: 16px; } .m-modal-view .dialog_message { margin-bottom: 30px; } .b-tips-form .g-input__wrapper.m-tips-comment .g-input__wrapper:not(.m-focused) ~ .g-btn:not(:hover) { color: rgba(255, 255, 255, 0.75); } .b-tips-form .g-input__wrapper.m-tips-comment .g-btn { position: absolute; top: 6px; left: 6px; } .b-tips-form .g-input__wrapper.m-tips-comment .g-btn .g-icon { width: 22px; height: 22px; flex: 0 0 22px; } .b-tips-form .g-input__group { margin-bottom: 9px; } .b-modal__card-verify .v-messages__message { line-height: normal; margin: 0px 0px 10px; } .b-modal-support-text { padding: 22px 0px 25px; } div[modal-alert] { z-index: 1100 !important; } .b-modal-header-section { font-size: 14px; line-height: 16px; display: flex; flex-flow: wrap; align-content: center; align-items: center; padding: 7px 16px 8px; font-weight: 500; } .b-modal-header-section__text { flex: 1 1 0%; } .b-modal-header-section .g-btn.m-back-btn { margin: -2px 6px -2px -5px; } .collapse.in { display: block !important; } .story-ran div[id^="ModalVotingUsers"][style*="z-index"] { display: none; } .m-modal-empty-loading { flex: 1 1 0%; display: flex; flex-direction: column; width: 100%; } .story-highlights-content .g-input__wrapper + .b-wrapper-highlights.m-name-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 244px); } .story-highlights-content .g-input__wrapper + .modal-title + .b-wrapper-highlights.m-name-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 255px); } @media (min-width: 500px) { .story-highlights-content .g-input__wrapper + .modal-title + .b-wrapper-highlights.m-name-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 199px); } } @media (min-width: 768px) { .story-highlights-content .g-input__wrapper + .modal-title + .b-wrapper-highlights.m-name-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 273px); } } #story-create-highlight-modal___BV_modal_outer_ { z-index: 999 !important; } .b-scrolled-modal-content.m-view-in-viewport { max-height: calc(var(--vh, 1vh)*100 - 56px); } .modal:has(.modal-footer) .b-scrolled-modal-content.m-view-in-viewport, .modal:has(.modal-header) .b-scrolled-modal-content.m-view-in-viewport { max-height: calc(var(--vh, 1vh)*100 - 112px); } .modal:has(.modal-footer):has(.modal-header) .b-scrolled-modal-content.m-view-in-viewport { max-height: calc(var(--vh, 1vh)*100 - 168px); } @media (max-width: 767.98px) { .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px); } } @media (max-width: 499.98px) { .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 114px); } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (max-height:env(safe-area-inset-bottom)) { .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 114px - env(safe-area-inset-bottom)); } } @supports (max-height:constant(safe-area-inset-bottom)) { .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 114px - constant(safe-area-inset-bottom)); } } } @media (max-width: 767.98px) { .p-personal-chats-chat .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px); } } @media (max-width: 499.98px) { .p-personal-chats-chat .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px); } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (max-height:env(safe-area-inset-bottom)) { .p-personal-chats-chat .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (max-height:constant(safe-area-inset-bottom)) { .p-personal-chats-chat .b-scrolled-modal-content { max-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } @media (max-width: 767.98px) { .m-modal-lg-mob .b-wrapper-highlights { flex: 1 1 0%; } } .b-wrapper-highlights.m-invisible-scrollbar { padding-right: 0px; } .b-wrapper-highlights.m-invisible-scrollbar .modal-body:not(.m-reset-body-paddings):not(.m-reset-body-paddings-sides) { margin-right: 0px; } @media (min-width: 768px) { .b-wrapper-highlights.m-edit-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 228px); } } .b-wrapper-highlights.m-name-highlights-step { max-height: calc(var(--vh, 1vh)*100 - 152px); } .b-modal-logo { max-width: 250px; display: inline-block; } @media (any-hover: hover) and (pointer: fine) { .b-modal-logo:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .b-modal-logo svg { vertical-align: top; } @media (max-width: 767.98px) { [id*="Modal"] ~ .v-menu-overlay { display: none; } } @media (max-width: 1003.98px) and (orientation: landscape) { [id*="Modal"] ~ .v-menu-overlay { display: none; } } [id^="ModalMediaVault"][style*="z-index"] { z-index: 1037 !important; } .pr-0 { padding-right: 0px !important; } .pl-0 { padding-left: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pt-0 { padding-top: 0px !important; } .mr-0 { margin-right: 0px !important; } .ml-0 { margin-left: 0px !important; } .mt-0 { margin-top: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .pr-1 { padding-right: 10px !important; } .pl-1 { padding-left: 10px !important; } .pb-1 { padding-bottom: 10px !important; } .pt-1 { padding-top: 10px !important; } .mr-1 { margin-right: 10px !important; } .ml-1 { margin-left: 10px !important; } .mt-1 { margin-top: 10px !important; } .mb-1 { margin-bottom: 10px !important; } .pr-2 { padding-right: 20px !important; } .pl-2 { padding-left: 20px !important; } .pb-2 { padding-bottom: 20px !important; } .pt-2 { padding-top: 20px !important; } .mr-2 { margin-right: 20px !important; } .ml-2 { margin-left: 20px !important; } .mt-2 { margin-top: 20px !important; } .mb-2 { margin-bottom: 20px !important; } .pr-3 { padding-right: 30px !important; } .pl-3 { padding-left: 30px !important; } .pb-3 { padding-bottom: 30px !important; } .pt-3 { padding-top: 30px !important; } .mr-3 { margin-right: 30px !important; } .ml-3 { margin-left: 30px !important; } .mt-3 { margin-top: 30px !important; } .mb-3 { margin-bottom: 30px !important; } .pr-4 { padding-right: 40px !important; } .pl-4 { padding-left: 40px !important; } .pb-4 { padding-bottom: 40px !important; } .pt-4 { padding-top: 40px !important; } .mr-4 { margin-right: 40px !important; } .ml-4 { margin-left: 40px !important; } .mt-4 { margin-top: 40px !important; } .mb-4 { margin-bottom: 40px !important; } .pr-5 { padding-right: 50px !important; } .pl-5 { padding-left: 50px !important; } .pb-5 { padding-bottom: 50px !important; } .pt-5 { padding-top: 50px !important; } .mr-5 { margin-right: 50px !important; } .ml-5 { margin-left: 50px !important; } .mt-5 { margin-top: 50px !important; } .mb-5 { margin-bottom: 50px !important; } .m-pt-6 { padding-top: 6px !important; } .m-pt-13 { padding-top: 13px !important; } .m-pt-15 { padding-top: 15px !important; } .m-pt-17 { padding-top: 17px !important; } .m-pt-25 { padding-top: 25px !important; } .m-pb-0 { padding-bottom: 0px !important; } .m-pb-2 { padding-bottom: 2px !important; } .m-pb-7 { padding-bottom: 7px !important; } .m-pb-12 { padding-bottom: 12px !important; } .m-pb-13 { padding-bottom: 13px !important; } .m-pb-14 { padding-bottom: 14px !important; } .m-pb-16 { padding-bottom: 16px !important; } .m-mt-6 { margin-top: 6px !important; } .m-mt-8 { margin-top: 8px !important; } .m-mt-12 { margin-top: 12px !important; } .m-mt-14 { margin-top: 14px !important; } .m-mt-15 { margin-top: 15px !important; } .m-mt-16 { margin-top: 16px !important; } .m-mt-18 { margin-top: 18px !important; } .m-mt-20 { margin-top: 20px !important; } .m-mb-0 { margin-bottom: 0px !important; } .m-mb-2 { margin-bottom: 2px !important; } .m-mb-3 { margin-bottom: 3px !important; } .m-mb-4 { margin-bottom: 4px !important; } .m-mb-5 { margin-bottom: 5px !important; } .m-mb-8 { margin-bottom: 8px !important; } .m-mb-9 { margin-bottom: 9px !important; } .m-mb-10 { margin-bottom: 10px !important; } .m-mb-11 { margin-bottom: 11px !important; } .m-mb-12 { margin-bottom: 12px !important; } .m-mb-13 { margin-bottom: 13px !important; } .m-mb-14 { margin-bottom: 14px !important; } .m-mb-15 { margin-bottom: 15px !important; } .m-mb-16 { margin-bottom: 16px !important; } .m-mb-19 { margin-bottom: 19px !important; } .m-mb-20 { margin-bottom: 20px !important; } .m-mb-24 { margin-bottom: 24px !important; } .m-mb-25 { margin-bottom: 25px !important; } .m-mb-28 { margin-bottom: 28px !important; } .m-mb-30 { margin-bottom: 30px !important; } .m-mb-33 { margin-bottom: 33px !important; } .m-mr-3 { margin-right: 3px !important; } .m-mr-5 { margin-right: 5px !important; } .m-mr-7 { margin-right: 7px !important; } .m-mr-8 { margin-right: 8px !important; } .m-mr-12 { margin-right: 12px !important; } .m-mr-16 { margin-right: 16px !important; } .m-mall-auto { margin: auto; } .no-margin { margin: 0px !important; } .no-padding { padding: 0px !important; } .ml-auto { margin-left: auto !important; } .mr-auto { margin-right: auto !important; } .mt-auto { margin-top: auto !important; } .mb-auto { margin-bottom: auto !important; } .m-visible-fly-selected.m-preloader-move-up .infinite-loading-container { margin-top: -66px; margin-bottom: 58px; } .infinite-loading-container.m-no-results { display: flex; flex-direction: row; place-content: center; align-items: center; flex: 1 1 0%; } .infinite-loading-container .infinite-status-prompt:has(.btn-try-infinite) { font-weight: 500; font-size: 16px !important; line-height: 24px; color: rgba(138, 150, 163, 0.4) !important; } .infinite-loading-container .infinite-status-prompt:has(.btn-try-infinite) .btn-try-infinite { font-size: 14px; line-height: 20px; border: medium; padding: 8px 18px; color: rgb(254, 254, 254); background: rgb(0, 175, 240); min-width: 78px; transition: opacity 0.15s, background-color 0.15s, box-shadow 0.15s; display: inline-block; text-align: center; text-transform: uppercase; border-radius: 1000px; } .infinite-loading-container .infinite-status-prompt:has(.btn-try-infinite) .btn-try-infinite[m-hover-state] { background: rgb(0, 145, 234); color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .infinite-loading-container .infinite-status-prompt:has(.btn-try-infinite) .btn-try-infinite:hover { background: rgb(0, 145, 234); color: rgb(254, 254, 254); } } @media (any-hover: hover) and (pointer: fine) { .infinite-loading-container .infinite-status-prompt:has(.btn-try-infinite) .btn-try-infinite:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(0, 145, 234); color: rgb(254, 254, 254); } } .m-stream-color { color: rgb(236, 64, 122); } .m-post-color { color: rgb(0, 175, 240); } .m-chat-color { color: rgb(253, 160, 0); } .m-reminder-color { color: rgb(255, 96, 96); } .m-native-custom-scrollbar, .mention-container > ul { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .m-native-custom-scrollbar, .mention-container > ul { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .m-native-custom-scrollbar::-webkit-scrollbar, .mention-container > ul::-webkit-scrollbar { width: 10px; height: 10px; } .m-native-custom-scrollbar::-webkit-scrollbar-thumb, .mention-container > ul::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .m-native-custom-scrollbar::-webkit-resizer, .m-native-custom-scrollbar::-webkit-scrollbar-button, .m-native-custom-scrollbar::-webkit-scrollbar-corner, .mention-container > ul::-webkit-resizer, .mention-container > ul::-webkit-scrollbar-button, .mention-container > ul::-webkit-scrollbar-corner { display: none; } .m-native-custom-scrollbar::-webkit-scrollbar-track, .mention-container > ul::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .m-native-custom-scrollbar.m-scroll-behavior-auto, .mention-container > ul.m-scroll-behavior-auto { scroll-behavior: auto; } .m-native-custom-scrollbar.m-overscroll-behavior-auto, .mention-container > ul.m-overscroll-behavior-auto { overscroll-behavior: auto; } .m-native-custom-scrollbar.m-scrollbar-x, .mention-container > ul.m-scrollbar-x { overflow-x: auto; } .m-native-custom-scrollbar.m-scrollbar-x > .b-posts_preloader, .mention-container > ul.m-scrollbar-x > .b-posts_preloader { display: flex; margin-right: 8px; vertical-align: middle; } .m-native-custom-scrollbar.m-scrollbar-x > .b-posts_preloader .g-icon, .mention-container > ul.m-scrollbar-x > .b-posts_preloader .g-icon { vertical-align: middle; } .m-native-custom-scrollbar.m-scrollbar-x.m-scrollbar-always, .mention-container > ul.m-scrollbar-x.m-scrollbar-always { overflow-x: scroll; } .m-native-custom-scrollbar.m-scrollbar-y, .mention-container > ul.m-scrollbar-y { overflow-y: auto; } @supports (-moz-appearance:none) { .m-native-custom-scrollbar.m-scrollbar-y, .mention-container > ul.m-scrollbar-y { padding-right: 10px; } } .m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always, .mention-container > ul.m-scrollbar-y.m-scrollbar-always { overflow-y: scroll; } .m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always.b-group-alerts, .mention-container > ul.m-scrollbar-y.m-scrollbar-always.b-group-alerts { margin-right: -10px; } @supports (-webkit-touch-callout:none) { .m-native-custom-scrollbar.m-scrollbar-y.m-scrollbar-always.b-group-alerts, .mention-container > ul.m-scrollbar-y.m-scrollbar-always.b-group-alerts { margin-right: 0px; } } @media (max-width: 1003.98px) { body[style*="-webkit-user-select: none;"] .m-native-custom-scrollbar.m-scrollbar-y, body[style*="-webkit-user-select: none;"] .mention-container > ul.m-scrollbar-y { overflow-x: hidden; } } .m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container > ul.m-invisible-scrollbar { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container > ul.m-invisible-scrollbar { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); } } .m-native-custom-scrollbar.m-invisible-scrollbar, .mention-container > ul.m-invisible-scrollbar { scrollbar-width: none; scroll-behavior: auto; } .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar, .mention-container > ul.m-invisible-scrollbar::-webkit-scrollbar { display: none; color: rgb(255, 255, 255); height: 0px; width: 0px; appearance: none; } .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar, .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-track, .mention-container > ul.m-invisible-scrollbar::-webkit-scrollbar, .mention-container > ul.m-invisible-scrollbar::-webkit-scrollbar-track { width: 0px; height: 0px; background: rgba(255, 255, 255, 0); opacity: 0; appearance: none; } .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-thumb, .mention-container > ul.m-invisible-scrollbar::-webkit-scrollbar-thumb { opacity: 0; background: transparent; border: medium; box-shadow: none; display: none; } .m-native-custom-scrollbar.m-invisible-scrollbar::-webkit-scrollbar-button, .mention-container > ul.m-invisible-scrollbar::-webkit-scrollbar-button { display: none; width: 0px; height: 0px; } @supports (-moz-appearance:none) { .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-y:not(.g-sides-gaps), .mention-container > ul.m-invisible-scrollbar.m-scrollbar-y:not(.g-sides-gaps) { padding-right: 0px; } .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-y.g-sides-gaps, .mention-container > ul.m-invisible-scrollbar.m-scrollbar-y.g-sides-gaps { padding-right: 16px; } } .modal-body:not(.m-reset-body-paddings) .m-native-custom-scrollbar.m-invisible-scrollbar.m-scrollbar-x, .modal-body:not(.m-reset-body-paddings) .mention-container > ul.m-invisible-scrollbar.m-scrollbar-x { padding-left: 16px; padding-right: 16px; } .m-native-custom-scrollbar.m-visible-forcibly, .mention-container > ul.m-visible-forcibly { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .m-native-custom-scrollbar.m-visible-forcibly, .mention-container > ul.m-visible-forcibly { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar, .mention-container > ul.m-visible-forcibly::-webkit-scrollbar { width: 10px; height: 10px; } .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-thumb, .mention-container > ul.m-visible-forcibly::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .m-native-custom-scrollbar.m-visible-forcibly::-webkit-resizer, .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-button, .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-corner, .mention-container > ul.m-visible-forcibly::-webkit-resizer, .mention-container > ul.m-visible-forcibly::-webkit-scrollbar-button, .mention-container > ul.m-visible-forcibly::-webkit-scrollbar-corner { display: none; } .m-native-custom-scrollbar.m-visible-forcibly::-webkit-scrollbar-track, .mention-container > ul.m-visible-forcibly::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .m-native-custom-scrollbar.m-disable-elastic-scroll, .mention-container > ul.m-disable-elastic-scroll { overscroll-behavior: none auto; } .b-audioplayer { display: flex; align-content: center; align-items: center; width: 100%; position: relative; background: var(--bg-color) linear-gradient(rgba(138,150,163,.12),rgba(138,150,163,.12)); padding: 18px 6px 2px; border-radius: 6px; } .b-audioplayer.m-dropzone-audio { background: none; border-radius: 0px; padding: 0px 32px 0px 8px; height: inherit; } .b-audioplayer.m-dropzone-audio .m-btn-player { width: 24px; height: 24px; flex-basis: 24px; margin-right: 16px; } .b-audioplayer.m-dropzone-audio .m-btn-player.m-with-round-hover::after { width: inherit; height: inherit; } .m-queue-post .b-audioplayer { background: rgba(0, 175, 240, 0.12); } .m-queue-post .audio-wrapper .b-audioplayer { border-bottom-right-radius: 0px; } .post_media + audio + .b-audioplayer { margin-top: 16px; } .b-audioplayer .m-btn-player { flex: 0 0 36px; width: 36px; height: 36px; position: relative; color: var(--text-color); transition: width 0.3s, flex-basis 0.3s; text-align: left; vertical-align: top; } .b-audioplayer .m-btn-player.m-with-round-hover[m-hover-state] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer .m-btn-player.m-with-round-hover:hover { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer .m-btn-player.m-with-round-hover:focus-visible { color: rgb(0, 145, 234); } } .b-audioplayer .m-btn-player.m-visible-volume-control { width: 148px; flex: 0 0 148px; z-index: 0; color: rgb(0, 145, 234); } .b-audioplayer .m-btn-player.m-visible-volume-control .b-audioplayer__btn-volume.m-with-round-hover { color: rgb(0, 145, 234); z-index: 2; } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer .m-btn-player.m-visible-volume-control .b-audioplayer__btn-volume.m-with-round-hover::after { opacity: 0.06; } } .b-audioplayer .m-btn-player .g-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer .m-btn-player:hover .b-audioplayer__btn-volume { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer .m-btn-player:focus-visible .b-audioplayer__btn-volume { color: rgb(0, 145, 234); } .b-audioplayer .m-btn-player:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: -2px; } } .b-audioplayer .b-icon-free { margin-left: auto; margin-right: 10px; line-height: 1; } .b-audioplayer .b-icon-free .g-icon { width: 16px; height: 16px; flex: 0 0 16px; color: rgb(138, 150, 163); font-size: 16px; vertical-align: top; } .b-audioplayer__btn-play { border: medium; background: none; padding: 0px; margin: 0px; line-height: 0; } .b-audioplayer__btn-play .g-icon { width: 26px; height: 26px; flex: 0 0 26px; font-size: 26px; } .b-audioplayer__timeline { cursor: pointer; position: absolute; top: 10px; left: 16px; right: 16px; background-color: rgba(138, 150, 163, 0.25); height: 4px; transition: background-color 0.1s; border-radius: 4px; } .m-dropzone-audio .b-audioplayer__timeline { inset: auto; flex: 1 1 0%; position: relative; } .b-audioplayer__timeline::after { content: ""; position: absolute; z-index: 0; cursor: pointer; inset: -10px 0px; } .b-audioplayer__timeline[m-hover-state] { background-color: rgba(0, 175, 240, 0.25); } .b-audioplayer__timeline[m-hover-state] .b-audioplayer__progress { background-color: rgb(0, 175, 240); } .b-audioplayer__timeline[m-hover-state] .b-audioplayer__playhead { font-size: 13px; transition: font-size 0.2s, left 0.25s linear; } .m-audio-rewind .b-audioplayer__timeline[m-hover-state] .b-audioplayer__playhead { transition: none; } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer__timeline:hover { background-color: rgba(0, 175, 240, 0.25); } .b-audioplayer__timeline:hover .b-audioplayer__progress { background-color: rgb(0, 175, 240); } .b-audioplayer__timeline:hover .b-audioplayer__playhead { font-size: 13px; transition: font-size 0.2s, left 0.25s linear; } .m-audio-rewind .b-audioplayer__timeline:hover .b-audioplayer__playhead { transition: none; } } @media (any-hover: hover) and (pointer: fine) { .b-audioplayer__timeline:focus-visible { background-color: rgba(0, 175, 240, 0.25); } .b-audioplayer__timeline:focus-visible .b-audioplayer__progress { background-color: rgb(0, 175, 240); } .b-audioplayer__timeline:focus-visible .b-audioplayer__playhead { font-size: 13px; transition: font-size 0.2s, left 0.25s linear; } .m-audio-rewind .b-audioplayer__timeline:focus-visible .b-audioplayer__playhead { transition: none; } .b-audioplayer__timeline:focus-visible { outline: none; } .b-audioplayer__timeline:focus-visible .b-audioplayer__playhead { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .b-audioplayer__timing { font-size: 14px; line-height: 20px; font-weight: 500; padding: 1px 13px 0px 5px; } .m-dropzone-audio .b-audioplayer__timing { padding-right: 12px; padding-left: 18px; } .b-audioplayer__timing span { padding: 0px 2px 0px 0px; } .m-dropzone-audio .b-audioplayer__timing span:last-child { padding-right: 0px; } .b-audioplayer__timing span + span { padding: 0px 0px 0px 2px; } .m-dropzone-audio .b-audioplayer__timeline, .m-dropzone-audio .b-audioplayer__timing { visibility: hidden; } .m-loaded .m-dropzone-audio .b-audioplayer__timeline, .m-loaded .m-dropzone-audio .b-audioplayer__timing { visibility: unset; } .b-audioplayer__progress { border-radius: inherit; background-color: rgba(0, 175, 240, 0.75); height: 100%; transition: background-color 0.2s 1s, width 0.25s linear; width: 0px; } .m-audio-rewind .b-audioplayer__progress { transition: none; } .b-audioplayer__playhead { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 0px; cursor: pointer; border-radius: 1000px; background: rgb(0, 175, 240); font-size: 0px; z-index: 2; height: 1em; width: 1em; transition: background-color 0.2s 1s, left 0.25s linear; } .m-audio-rewind .b-audioplayer__playhead { transition: none; } .b-audioplayer__playhead:hover { background-color: rgb(0, 145, 234); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 5px; } .b-audioplayer__timeline:focus-visible .b-audioplayer__playhead { background-color: rgb(0, 145, 234); } .pswp__zoom-wrap .b-audioplayer { position: absolute; top: 50%; left: 15%; right: 15%; transform: translateY(-50%); width: auto; } .stream-chart-scale { display: flex; justify-content: space-between; padding: 7px 0px 20px; font-size: 11px; } .modal .stream-chart-scale.m-no-border, .stream-chart-scale.m-no-border { border-bottom: medium; padding-bottom: 0px; } .stream-chart-scale.m-gap-bottom { margin-bottom: 12px; } .modal .stream-chart-scale { margin: 0px 5px 9px; padding: 15px 0px 17px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); color: rgb(138, 150, 163); } .b-chart { padding-bottom: 13px; } .b-chart--no-padding, .b-chart:empty { padding-bottom: 0px; } .b-chart:has(+ .b-search-form) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin: 0px -16px 16px; padding-left: 16px; padding-right: 16px; } .b-chart + .b-search-form { z-index: 1; } .b-chart + .b-search-form + .b-tabs__nav { margin-bottom: -12px; } .b-chart__tooltip { font-size: 11px; line-height: 12px; opacity: 0; background: var(--bg-color); pointer-events: none; position: absolute; padding: 10px 12px 9px; border-radius: 6px; z-index: 2; border: 1px solid rgba(138, 150, 163, 0.25); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; min-width: 160px; } .b-chart__tooltip__title { font-weight: 500; margin-bottom: 3px; } .b-chart__tooltip__circle { position: absolute; left: 0px; top: 2px; width: 6px; height: 6px; border-radius: 1000px; } .b-chart__tooltip__text { display: flex; flex-direction: row; place-content: center space-between; align-items: center; font-weight: 400; position: relative; padding-left: 12px; } .b-chart__tooltip__text:not(:last-child) { margin-bottom: 3px; } .b-chart__tooltip__text__value { font-weight: 500; } .b-chart__tooltip__text__title { text-transform: capitalize; } .b-chart__double-line__base { width: 100%; height: 152px; position: relative; z-index: 0; } .b-chart__double-line__base__wrapper { position: relative; } .b-chart__double-line__main { position: relative; z-index: 2; } .b-chart__double-line__aside { z-index: 1; position: relative; top: -7px; } .b-chart__multiple-line { width: 100%; height: 180px; margin-top: 15px; } .b-chart__wrapper { position: relative; } .b-chart__wrapper--earning .b-chart__wrapper { margin-bottom: 12px; } .b-chart__wrapper--earning .b-chart__tooltip { z-index: 4; } .b-chart-preloader { height: 217px; position: relative; } .b-stats-row { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); margin-bottom: 12px; padding: 13px 12px; } .b-separate-section .b-stats-row { border-radius: 0px; border: medium; padding: 0px; margin-bottom: 0px; } .b-stats-row__head { display: flex; flex-direction: row; place-content: center space-between; align-items: center; position: relative; padding: 15px 42px 15px 21px; margin: -13px -12px; cursor: pointer; z-index: 1; } .b-separate-section .b-stats-row__head { padding: 18px 16px; margin: 0px; } .b-stats-row__head .g-icon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); transition: transform 0.1s; color: rgb(138, 150, 163); } .m-expanded .b-stats-row__head .g-icon { transform: translateY(-50%) rotate(180deg); } .b-stats-row:hover .b-stats-row__head .g-icon { color: rgb(0, 145, 234); } .b-stats-row__chart-loading { inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; position: absolute; } .modal-content .b-stats-row__content { margin-right: -16px; } .b-separate-section .b-stats-row__content { padding-bottom: 9px; } .b-stats-row__label { display: flex; flex-direction: row; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .b-separate-section .b-stats-row__label { padding-bottom: 9px; margin-right: -16px; padding-right: 16px; } .b-stats-row__label.m-border-line { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-border-line:not(.m-first-el):first-child { border-top: medium; } .b-stats-row__label.m-border-line.m-total { border-top-color: rgb(0, 175, 240); } .b-stats-row__label.m-border-line.m-total, .b-stats-row__label.m-total-item { align-content: flex-end; align-items: flex-end; } @media (min-width: 1004px) { .b-stats-row__label.m-total-item { max-width: 40%; flex: 0 0 40%; justify-content: flex-end; } } .b-separate-section .b-stats-row__label.m-current { font-weight: 500; } .b-separate-section .b-stats-row__label.m-current:hover .b-input-radio__label { border-color: rgb(0, 145, 234); background-color: rgb(0, 145, 234); } .b-stats-row__label.m-pointer { cursor: pointer; } .b-stats-row__label.m-pointer:not(.m-current):hover { color: rgb(0, 145, 234); } .b-stats-row__label.m-pointer:not(.m-current):hover .b-stats-row__name.m-dots { opacity: 1; } .b-separate-section .b-stats-row__label.m-pointer:not(.m-current):hover { color: var(--text-color); } .b-stats-row__label.m-checkbox { position: relative; z-index: 0; } .b-stats-row__label.m-checkbox:not(.m-without-switcher) { padding-left: 38px; cursor: pointer; } .b-stats-row__label.m-checkbox .b-input-radio__container { top: 10px; left: 2px; position: absolute; } .b-stats-row__label.m-checkbox.m-purchases .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-purchases:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-purchases:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-purchases:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(124, 179, 66, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-purchases:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-purchases:not(.m-current):hover .b-input-radio__label { border-color: rgba(124, 179, 66, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-purchases.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(124, 179, 66, 0.75); } .b-stats-row__label.m-checkbox.m-purchases.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(124, 179, 66); } .b-stats-row__label.m-checkbox.m-purchases.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-checkbox.m-viewers .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-viewers:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-viewers:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-viewers:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(0, 175, 240, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-viewers:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-viewers:not(.m-current):hover .b-input-radio__label { border-color: rgba(0, 175, 240, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-viewers.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(0, 175, 240, 0.75); } .b-stats-row__label.m-checkbox.m-viewers.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(0, 175, 240); } .b-stats-row__label.m-checkbox.m-viewers.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-checkbox.m-unique-viewers .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(107, 107, 107, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-unique-viewers:not(.m-current):hover .b-input-radio__label { border-color: rgba(107, 107, 107, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-unique-viewers.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(107, 107, 107, 0.75); } .b-stats-row__label.m-checkbox.m-unique-viewers.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(107, 107, 107); } .b-stats-row__label.m-checkbox.m-unique-viewers.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-checkbox.m-likes .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-likes:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-likes:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-likes:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(236, 64, 122, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-likes:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-likes:not(.m-current):hover .b-input-radio__label { border-color: rgba(236, 64, 122, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-likes.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(236, 64, 122, 0.75); } .b-stats-row__label.m-checkbox.m-likes.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(236, 64, 122); } .b-stats-row__label.m-checkbox.m-likes.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-checkbox.m-comments .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-comments:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-comments:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-comments:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(255, 160, 0, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-comments:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-comments:not(.m-current):hover .b-input-radio__label { border-color: rgba(255, 160, 0, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-comments.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(255, 160, 0, 0.75); } .b-stats-row__label.m-checkbox.m-comments.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(255, 160, 0); } .b-stats-row__label.m-checkbox.m-comments.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .b-stats-row__label.m-checkbox.m-tips .b-input-radio__label { transition: background-color 0.3s; } .b-stats-row__label.m-checkbox.m-tips:not(.m-current) .b-input-radio__label, .b-stats-row__label.m-checkbox.m-tips:not(.m-current)[m-hover-state] .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-tips:not(.m-current)[m-hover-state] .b-input-radio__label { border-color: rgba(149, 117, 205, 0.75); } @media (any-hover: hover) and (pointer: fine) { .b-stats-row__label.m-checkbox.m-tips:not(.m-current):hover .b-input-radio__container:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-stats-row__label.m-checkbox.m-tips:not(.m-current):hover .b-input-radio__label { border-color: rgba(149, 117, 205, 0.75); } } body.m-black-body .b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } body.m-black-body .b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio__label { border-color: transparent; } .b-stats-row__label.m-checkbox.m-tips.m-current .b-input-radio__label .b-input-ripple::after { background-color: rgba(149, 117, 205, 0.75); } .b-stats-row__label.m-checkbox.m-tips.m-current:hover .b-input-radio__label .b-input-ripple::after { background-color: rgb(149, 117, 205); } .b-stats-row__label.m-checkbox.m-tips.m-current.g-radio-container:hover .b-input-radio__container .b-input-radio:checked ~ .b-input-radio__label { border-color: transparent; background-color: rgba(138, 150, 163, 0.25); } .modal-content .b-stats-row__label { padding-right: 16px; } .m-expanded .b-stats-row__month { font-weight: 500; } .m-expanded .b-stats-row__total-net { color: rgb(138, 150, 163); } .b-separate-section .m-expanded .b-stats-row__total-net { color: var(--text-color); } .b-stats-row__name { text-transform: uppercase; } @media (min-width: 1004px) { .b-stats-row .b-stats-row__name { max-width: 20%; flex: 0 0 20%; } } .m-total .b-stats-row__name { font-weight: 500; } .m-total-item .b-stats-row__name { font-weight: 400; color: rgb(138, 150, 163); margin-right: 8px; flex: 0 0 auto; max-width: none; } .b-stats-row__name.m-aside { font-weight: 400; color: rgb(138, 150, 163); } .b-stats-row__name.m-control { position: relative; text-transform: none; flex: 1 1 0%; max-width: none; } .b-stats-row__name.m-control ~ .b-stats-row__val { flex: 0 0 90px; max-width: none; } .b-stats-row__name.m-control ~ .b-stats-row__val:last-child { flex-basis: calc(6% + 90px); } @media (min-width: 768px) { .b-stats-row__name.m-control ~ .b-stats-row__val:last-child { flex-basis: calc(16% + 90px); } } .b-stats-row__name.m-control .b-input-radio__text:hover { text-decoration: underline; } .b-stats-row__name.m-control .b-input-radio__label { border-color: rgb(138, 150, 163); } .b-stats-row__name.m-dots { position: relative; padding-left: 18px; opacity: 0.5; text-transform: none; } .m-current .b-stats-row__name.m-dots { opacity: 1; } .b-stats-row__name.m-dots::before { content: ""; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); border-radius: 1000px; width: 6px; height: 6px; } .m-subscriptions .b-stats-row__name.m-dots::before { background-color: rgb(33, 150, 243); } .m-referrals .b-stats-row__name.m-dots::before { background-color: rgb(149, 117, 205); } .m-posts .b-stats-row__name.m-dots::before { background-color: rgb(236, 64, 122); } .m-messages .b-stats-row__name.m-dots::before { background-color: rgb(255, 112, 67); } .m-calls .b-stats-row__name.m-dots::before { background-color: rgb(255, 160, 0); } .m-streams .b-stats-row__name.m-dots::before { background-color: rgb(124, 179, 66); } .m-tips .b-stats-row__name.m-dots::before { background-color: rgb(0, 188, 212); } .m-subscribe .b-stats-row__name.m-dots::before { background-color: rgb(237, 194, 64); } .m-prolong .b-stats-row__name.m-dots::before { background-color: rgb(175, 216, 248); } .m-expire .b-stats-row__name.m-dots::before { background-color: rgb(203, 74, 75); } .m-unsubscribe .b-stats-row__name.m-dots::before { background-color: rgb(77, 167, 76); } .m-restore .b-stats-row__name.m-dots::before { background-color: rgb(147, 64, 237); } .m-duration .b-stats-row__name.m-dots::before { background-color: rgb(138, 150, 163); } .m-purchases .b-stats-row__name.m-dots::before { background-color: rgb(33, 150, 243); } .m-viewers .b-stats-row__name.m-dots::before { background-color: rgb(236, 64, 122); } .m-unique-viewers .b-stats-row__name.m-dots::before { background-color: rgb(107, 107, 107); } .m-likes .b-stats-row__name.m-dots::before { background-color: rgb(255, 160, 0); } .m-comments .b-stats-row__name.m-dots::before { background-color: rgb(124, 179, 66); } .m-checkbox .b-stats-row__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: none; } .b-stats-row__val { font-size: 14px; line-height: 20px; } @media (min-width: 1004px) { .b-stats-row .b-stats-row__val { text-align: right; max-width: 40%; flex: 0 0 40%; } .b-stats-row .m-total-item .b-stats-row__val { flex: 0 0 auto; max-width: none; } } .m-checkbox .b-stats-row__val { white-space: nowrap; margin-left: 16px; } .b-stats-row__body { max-height: 0px; transition: max-height 0.4s; } .m-expanded .b-stats-row__body { max-height: 2000px; } .empty-message { display: flex; flex-flow: wrap; place-content: center; align-items: center; font-size: 16px; line-height: 24px; font-weight: 500; color: rgba(138, 150, 163, 0.4); margin: auto; padding: 10px 0px; text-align: center; } .empty-message.text-left { justify-content: flex-start; text-align: left; } .empty-message.m-block { display: block; } .empty-message.m-default-font-weight { font-weight: 400; } .empty-message.g-md-text { font-size: 14px; line-height: 20px; } .empty-message.g-danger-text { color: rgb(231, 108, 108); } .empty-message.m-loading-content .g-btn, .empty-message.m-loading-content span { opacity: 0; visibility: hidden; } .b-search-autocomplete .empty-message { padding: 12px 8px; } .empty-message.m-gaps-lg { padding-top: 30px; padding-bottom: 30px; } .empty-message.error { margin-bottom: 25px; } .empty-message:has(.empty-message__btn) > span { flex: 0 0 100%; } .empty-message__icon-img { margin-bottom: 18px; width: 240px; } @media (min-width: 768px) { .empty-message__icon-img { width: 300px; } } .empty-message__icon-img + span { flex: 0 0 100%; } .empty-message .g-icon { display: block; width: 48px; height: 48px; flex: 0 0 100%; margin: 0px auto 5px; color: inherit; } @media (min-width: 1004px) { .empty-message .g-icon { width: 64px; height: 64px; } } .empty-message .g-icon.m-light-color { color: rgba(138, 150, 163, 0.25); } .empty-message .g-icon.m-md-size { width: 48px; height: 48px; } .empty-message .g-icon.m-sm-size { width: 24px; height: 24px; } .empty-message .g-btn.m-fluid-width { margin: 0px auto; } .empty-message.m-absolute-pos-center { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-offer-wrapper { display: flex; flex-flow: column wrap; margin-bottom: 16px; min-height: 100%; } .b-offer-wrapper.m-reset-mb, .b-offer-wrapper:last-child, .m-offer-bottom-gap-reset > .b-offer-wrapper { margin-bottom: 0px; } .b-offer-wrapper.m-bottom-gap { padding-bottom: 16px; } .b-offer-join { flex: 1 1 0%; position: relative; max-width: 100%; } .m-bundle-row .b-offer-join { display: flex; flex-wrap: wrap; } .b-offer-join.m-only-start-btn { padding-top: 13px; padding-bottom: 15px; } .b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn) { padding-top: 5px; padding-bottom: 0px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-settings .b-offer-wrapper.m-my-campaign .b-offer-join:not(.m-only-start-btn).m-trial-link-block { padding-top: 12px; } .b-offer-wrapper .b-offer-join { padding-left: 16px; padding-right: 16px; } .m-model-card .b-offer-wrapper .b-offer-join { padding-left: 0px; padding-right: 0px; } .b-offer-join .b-fans__item__list { width: 100%; } .b-offer-join .g-icon-info { position: absolute; top: 16px; right: 16px; z-index: 2; } .b-offer-join .g-icon-info .g-icon { margin: 0px; } .b-offer-join__title { font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 500; color: rgb(138, 150, 163); min-height: 20px; width: 100%; position: relative; } .b-offer-join__bubble { position: relative; padding-left: 18px; width: 100%; } .b-settings .b-offer-wrapper.m-my-campaign .b-offer-join__bubble, .m-started-campaign:not(.m-my-campaign) .b-offer-join__bubble { margin-top: 10px; } .b-offer-join__bubble__text { font-size: 16px; line-height: 24px; background-color: rgba(138, 150, 163, 0.08); border-radius: 0px 6px 6px; padding: 6px 12px 6px 26px; } .b-offer-join__bubble__text p { font-size: 16px; line-height: 24px; overflow: hidden; margin-bottom: 0px; } .b-offer-join__bubble__text .link-trunc { margin-top: 2px; } .b-offer-join__left-time { font-size: 12px; line-height: 16px; color: rgb(138, 150, 163); } .l-profile-page .b-offer-wrapper:not(.m-my-campaign) .b-offer-join__left-time { font-size: 14px; line-height: 20px; } .b-offer-join__left-time__el { display: inline; margin-right: 5px; } .b-offer-join__left-time__el:not(:first-child)::before { content: "•"; margin-right: 4px; } .b-offer-join__details { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 2px; } .b-offer-join__details:last-child { margin-bottom: 0px; } .l-profile-page .b-offer-wrapper:not(.m-my-campaign):not(.m-bundle-row) .b-offer-join__details { font-size: 19px; padding-top: 1px; } .m-bundle-row .b-offer-join__details { font-weight: 400; margin-bottom: 0px; flex: 1 1 0%; width: 100%; display: flex; } .b-offer-join__details__discount { margin-left: auto; color: rgb(138, 150, 163); padding-left: 12px; } .m-model-card .b-offer-join__details { margin-bottom: 0px; } .b-offer-join__details .m-num { font-weight: 500; } .b-offer-join__details .m-num::first-letter { font-size: 16px; } .b-offer-join__content { display: flex; flex-direction: column; place-content: flex-start center; align-items: flex-start; position: relative; flex: 1 1 0%; } .b-offer-join__content.g-disabled { opacity: 1; color: rgb(138, 150, 163); } .m-start-campaign.m-my-campaign .b-offer-join__content { padding-top: 7px; padding-bottom: 7px; } .b-offer-join__content .g-icon-info { right: 0px; top: 3px; } .b-offer-join__btn { display: flex; place-content: flex-start flex-end; align-items: flex-start; padding-top: 14px; flex-wrap: wrap; margin: auto 0px 0px; } .b-offer-join__btn:has(.g-btn.m-flat) { padding-bottom: 5px; margin-left: -3px; width: calc(100% + 12px); } .b-settings .b-offer-join__btn { padding-top: 0px; } .b-offer-join__btn .g-btn { margin-left: 4px; } .b-offer-join__btn .g-btn:first-child { margin-left: 0px; } .b-offer-join__btn .g-btn[role="button"] { flex: 1 1 0%; } .b-offer-join__btn .g-btn.m-block { display: flex; flex-flow: wrap; place-content: center; align-items: center; } .b-offer-join > .g-btn:last-child[role="button"], .m-guest .b-offer-join > .g-btn:last-child { margin-bottom: 16px; } .b-hint-offer { display: flex; place-content: center space-between; align-items: center; font-size: 14px; line-height: 20px; border-radius: 6px; background-color: rgba(138, 150, 163, 0.08); padding: 10px 12px; margin-top: 12px; } .b-settings .b-hint-offer + .b-fans__item__list.m-trial-link { margin-top: 0px; } .b-hint-offer__name { color: rgb(138, 150, 163); } .b-hint-offer__value { font-weight: 500; } .b-hint-offer__value .g-btn { margin-top: -8px; margin-bottom: -8px; margin-right: -10px; vertical-align: top; } .b-photos { display: grid; gap: 2px; grid-template-columns: repeat(3, 1fr); margin-bottom: 20px; grid-auto-rows: min-content; } .b-photos:has(+ .infinite-loading-container) { margin-bottom: 0px; } .b-photos.m-col-4 { grid-template-columns: repeat(4, 1fr); } .b-photos.m-col-2 { grid-template-columns: repeat(2, 1fr); } .b-photos.m-gap-gutter { gap: 16px; } .b-photos.m-reset-grid { display: block; } .modal-body .b-photos { flex: 1 1 0%; } .b-photos:not(:empty) + .b-posts_preloader { padding-top: 10px; padding-bottom: 10px; } .b-photos:empty { display: none; } .b-photos:empty + .b-posts_preloader { min-height: 200px; } .b-photos:empty + .b-posts_preloader .g-icon { width: 44px; height: 44px; flex: 0 0 44px; color: rgb(138, 150, 163); } @media (min-width: 768px) { .b-photos:empty + .b-posts_preloader .g-icon { width: 64px; height: 64px; flex: 0 0 64px; margin-bottom: 25px; } } .b-photos__item { position: relative; } .b-photos__item[href]::after { inset: 0px; display: block; position: absolute; z-index: 1; content: ""; } .m-recent-list .b-photos__item { overflow: hidden; } .m-recent-list .b-photos__item .b-subscribe-block.m-inside-grid { padding-left: 6px; padding-right: 6px; } .m-recent-list .b-photos__item:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .m-recent-list .b-photos__item:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .b-photos__item.m-square { --outline-offset: -2px; height: 0px; padding-top: 100%; } .b-dragscroll .b-photos__item.m-square { padding-top: 0px; } .b-photos-reduced-outline .b-photos__item.m-square { --outline-offset: -4px; } @media (any-hover: hover) and (pointer: fine) { .b-photos__item.m-square:not(.m-checkbox-control):focus-visible .g-btn-play { background-color: rgb(0, 145, 234); } .b-photos__item.m-square:not(.m-checkbox-control):focus-visible { outline: none; } .b-photos__item.m-square:not(.m-checkbox-control):focus-visible::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: var(--outline-offset); border-radius: 6px; } } .b-photos__item.m-gradient-bottom::before { inset: 0px; transform: rotate(180deg); content: ""; background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0)) 0% 0% / 100% 50% no-repeat; position: absolute; opacity: 0.25; z-index: 1; } .b-photos__item.m-btn-add .b-btn-uploader { background-color: rgba(255, 255, 255, 0.08); border-radius: 6px; } .b-photos__item.m-btn-add .b-btn-uploader:hover { background-color: rgba(255, 255, 255, 0.18); } .b-photos__item, .b-photos__item:hover { color: inherit; } .b-photos__item.m-video-item { background-color: rgb(0, 0, 0); } @media (any-hover: hover) and (pointer: fine) { .b-photos__item:hover .g-btn-play { background-color: rgb(0, 145, 234); } } .b-photos__item.m-checkbox-control { overflow: hidden; } .b-photos__item.m-checkbox-control::after { inset: 0px; content: ""; background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(138, 150, 163, 0) 50%) no-repeat; position: absolute; z-index: 1; border: medium; } .b-photos__item.m-checkbox-control.m-processing-state { pointer-events: none; } .b-photos__item.m-checkbox-control.m-pre-selected { opacity: 0.75; } .b-photos__item.m-checkbox-control.m-pre-selected .m-disabled-view { pointer-events: none; } .b-photos__item.m-checkbox-control:not(.selected) { cursor: pointer; } .b-photos__item.m-checkbox-control.selected::after { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(138, 150, 163, 0) 50%), linear-gradient(rgba(0, 0, 0, 0.25) 0px); } .b-photos__item.m-checkbox-control .b-input-radio__label { z-index: 2; pointer-events: auto; } @media (any-hover: hover) and (pointer: fine) { .b-photos__item.m-checkbox-control:focus-visible { outline: none; } .b-photos__item.m-checkbox-control:focus-visible .g-btn-play { background-color: rgb(0, 145, 234); } .b-photos__item.m-checkbox-control:focus-visible::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: -4px; border-radius: 6px; z-index: 2; } .b-photos__item.m-checkbox-control:focus-visible .checkbox-item { z-index: 3; } } .b-photos__item.m-highlight, .b-photos__item.m-highlight:hover { color: rgb(254, 254, 254); } .b-photos__item.m-highlight .g-btn { z-index: 2; } .b-photos__item.m-highlight .g-btn:not(.m-btn-remove) { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-photos__item.m-processing .b-spinner-processing { z-index: 1; color: rgb(254, 254, 254); } .b-photos__item.m-processing .b-photos__item__img { background-color: transparent; display: block; height: auto; filter: blur(50px) opacity(90%); background-position: 50% center; background-size: cover; } .b-photos__item.m-processing .b-photos__item__img.m-blur-static { width: 100%; height: 100%; max-width: 100%; flex: 0 0 100%; max-height: inherit; transform: scale(1.25); } .m-enable-blur-support * .b-photos__item.m-processing .b-photos__item__img.m-blur-static { transform: scale(1.25) translateZ(0px); z-index: -1; } .b-photos__item.m-processing .b-photos__item__img:not(.m-blur-static) { inset: -75px; position: absolute; } .m-enable-blur-support * .b-photos__item.m-processing .b-photos__item__img:not(.m-blur-static) { transform: translateZ(0px); z-index: -1; } .b-photos__item.m-processing .b-photos__item__img { filter: blur(4px) opacity(100%); } .b-photos__item__img { width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; position: absolute; left: 0px; top: 0px; background-size: cover; transition: opacity 0.3s; z-index: 0; pointer-events: none; } .b-photos__item__wrapper { inset: 0px; position: absolute; } .b-photos__item__text { font-size: 12px; line-height: 16px; display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; position: absolute; right: 12px; left: 12px; bottom: 33px; z-index: 2; } .b-photos__item__text:last-child { font-size: 14px; line-height: 20px; bottom: 10px; color: rgb(254, 254, 254); } @media (min-width: 560px) { .b-photos__item__text:last-child { bottom: 12px; } } .b-photos__item:not(.m-default-bg) .b-photos__item__text:last-child { filter: drop-shadow(rgba(0, 0, 0, 0.7) 0px 1px 1px); } @media (min-width: 560px) { .b-photos__item__text { bottom: 50px; } } .b-photos__item .g-avatar { top: 12px; left: 12px; z-index: 2; } .b-photos__item .g-avatar ~ .b-element-label.m-position-rt { max-width: calc(100% - 56px); } .b-photos__item .g-avatar + .b-photos__item__text { -webkit-line-clamp: 2; } .b-photos .b-element-label.m-zero-value { opacity: 0.25; } .b-photos .b-element-label.m-video-duration { inset: auto 0px 0px; padding: 12px 11px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.25)); border-radius: 0px; } .m-processing-state .b-photos .b-element-label.m-video-duration { font-size: 12px; line-height: 16px; background: none; text-align: left; } .b-photos .b-element-label.m-video-duration.m-sm-tb { padding-top: 7px; padding-bottom: 7px; } .b-photos .b-element-label.m-video-duration .g-icon { margin-left: 0px; margin-right: 4px; } .b-photos .b-element-label .g-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 2px; margin-left: 1px; vertical-align: top; } .b-photos .infinite-loading-container { width: 100%; } .b-photos .b-photos__item + .infinite-loading-container .infinite-status-prompt > div:not(:empty) { padding-top: 100%; position: relative; } .b-photos .b-photos__item + .infinite-loading-container .b-posts_preloader { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; padding: 0px; } .b-photos .dynamic-scroller-item { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; } .b-photos .vue-recycle-scroller__item-view .dynamic-scroller-item { padding-bottom: 2px; } .b-photos .g-btn.m-btn-load-posts { grid-column: 1 / 4; margin-left: 16px; margin-right: 16px; } .b-video-progress { font-size: 14px; line-height: 16px; position: absolute; right: 6px; bottom: 8px; color: rgba(255, 255, 255, 0.75); padding: 4px 6px; z-index: 2; display: flex; font-weight: 500; } .user_posts { padding: 14px 0px 0px; flex: 1 1 0%; display: flex; flex-direction: column; } .b-content-filter-wrapper + .user_posts, .m-grid-mode + .user_posts { padding-top: 0px; } .b-feed-content.g-sides-gaps .user_posts .vue-recycle-scroller, .b-feed__wrapper.g-sides-gaps .user_posts .vue-recycle-scroller { margin-left: -16px; margin-right: -16px; } .b-feed-content.g-sides-gaps .user_posts .vue-recycle-scroller__item-view, .b-feed__wrapper.g-sides-gaps .user_posts .vue-recycle-scroller__item-view { padding-left: 16px; padding-right: 16px; } .user_posts:has(> .b-no-posts) { padding-top: 0px; } .link-trunc { color: rgb(0, 175, 240); cursor: pointer; display: inline-block; font-size: 14px; margin-top: 5px; } .link-trunc:hover { color: rgb(0, 145, 234); text-decoration: underline; } .b-icon-counter { display: inline-flex; align-items: center; } .b-icon-counter:not(:first-child) { margin-left: 6px; } .b-icon-counter.m-text-overflow { overflow: hidden; } .b-icon-counter.m-dot:not(:first-child) { margin-left: 0px; } .b-icon-counter.m-dot:not(:first-child)::before { content: "•"; font-size: 12px; color: rgba(138, 150, 163, 0.75); margin-left: 6px; margin-right: 6px; } .b-post-content-free-icon { margin: 4px 0px 0px 5px; float: right; right: 0px; z-index: 4; } .b-post-content-free-icon .g-icon { width: 16px; height: 16px; flex: 0 0 16px; display: block; color: rgb(138, 150, 163); } .b-post-content-free-icon.m-media-free { float: none; border-radius: 6px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 13px; right: 13px; margin: 0px; } .b-post-content-free-icon.m-media-free .g-icon { width: 18px; height: 18px; flex: 0 0 18px; color: rgb(254, 254, 254); } .b-post-content-free-icon.m-media-free + .b-post__unknown { margin-top: 16px; } .b-intro-page__inside { padding-top: 15px; padding-bottom: 20px; } .b-intro-page p { margin-bottom: 5px; } .modal .b-release-form--items .b-tabs__nav.m-nv.m-bottom-bordered { padding-top: 7px; padding-bottom: 15px; z-index: 1; margin-left: 0px; margin-right: 0px; margin-top: 1px; } .b-release-form__docs.m-modal-height { height: calc(100dvh - 184px); max-height: 352px; } .modal-body:not(.m-dropdown-menu-inside) .b-release-form__docs.m-modal-height .b-rows-lists { height: auto; } .b-release-form__docs.m-modal-height .empty-message { transform: translateY(-3px); } .b-release-form__docs.m-visible-fly-selected { margin-bottom: auto; } .b-release-form__docs.m-visible-fly-selected + .b-placeholder-item-selected { margin-top: -58px; } .modal .b-release-form__docs.m-visible-fly-selected + .b-placeholder-item-selected { margin-top: -64px; position: relative; bottom: auto; } .custom-datepicker { font-family: Roboto, sans-serif; } .custom-datepicker.b-datepicker-input { height: 0px; overflow: hidden; } .custom-datepicker.b-datepicker-input .vdatetime-input { display: none; } .custom-datepicker > div:not([class]) { left: 0px; right: 0px; top: 0px; position: fixed; } .custom-datepicker div:not([class]):has(> .vdatetime-popup) { left: 0px; right: 0px; top: 0px; position: fixed; height: 100dvh; overflow-y: auto; z-index: 1020; display: grid; grid-template-rows: 0px auto; max-width: 100vw; } .custom-datepicker .vdatetime-input { cursor: pointer; } .custom-datepicker .vdatetime-input[readonly] { pointer-events: none; background: rgba(138, 150, 163, 0.08); } .custom-datepicker .vdatetime-input[readonly] ~ .v-datetime__icon { opacity: 0.5; pointer-events: none; } .custom-datepicker .vdatetime-input[readonly] ~ .v-datetime__label::after { inset: 8px 0px 0px; content: ""; position: absolute; z-index: -1; background: rgba(138, 150, 163, 0.08); } .custom-datepicker .vdatetime-month-picker__list, .custom-datepicker .vdatetime-year-picker__list { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .custom-datepicker .vdatetime-month-picker__list, .custom-datepicker .vdatetime-year-picker__list { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .custom-datepicker .vdatetime-month-picker__list::-webkit-scrollbar, .custom-datepicker .vdatetime-year-picker__list::-webkit-scrollbar { width: 10px; height: 10px; } .custom-datepicker .vdatetime-month-picker__list::-webkit-scrollbar-thumb, .custom-datepicker .vdatetime-year-picker__list::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .custom-datepicker .vdatetime-month-picker__list::-webkit-resizer, .custom-datepicker .vdatetime-month-picker__list::-webkit-scrollbar-button, .custom-datepicker .vdatetime-month-picker__list::-webkit-scrollbar-corner, .custom-datepicker .vdatetime-year-picker__list::-webkit-resizer, .custom-datepicker .vdatetime-year-picker__list::-webkit-scrollbar-button, .custom-datepicker .vdatetime-year-picker__list::-webkit-scrollbar-corner { display: none; } .custom-datepicker .vdatetime-month-picker__list::-webkit-scrollbar-track, .custom-datepicker .vdatetime-year-picker__list::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .custom-datepicker .vdatetime-month-picker__list, .custom-datepicker .vdatetime-year-picker__list { overflow: auto; } .custom-datepicker .vdatetime-month-picker__item, .custom-datepicker .vdatetime-year-picker__item { font-size: 20px; padding-top: 7px; padding-bottom: 7px; } .m-mode-dark .custom-datepicker .vdatetime-month-picker__item, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-month-picker__item--disabled, .custom-datepicker .vdatetime-year-picker__item--disabled, .m-mode-dark .custom-datepicker .vdatetime-month-picker__item--disabled, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item--disabled { color: rgba(138, 150, 163, 0.44); opacity: 1; } .custom-datepicker .vdatetime-month-picker__item--selected, .custom-datepicker .vdatetime-year-picker__item--selected, .m-mode-dark .custom-datepicker .vdatetime-month-picker__item--selected, .m-mode-dark .custom-datepicker .vdatetime-year-picker__item--selected { color: rgb(0, 175, 240); font-size: 20px; } .custom-datepicker .vdatetime-popup { inset: auto; overflow: hidden; font-family: inherit; width: 328px; max-width: calc(100% - 32px); position: relative; margin: auto; transform: none; padding: 10px 0px; background: none; box-shadow: none; z-index: 1000; } .custom-datepicker .vdatetime-popup::after { content: ""; background: var(--bg-color); box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; border-radius: 6px; position: absolute; inset: 10px 0px; z-index: -1; } .m-stream-body .custom-datepicker .vdatetime-popup::after { background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; box-shadow: rgba(138, 150, 163, 0.12) 0px 0px 0px 1px inset; } .g-sides-gaps .custom-datepicker .vdatetime-popup .v-calendar { width: 100%; margin-left: 0px; margin-right: 0px; } .custom-datepicker .vdatetime-popup__title { font-size: 14px; line-height: 20px; display: flex; align-content: center; align-items: center; text-transform: uppercase; margin-bottom: 13px; font-weight: 500; flex: 0 0 100%; order: 1; } .custom-datepicker .vdatetime-popup__title .g-icon { margin-right: 6px; color: rgb(0, 175, 240); } .custom-datepicker .vdatetime-popup__header { background: none; color: var(--title-color); padding: 15px 16px 0px; position: relative; font-size: 15px; display: flex; flex-flow: wrap; margin-bottom: 20px; } .custom-datepicker .vdatetime-popup__header::after { left: 0px; right: 0px; bottom: 0px; content: ""; position: absolute; height: 1px; background-color: rgba(138, 150, 163, 0.25); } .m-stream-body .custom-datepicker .vdatetime-popup__header::after { background-color: rgba(138, 150, 163, 0.12); } .custom-datepicker .vdatetime-popup__header:has(.vdatetime-popup__date:hover) .vdatetime-popup__year { color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__header:has(.vdatetime-popup__date:hover) .vdatetime-popup__year { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__header:has(.vdatetime-popup__date:hover) .vdatetime-popup__year::before { opacity: 1; } .custom-datepicker .vdatetime-popup__header:has(.vdatetime-popup__date:hover) .vdatetime-popup__year::after { background-color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__header:has(.vdatetime-popup__date:hover) .vdatetime-popup__year::after { background-color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__body:has([class*="-picker"]) + .vdatetime-popup__actions { border-top: 1px solid rgba(138, 150, 163, 0.25); } .m-stream-body .custom-datepicker .vdatetime-popup__body:has([class*="-picker"]) { border-top-color: rgba(138, 150, 163, 0.12); } .custom-datepicker .vdatetime-popup__year { order: 3; padding-right: 20px; } .custom-datepicker .vdatetime-popup__year::after { left: 0px; right: 0px; } .custom-datepicker .vdatetime-popup__year:hover::before { opacity: 1; } .custom-datepicker .vdatetime-popup__year:hover + .vdatetime-popup__date { color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__year:hover + .vdatetime-popup__date { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__year:hover + .vdatetime-popup__date::before { opacity: 1; } .custom-datepicker .vdatetime-popup__year:hover + .vdatetime-popup__date::after { background-color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__year:hover + .vdatetime-popup__date::after { background-color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__year::before { left: 0px; right: 8px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .custom-datepicker .vdatetime-popup__date { order: 2; padding-left: 20px; padding-right: 4px; margin-left: -16px; } .custom-datepicker .vdatetime-popup__date::before { left: 8px; right: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .custom-datepicker .vdatetime-popup__date::after { left: 0px; right: 0px; } .custom-datepicker .vdatetime-popup__date:hover::before { opacity: 1; } .custom-datepicker .vdatetime-popup__date, .custom-datepicker .vdatetime-popup__year { font-size: 19px; line-height: 46px; display: inline-block; font-weight: 500; opacity: 1; position: relative; height: 46px; } .custom-datepicker .vdatetime-popup__date::before, .custom-datepicker .vdatetime-popup__year::before { content: ""; top: 4px; bottom: 4px; position: absolute; opacity: 0; pointer-events: none; z-index: 0; transition: opacity 0.1s; background-color: rgba(0, 145, 234, 0.06); } .m-stream-body .custom-datepicker .vdatetime-popup__date::before, .m-stream-body .custom-datepicker .vdatetime-popup__year::before { background-color: rgba(255, 255, 255, 0.12); } .custom-datepicker .vdatetime-popup__date::after, .custom-datepicker .vdatetime-popup__year::after { content: ""; position: absolute; bottom: 0px; height: 2px; background-color: rgb(36, 37, 41); } .m-stream-body .custom-datepicker .vdatetime-popup__date::after, .m-stream-body .custom-datepicker .vdatetime-popup__year::after { background-color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__date:hover, .custom-datepicker .vdatetime-popup__year:hover { color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__date:hover, .m-stream-body .custom-datepicker .vdatetime-popup__year:hover { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__date:hover::after, .custom-datepicker .vdatetime-popup__year:hover::after { background-color: rgb(0, 145, 234); } .m-stream-body .custom-datepicker .vdatetime-popup__date:hover::after, .m-stream-body .custom-datepicker .vdatetime-popup__year:hover::after { background-color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-popup__actions { display: flex; justify-content: flex-end; padding: 6px 10px; font-size: 0px; flex-wrap: wrap; position: relative; font-weight: 500; } .custom-datepicker .vdatetime-popup__actions__button { padding: 0px; } .custom-datepicker .vdatetime-popup__actions__button .g-btn { margin-left: 4px; text-transform: uppercase; } .custom-datepicker .vdatetime-popup__actions__button .g-btn.m-border { box-shadow: rgba(138, 150, 163, 0.4) 0px 0px 0px 1px inset; } .custom-datepicker .vdatetime-calendar__current--month { font-weight: 500; font-size: 14px; } .m-mode-dark .custom-datepicker .vdatetime-calendar__current--month { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-calendar__month { padding-left: 10px; padding-right: 10px; padding-bottom: 12px; display: flex; flex-wrap: wrap; min-height: 284px; } .custom-datepicker .vdatetime-calendar__month__day, .custom-datepicker .vdatetime-calendar__month__weekday { width: 36px; height: 36px; margin-left: 5px; margin-right: 5px; margin-bottom: 4px; flex: 0 0 calc(14.28% - 10px); } .m-mode-dark .custom-datepicker .vdatetime-calendar__month__day, .m-mode-dark .custom-datepicker .vdatetime-calendar__month__weekday { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-calendar__month__weekday { font-size: 12px; line-height: 16px; text-transform: uppercase; color: rgb(138, 150, 163); font-weight: 500; height: 16px; margin-bottom: 16px; } .custom-datepicker .vdatetime-calendar__month__day { font-size: 12px; line-height: 16px; color: var(--text-color); font-weight: 500; } .custom-datepicker .vdatetime-calendar__month__day:hover > span > span { background: none; box-shadow: rgba(138, 150, 163, 0.66) 0px 0px 0px 1px inset; } .m-mode-dark .custom-datepicker .vdatetime-calendar__month__day:hover > span > span { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-calendar__month__day--disabled { opacity: 1; color: rgba(138, 150, 163, 0.44); } .m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--disabled { color: rgba(138, 150, 163, 0.74); } .custom-datepicker .vdatetime-calendar__month__day--disabled:hover > span > span { color: rgba(138, 150, 163, 0.44); } .m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--disabled:hover > span > span { color: rgba(138, 150, 163, 0.74); } .custom-datepicker .vdatetime-calendar__month__day--selected > span > span { background: rgb(0, 175, 240); } .custom-datepicker .vdatetime-calendar__month__day--selected:hover > span > span { background: rgb(0, 145, 234); box-shadow: none; } .m-mode-dark .custom-datepicker .vdatetime-calendar__month__day--selected:hover > span > span { color: rgb(254, 254, 254); } .custom-datepicker .vdatetime-calendar__month__day.vdatetime-calendar__month__day--disabled:hover > span > span, .custom-datepicker .vdatetime-calendar__month__day.vdatetime-calendar__month__day--selected:hover > span > span { box-shadow: none; } .custom-datepicker .vdatetime-calendar__navigation { margin-top: 0px; margin-bottom: 25px; } .custom-datepicker .vdatetime-calendar__navigation--previous { left: 25px; } .custom-datepicker .vdatetime-calendar__navigation--next { right: 25px; } .custom-datepicker .vdatetime-calendar__navigation--next, .custom-datepicker .vdatetime-calendar__navigation--previous { display: inline-flex; flex-direction: row; place-content: center; align-items: center; padding: 0px; width: 24px; height: 24px; border-radius: 1000px; transition: background-color 0.1s; top: -4px; } @media (any-hover: hover) { .custom-datepicker .vdatetime-calendar__navigation--next:hover, .custom-datepicker .vdatetime-calendar__navigation--previous:hover { background-color: rgba(0, 145, 234, 0.06); } .m-black-body .custom-datepicker .vdatetime-calendar__navigation--next:hover, .m-black-body .custom-datepicker .vdatetime-calendar__navigation--previous:hover { background-color: rgba(255, 255, 255, 0.12); } .m-black-body .custom-datepicker .vdatetime-calendar__navigation--next:hover svg path, .m-black-body .custom-datepicker .vdatetime-calendar__navigation--previous:hover svg path { opacity: 1; } .custom-datepicker .vdatetime-calendar__navigation--next:hover svg path, .custom-datepicker .vdatetime-calendar__navigation--previous:hover svg path { stroke: rgb(0, 145, 234); } } .custom-datepicker .vdatetime-calendar__navigation--next svg, .custom-datepicker .vdatetime-calendar__navigation--previous svg { width: 6px; height: 15px; color: var(--title-color); } .m-black-body .custom-datepicker .vdatetime-calendar__navigation--next svg path, .m-black-body .custom-datepicker .vdatetime-calendar__navigation--previous svg path { stroke: rgb(254, 254, 254); opacity: 0.5; } .m-mode-dark .custom-datepicker .vdatetime-calendar__navigation--next svg path, .m-mode-dark .custom-datepicker .vdatetime-calendar__navigation--previous svg path { stroke: rgb(254, 254, 254); } .custom-datepicker .vdatetime-overlay { position: sticky; inset: 0px 0px auto; height: 100dvh; z-index: 999; transition: opacity 0.5s; background: rgba(0, 0, 0, 0.5); } .custom-datepicker-button-cancel { margin-right: 0px; margin-left: auto; } .custom-datepicker .vdatetime-time-picker { width: 264px; margin: 0px auto 15px; mask-image: linear-gradient(rgb(0, 0, 0) 90%, transparent); } .custom-datepicker .vdatetime-time-picker__item { font-size: 21px; line-height: 22px; color: rgb(36, 37, 41); padding-top: 11px; padding-bottom: 11px; position: relative; } .m-mode-dark .custom-datepicker .vdatetime-time-picker__item:not(.vdatetime-time-picker__item--selected) { color: rgb(255, 255, 255); } .m-mode-dark .custom-datepicker .vdatetime-time-picker__item.vdatetime-time-picker__item--disabled { color: rgb(138, 150, 163); } .custom-datepicker .vdatetime-time-picker__item:hover { font-size: 20px; } .custom-datepicker .vdatetime-time-picker__item::after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; content: ""; background-color: rgb(0, 175, 240); border-radius: 1000px; width: 42px; height: 42px; z-index: -1; opacity: 0; transition: opacity 0.3s; } .custom-datepicker .vdatetime-time-picker__item--selected { font-weight: 400; color: rgb(0, 175, 240); } .custom-datepicker .vdatetime-time-picker__item--disabled { color: rgba(138, 150, 163, 0.73); opacity: 1; } .custom-datepicker .vdatetime-time-picker__item--disabled::after { opacity: 0; } .custom-datepicker .vdatetime-time-picker__list { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .custom-datepicker .vdatetime-time-picker__list { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); } } .custom-datepicker .vdatetime-time-picker__list { scrollbar-width: none; scroll-behavior: auto; } .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar { display: none; color: rgb(255, 255, 255); height: 0px; width: 0px; appearance: none; } .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar, .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-track { width: 0px; height: 0px; background: rgba(255, 255, 255, 0); opacity: 0; appearance: none; } .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-thumb { opacity: 0; background: transparent; border: medium; box-shadow: none; display: none; } .custom-datepicker .vdatetime-time-picker__list::-webkit-scrollbar-button { display: none; width: 0px; height: 0px; } .custom-datepicker .vdatetime-time-picker__list { height: 318px; padding: 0px; mask-image: linear-gradient(transparent 1%, rgb(0, 0, 0) 10%); } .custom-datepicker .vdatetime-time-picker__list:last-child { display: flex; flex-direction: column; justify-content: center; overflow-y: hidden; text-transform: uppercase; } .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day .vfc-base-end { width: calc(100% - 5px) !important; border-top-right-radius: 18px !important; border-bottom-right-radius: 18px; } .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked, .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked { pointer-events: auto; } .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked:not(.vfc-start-marked) { background-color: transparent; color: var(--text-color); } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range.from-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-end-marked:not(.vfc-start-marked):hover { background-color: rgba(0, 175, 240, 0.06); } } .vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day .vfc-base-start { width: calc(100% - 5px) !important; border-top-left-radius: 18px !important; border-bottom-left-radius: 18px; } .vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked:not(.vfc-end-marked) { background-color: transparent; color: var(--text-color); pointer-events: auto; } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range.to-tab-active .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-marked.vfc-start-marked:not(.vfc-end-marked):hover { background-color: rgba(0, 175, 240, 0.06); } } .vfc-popover-container.custom-datepicker-range .vfc-main-container { background-color: transparent; font-family: Open Sans, sans-serif; box-shadow: none; border-radius: 0px; height: 327px !important; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container { margin-top: -20px; padding-top: 20px; overflow: visible; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons { flex: 0 1 0px; position: relative; height: 0px; margin: 0px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div { margin: 0px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left { border-top-width: 1px; border-left-width: 1px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left::after { left: -10px; top: -10px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right { border-top-width: 1px; border-right-width: 1px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right::after { left: -7px; top: -11px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left { left: 31px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right { right: 31px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right { width: 7px; height: 7px; position: absolute; top: 3px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover { border-color: rgb(0, 145, 234); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:not(.vfc-disabled):hover::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:not(.vfc-disabled):hover::after { opacity: 1; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left::after, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right::after { content: ""; position: absolute; width: 24px; height: 24px; background-color: rgba(0, 145, 234, 0.06); border-radius: 1000px; opacity: 0; transition: opacity 0.1s; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left:active, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right:active { border-color: var(--text-color); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-left.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-navigation-buttons div .vfc-arrow-right.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-left.vfc-disabled, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-separately-navigation-buttons div .vfc-arrow-right.vfc-disabled { border-color: rgba(138, 150, 163, 0.4); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars { flex: 0 1 100%; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content { margin: 0px 7px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-top-date { font-size: 14px; line-height: 16px; margin: 0px; font-weight: 500; font-family: Roboto, sans-serif; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); padding: 4px 6px; color: var(--text-color); border-radius: 48px; cursor: pointer; } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-top-date:hover { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-top-date a { color: inherit; text-decoration: none; margin: 0px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-dayNames { margin-top: 41px; margin-bottom: 14px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-dayNames span { text-transform: uppercase; color: rgb(138, 150, 163); font-size: 12px; margin: 0px; font-weight: 500; font-family: Roboto, sans-serif; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day { margin: 0px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-hovered { background-color: transparent; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered { cursor: pointer; width: 36px; height: 36px; color: var(--text-color); font-size: 12px; line-height: 36px; font-weight: 500; margin-bottom: 4px; font-family: Roboto, sans-serif; background-color: transparent; } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover:not(.vfc-today):not(.vfc-marked):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered:not(.vfc-today):not(.vfc-marked):hover { background: rgba(0, 145, 234, 0.06); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover:not(.vfc-today):not(.vfc-marked).vfc-disabled:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered:not(.vfc-today):not(.vfc-marked).vfc-disabled:hover { background: none; } } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed { cursor: not-allowed; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed:hover { background: none; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-cursor-not-allowed:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-cursor-not-allowed:hover { color: rgba(138, 150, 163, 0.4); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-today, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-today { background-color: var(--bg-color); border: 1px solid rgb(0, 175, 240); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-today:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-today:hover { background-color: rgb(0, 175, 240); color: rgb(254, 254, 254); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-hide:not(.vfc-today):not(.vfc-hover), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-today):not(.vfc-hover), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-hide:not(.vfc-today):not(.vfc-hover), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-hovered:not(.vfc-today):not(.vfc-hover) { color: rgb(138, 150, 163); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked { background-color: transparent; } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked:hover { background-color: rgba(0, 175, 240, 0.06); } } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked::before { background-color: rgba(0, 175, 240, 0.12); height: 36px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-borderd, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-borderd { color: var(--bg-color); background-color: rgb(0, 175, 240); } @media (any-hover: hover) { .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-borderd:hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-borderd:hover { color: var(--bg-color); } } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-borderd::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-borderd::before { display: none; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-end-marked, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-start-marked, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-end-marked, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-start-marked { color: var(--bg-color); background-color: rgb(0, 175, 240); pointer-events: none; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-end-marked::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hover.vfc-marked.vfc-start-marked::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-end-marked::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day.vfc-hovered.vfc-marked.vfc-start-marked::before { background-color: transparent; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-end, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-start { background-color: rgba(0, 175, 240, 0.12); height: 36px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-end + .vfc-span-day::before, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-start + .vfc-span-day::before { display: none; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-end + .vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-end + .vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked):hover, .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-start + .vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked), .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day .vfc-base-start + .vfc-span-day.vfc-hover.vfc-hovered:not(.vfc-marked):hover { background-color: rgb(0, 175, 240); color: rgb(254, 254, 254); } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day:first-child span.vfc-span-day.vfc-marked::before { border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; } .vfc-popover-container.custom-datepicker-range .vfc-main-container .vfc-calendars-container .vfc-calendars .vfc-calendar > div.vfc-content .vfc-week div.vfc-day span.vfc-span-day:last-child span.vfc-span-day.vfc-marked::before { border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content { scroll-behavior: smooth; overscroll-behavior: contain; } @supports (-moz-appearance:none) { .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); scrollbar-width: thin; } } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar { width: 10px; height: 10px; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-thumb { background: rgba(171, 171, 171, 0.6) padding-box; border: 3px solid transparent; border-radius: 6px; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-resizer, .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-button, .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-corner { display: none; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content::-webkit-scrollbar-track { background: none; box-shadow: none; border: medium; width: 10px; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content { background-color: var(--bg-color); margin: 0px; width: 216px; max-height: 268px; overflow-y: auto; border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; padding: 4px 0px; top: -10px; left: 50%; transform: translateX(-50%); } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-navigation-buttons { display: none; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months { display: block; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item { color: var(--text-color); text-align: left; margin: 0px; font-size: 16px; font-family: Roboto, sans-serif; padding: 12px 16px; position: relative; z-index: 2; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item::after { content: ""; z-index: -1; background-color: rgba(0, 145, 234, 0.06); border-radius: 4px; position: absolute; inset: 4px 4px 4px 8px; opacity: 0; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item:hover { background-color: transparent; color: rgb(0, 145, 234); } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item:hover::after { opacity: 1; } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item.vfc-selected { text-shadow: none; background: none; color: rgb(0, 145, 234); } .vfc-popover-container.custom-datepicker-range .vfc-months-container .vfc-content .vfc-months .vfc-item.vfc-selected::after { opacity: 1; } .v-datetime.m-field-label-over { position: relative; } .v-datetime .datetime-input-label { position: absolute; top: 14px; left: 0px; padding-left: 3px; padding-right: 3px; background-color: var(--bg-color); font-size: 16px; line-height: 20px; margin: 0px 13px; transform: translateY(-21px) scale(0.75); transform-origin: left top 0px; color: rgb(138, 150, 163); } .b-datepicker-months-list.dropdown-menu { height: 268px; min-width: 216px; max-width: 216px; left: -6px !important; margin-top: -29px !important; } .b-datepicker-months-list.dropdown-menu li .dropdown-item { color: var(--text-color); } .b-datepicker-months-list.dropdown-menu li.m-active .dropdown-item { color: rgb(0, 145, 234); } .b-datepicker-months-list.dropdown-menu li.m-active .dropdown-item::after { opacity: 1; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header { margin-bottom: 0px; padding-bottom: 13px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__date, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__year, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__header::after { display: none; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__title { margin-bottom: 0px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__body { overflow: hidden; min-height: 345px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs { display: flex; margin: 0px; width: 100%; height: 46px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs + .vdatetime-popup__body .vdatetime-calendar, .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs + .vdatetime-popup__body .vfc-popover-container { margin-top: 20px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs + .vdatetime-popup__body .vdatetime-time-picker { margin-top: 12px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs.m-hyphen { position: relative; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tabs.m-hyphen::after { content: "—"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 3px)); color: rgb(138, 150, 163); font-size: 19px; font-weight: 500; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab { font-size: 19px; font-weight: 500; color: rgb(138, 150, 163); position: relative; cursor: pointer; flex: 1 1 0%; padding: 13px 10px 10px; transition: color 0.1s; text-align: center; height: inherit; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:not(:first-child) { margin-left: 0px; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab::before { content: ""; position: absolute; inset: 4px 8px; background-color: rgba(0, 145, 234, 0.06); border-radius: 4px; opacity: 0; pointer-events: none; z-index: 0; transition: opacity 0.1s; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab::after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 2px; background-color: rgb(36, 37, 41); width: 0px; transition: width 0.3s; } .m-mode-dark .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab::after { background-color: rgb(254, 254, 254); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:hover { color: rgb(0, 145, 234); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:hover::before { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:focus-visible { color: rgb(0, 145, 234); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:focus-visible::before { opacity: 1; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:focus-visible { outline: none; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab:focus-visible::before { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active { font-weight: 500; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active:not(:hover):not(:focus-visible) { color: var(--title-color); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active:hover::after { background-color: rgb(0, 145, 234); } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab.active::after { width: 100%; } .custom-datepicker .m-vdatetime-tabs .vdatetime-popup__tab span { font-weight: 400; } .swiper.swiper-3d.m-without-perspective { perspective: none; } .swiper.m-gaps-inside { padding-left: 16px; padding-right: 16px; } .swiper.m-gaps-outside { margin-left: -16px; margin-right: -16px; flex: 0 0 calc(100% + 32px); } .swiper.m-with-scrollbar .swiper-wrapper { margin-bottom: 7px; } .swiper.m-with-scrollbar .swiper-wrapper ~ .swiper-scrollbar { bottom: 0px; } .swiper.m-reset-center { margin-left: 0px; margin-right: 0px; width: 100%; flex: 0 0 100%; } .swiper:hover .swiper-scrollbar { opacity: 1; } .m-slide-width-auto .swiper-slide { width: auto; } .b-slideshow .swiper-slide { cursor: pointer; height: unset; overflow: hidden; } .swiper-scrollbar { background: none; border-radius: 0px; opacity: 0; transition: opacity 0.15s linear; height: 4px; margin-top: 10px; } .swiper > .swiper-scrollbar { bottom: 0px; left: 16px; right: 16px; width: auto; position: absolute; margin-top: 0px; height: 4px; } @media (max-width: 767.98px) { .swiper > .swiper-scrollbar { left: 16px; right: 16px; } } .swiper-pagination-bullets { display: flex; justify-content: center; } .swiper.swiper-initialized + .swiper-pagination-bullets { margin: 8px 0px 0px; position: static; } .swiper-pagination-bullet { background: none; opacity: 1; width: 8px; height: 8px; margin: 0px 3px; border-width: 1px; border-style: solid; transition: 0.1s; cursor: pointer; position: relative; border-radius: 1000px; } .swiper.swiper-initialized + .swiper-pagination-bullets .swiper-pagination-bullet { border-color: rgba(138, 150, 163, 0.7); background: rgb(0, 0, 0); opacity: 0.2; } .swiper.swiper-initialized + .swiper-pagination-bullets .swiper-pagination-bullet-active { background: rgba(138, 150, 163, 0.7); border-color: transparent; opacity: 1; } .b-about .swiper-pagination-bullet-active { background: rgb(0, 175, 240); } .swiper-button-next, .swiper-button-prev { background: none; margin: 0px; } .swiper-button-next::after, .swiper-button-prev::after { display: none; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.4; pointer-events: auto; } .b-slideshow .swiper-button-next, .b-slideshow .swiper-button-prev { top: 0px; bottom: 0px; background: none; width: 48px; height: auto; margin-top: 0px; color: rgba(255, 255, 255, 0.75); position: absolute; z-index: 9; transition: color 0.1s; } .b-slideshow .swiper-button-next:not(.swiper-button-disabled):hover .b-swiper-button-icon, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled):hover .b-swiper-button-icon { color: rgb(254, 254, 254); } .b-slideshow .swiper-button-next:not(.swiper-button-disabled):hover .b-swiper-button-icon::after, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled):hover .b-swiper-button-icon::after { opacity: 0.25; } @media (any-hover: hover) and (pointer: fine) { .b-slideshow .swiper-button-next:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible { color: rgb(254, 254, 254); } .b-slideshow .swiper-button-next:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible::after, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible::after { opacity: 0.25; } .b-slideshow .swiper-button-next:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible, .b-slideshow .swiper-button-prev:not(.swiper-button-disabled) .b-swiper-button-icon:focus-visible { outline: rgb(254, 254, 254) solid 2px; outline-offset: 2px; } } .b-slideshow .swiper-button-prev { left: 0px; } .b-slideshow .swiper-button-next { right: 0px; } .b-swiper-button-icon { display: flex; flex-direction: row; place-content: center; align-items: center; } .b-swiper-button-icon, .b-swiper-button-icon::after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-swiper-button-icon::after { content: ""; background: radial-gradient(rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%); opacity: 0.12; border-radius: 24px; width: 36px; height: 36px; transition: opacity 0.15s; z-index: -1; pointer-events: none; } .b-swiper-button-icon { width: 24px; height: 24px; border-radius: 1000px; } .post_media.m-video .b-swiper-button-icon { margin-top: 28px; } .m-prevent-scrolling .b-swiper-button-icon, .p-personal-chats-chat .b-swiper-button-icon { margin-top: 0px; } .g-truncated-text:not(.m-simple) { position: relative; } .g-truncated-text:not(.m-simple) em, .g-truncated-text:not(.m-simple) span, .g-truncated-text:not(.m-simple) strong { line-height: normal; } .g-truncated-text:not(.m-simple).m-collapsed { mask-image: linear-gradient(to top,transparent 2px,var(--bg-color) var(--mask-size)); overflow: hidden; } .g-truncated-text:not(.m-simple).m-collapsed::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 12px; } .g-truncated-text:not(.m-simple):not(.m-markdown) em > strong, .g-truncated-text:not(.m-simple):not(.m-markdown) strong > em { color: inherit; } .g-truncated-text.m-simple { overflow: hidden; -moz-box-orient: vertical; text-overflow: ellipsis; } .g-icon { width: 24px; height: 24px; flex: 0 0 24px; } @media (any-hover: hover) and (pointer: fine) { .g-icon:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .g-icon { display: inline-block; fill: currentcolor; line-height: 1; } .animated-rotation > .g-icon use { animation: 1s linear infinite rotation; transform-origin: 50% 50% 0px; } .g-icon:not(.m-static-icon) use[*|href*="#icon-loading"] { animation: 1s steps(8) infinite rotation; transform-origin: 50% 50% 0px; } .g-icon use[*|href*="#icon-star6"] { color: rgb(255, 170, 0); } .g-icon[data-icon-name="icon-throne-social"] { fill: transparent; background: linear-gradient(45deg, rgb(76, 166, 255), rgb(153, 10, 255) 15%, rgb(77, 77, 255) 50%, rgb(210, 30, 180) 75%, rgb(255, 196, 0)); border-radius: 1000px; } .g-icon.m-pointer { cursor: pointer; } .g-icon.m-success { color: rgb(0, 175, 240); } .g-icon.m-error { color: rgb(255, 96, 96); } .g-icon.m-danger { color: rgb(231, 108, 108); } .g-icon.m-light-color { color: rgb(138, 150, 163); } .g-icon.m-aligned-top { vertical-align: top; } .g-icon.m-verified { width: 16px; height: 16px; flex: 0 0 16px; color: inherit; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .b-username-row.m-inline .g-icon.m-verified { top: auto; bottom: 0px; transform: none; position: relative; margin: -3px 0px; } .g-icon.m-rotated-90 { transform: rotate(90deg); } .g-icon.m-rotated-180 { transform: rotate(180deg); } .g-icon.m-lg { width: 48px; height: 48px; flex: 0 0 48px; } .g-icon.m-icon-sm { width: 18px; height: 18px; flex: 0 0 18px; } .g-icon.m-icon-extra-sm { width: 16px; height: 16px; flex: 0 0 16px; } .b-badge-icon .g-icon { width: 20px; height: 20px; flex: 0 0 20px; } .g-icon.m-block { display: block; } .b-users .b-posts_preloader_container { margin: auto; } .b-users .g-page-title { padding-left: 4px; } .b-users__list { padding-bottom: 12px; width: 100%; } @media (min-width: 768px) { .b-users__list { display: grid; column-gap: 32px; grid-template-columns: repeat(2, calc(50% - 16px)); } } @media (min-width: 1200px) { .b-users__list { grid-template-columns: repeat(3, calc(33.33% - 21.6px)); } } @media (min-width: 768px) { .m-helpers .b-users__list { display: block; } } @media (min-width: 1200px) { .m-helpers .b-users__list { display: grid; grid-template-columns: repeat(2, calc(50% - 16px)); } } .b-users__list > * { display: flex; } .b-users__list::after, .b-users__list::before { content: none; } .b-users__item { display: flex; padding-bottom: 12px; } .b-users__item:not(.g-negative-sides-gaps) { margin-left: 0px; margin-right: 0px; } .b-users__item.m-fans { padding-bottom: 16px; } .b-useful-data .b-users__item.m-fans { margin-bottom: -13px; } .modal .b-users__item.m-fans { margin-bottom: 0px; } .b-users__item.m-fans.m-trial-link .b-users__item__inner { padding-bottom: 8px; padding-top: 8px; } .b-users__item.m-fans .b-users__item__inner { padding: 16px 0px; overflow: unset; } .b-useful-data .b-users__item.m-fans .b-users__item__inner, .m-helpers .b-users__item.m-fans .b-users__item__inner, .modal .b-users__item.m-fans .b-users__item__inner { padding-bottom: 0px; } .modal .b-users__item.m-fans .b-users__item__inner::after { display: none; } .b-users__item.m-fans .g-btn__group { margin: 0px -5.5px 7px; flex-wrap: wrap; } .b-users__item.m-fans .g-btn__group .g-btn { margin: 12px 5.5px 0px; } .b-users__item.m-fans .g-btn__group .g-btn.m-sm { font-weight: 500; min-height: 36px; flex: 1 0 auto; max-width: calc(100% - 11px); } .b-users__item.m-fans .g-btn__group .g-btn.m-sm:not(.m-subscribe-btn) { display: inline-flex; align-items: center; } .b-users__item.m-modal-subscriptions { padding-bottom: 0px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin-bottom: 14px; } .b-users__item.m-modal-subscriptions:has(.b-btn-collapse) { border-bottom: medium; margin-bottom: 0px; } .b-users__item.m-modal-subscriptions:last-child { border-bottom: medium; } .m-subscriber .b-users__item { padding: 0px; width: 100%; margin: 0px; } .b-users__item.m-model-card { padding-bottom: 16px; align-self: flex-start; } @media (min-width: 768px) { .b-users__item.m-model-card .g-btn.m-lg:last-child { margin-bottom: 10px; } } .modal:has(.modal-footer) .b-users__item.m-model-card .g-btn.m-lg:last-child { margin-bottom: 0px; } .b-users__item.m-subscriptions { width: 100%; } .b-users__item.m-subscriptions .g-btn__group { margin: 0px -3px; padding: 18px 0px 0px; flex-wrap: wrap; } .b-users__item.m-subscriptions .g-btn__group .g-btn { flex: 1 1 auto; margin: 0px 3px 12px; } .b-users__item.m-subscriptions .g-btn__group .g-btn.m-icon { flex: 0 1 auto; } .b-users__item.m-subscriptions .g-box { margin: 0px -11px; border-radius: 0px; width: auto; } .b-users__item.m-subscriptions .g-box::after { content: none; } .b-users__item__loader { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; font-size: 16px; line-height: 24px; font-weight: 500; color: rgb(138, 150, 163); } .b-users__item__inner { display: flex; flex-direction: column; width: 100%; border-radius: 6px; position: relative; padding: 0px 16px 16px; z-index: 0; } .m-ua-windows .vue-recycle-scroller__item-view .b-users__item__inner { width: calc(100% - 1px); } .m-modal-subscriptions .b-users__item__inner { padding-bottom: 0px; } .modal .b-users__item__inner:has(.b-users__item__subscription-date.m-expired:last-child) { padding-bottom: 0px; } .b-users__item__inner.m-processing-card { background-color: rgba(138, 150, 163, 0.25); } .b-users__item__inner.m-processing-card > :not(.b-users__item__loader) { opacity: 0.2; pointer-events: none; } .b-users__item__inner.m-bg-colored:not(.m-processing-card) { background-color: var(--marked-color); } .b-useful-data.m-bg-colored .b-users__item__inner.m-bg-colored:not(.m-processing-card) { background-color: transparent; } .b-users__item__inner::after { inset: 0px; position: absolute; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; border-radius: 6px; content: ""; pointer-events: none; } .b-useful-data .b-users__item__inner::after, .m-modal-subscriptions .b-users__item__inner::after { display: none; } .modal:has(.modal-footer) .b-users__item__inner::after { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none; } .b-users__item__inner .g-section-title { padding: 0px 6px; } .modal .b-users__item__inner:has(.b-btn-collapse) { padding-bottom: 0px; } .m-model-card .b-users__item__inner .b-btn-collapse { margin-left: -15px; margin-right: -15px; } .b-users__item__cover { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px 6px 0px 0px; pointer-events: none; } .m-friend-recommended .b-users__item__cover { border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-users__item__cover__wrapper { position: relative; height: 120px; } .b-users__item__cover__wrapper.m-size-sm { height: 80px; } .m-friend-card .b-users__item__cover__wrapper { left: 0px; right: 0px; top: 0px; position: absolute; width: 100%; height: 64px; } @media (min-width: 1004px) { .m-friend-card .b-users__item__cover__wrapper { height: 56px; } } .m-friend-recommended .b-users__item__cover__wrapper { inset: 0px; position: absolute; height: inherit; } .b-users__item__cover__wrapper::before { inset: 0px; content: ""; position: absolute; border-radius: 6px 6px 0px 0px; background: linear-gradient(rgba(0, 0, 0, 0.12), transparent), linear-gradient(transparent 50%, rgba(0, 0, 0, 0.25)); } .m-friend-card .b-users__item__cover__wrapper::before, .m-friend-recommended .b-users__item__cover__wrapper::before { background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0)); } .m-friend-card .b-users__item__cover__wrapper::before { opacity: 0.25; } .m-friend-recommended .b-users__item__cover__wrapper::before { opacity: 0.12; } .b-users__item__subscription-date { font-size: 14px; line-height: 20px; display: flex; justify-content: space-between; padding: 11px 0px 0px; width: 100%; } .b-users__item__subscription-date__label { color: rgb(138, 150, 163); } .b-users__item__subscription-date__label .b-users__item__subscription-date__label { margin: 4px 0px 3px; display: block; } .b-users__item__subscription-date__value { color: var(--title-color); } .b-users__item__subscription-date:empty { display: none; } .b-users__item__subscription-date > span, .list-offers .b-users__item__subscription-date:empty { display: block; } .b-users__item__subscription-date .checkbox + label { margin-left: 20px; } .b-users__item__subscription-date .local-time { color: var(--text-color); } @media (max-width: 767.98px) { .b-users__item.m-model-card .b-users__item__subscription-date + .b-btn-collapse { margin-top: 11px; } } .b-modal .b-users__item__subscription-date { padding-bottom: 4px; margin-bottom: 10px; } .b-modal .b-users__item__subscription-date + .b-modal__section-btns.m-opened { margin-top: 0px; } .list-offers.m-offer-bottom-gap-reset .b-users__item__subscription-date { padding-bottom: 9px; } .b-users__item.m-model-card .b-offer-wrapper .b-users__item__subscription-date:last-child { margin-bottom: -9px; } .b-users__item.m-model-card .b-users__item__subscription-date:last-child { margin-bottom: -6px; } .modal .b-users__item.m-model-card .b-users__item__subscription-date:last-child { padding-bottom: 9px; } .modal:has(.modal-footer.g-border-top) .b-users__item.m-model-card .b-users__item__subscription-date:last-child { margin-bottom: 0px; } .b-users__item__controls { display: inline-flex; flex-direction: row; align-content: center; align-items: center; position: absolute; right: 9px; top: 10px; z-index: 2; } .b-profile-info-card:not(.m-friend-recommended) .b-users__item__controls { top: 5px; right: 3px; } .b-users__item__controls > :not(:first-child) { margin-left: 4px; } .b-users__item__controls .g-btn:not(:hover)::before { content: ""; background: radial-gradient(rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%); opacity: 0.12; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 24px; width: inherit; height: inherit; transition: opacity 0.15s; z-index: -1; pointer-events: none; } .m-subscriptions .b-users__item__card-data:last-child .b-list-titles { margin-bottom: 0px; } ul.gray-list { padding: 0px 0px 0px 12px; margin: 0px 0px 4px; color: rgb(138, 150, 163); } ul.gray-list li { padding: 4px 0px 0px; } ul.gray-list li::marker { content: "• "; } ul.gray-list.small-dots li::marker { font-size: 14px; } .b-dropzone__label { inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; position: absolute; pointer-events: none; background: rgba(0, 175, 240, 0.5); opacity: 0; color: rgb(255, 255, 255); font-size: 30px; font-weight: 500; z-index: 10; } .is-dragover .b-dropzone__label { transition: opacity 0.3s; opacity: 1; } .b-dropzone__previews { position: relative; } .b-dropzone__previews .b-dropzone__preview:not(.m-tip):first-child { margin-left: 0px; } .b-dropzone__previews .b-dropzone__preview:not(.m-tip):last-child { margin-right: 0px; } .b-dropzone__preview { width: 128px; height: 128px; flex: 0 0 128px; position: relative; margin: 0px 4px; border-radius: 6px; overflow: hidden; } .b-dropzone__preview .b-dropzone__preview__media { width: 100%; height: 100%; object-fit: cover; display: block; object-position: center center; } .b-make-post .files .b-dropzone__preview.m-tip { margin: 0px; max-width: 100%; flex: 1 1 0%; } .b-make-post .files .b-dropzone__preview.m-tip::before { content: none; } .b-make-post .files .b-dropzone__preview.m-tip:first-child { margin-left: 0px; } .b-make-post .files .b-dropzone__preview.m-tip:last-child { margin-right: 0px; } .b-make-post .files .b-dropzone__preview.m-tip.m-width-auto { width: auto; flex: 0 0 auto; } .b-dropzone__preview[data-duration]::after { content: attr(data-duration); position: absolute; bottom: 5px; left: 5px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); border-radius: 3px; padding: 3px; pointer-events: none; } .b-dropzone__preview:not(.m-loaded)::before { inset: 0px; position: absolute; content: ""; background: rgba(138, 150, 163, 0.25); z-index: 2; pointer-events: none; } .b-dropzone__preview .js-dropzone__video-lightbox-link { display: block; height: 100%; } .b-dropzone__preview__media { display: block; opacity: 0.4; height: inherit; width: 128px; object-fit: cover; border-radius: 6px; max-width: 100%; } .selected .b-dropzone__preview__media { opacity: 1; } .b-dropzone__preview__media.m-blur-static { background-color: transparent; display: block; height: auto; background-position: 50% center; background-size: cover; filter: blur(4px) opacity(1); } .b-dropzone__preview__media.m-blur-static.m-blur-static { width: 100%; height: 100%; max-width: 100%; flex: 0 0 100%; max-height: inherit; transform: scale(1.25); } .m-enable-blur-support * .b-dropzone__preview__media.m-blur-static.m-blur-static { transform: scale(1.25) translateZ(0px); z-index: -1; } .b-dropzone__preview__media.m-blur-static:not(.m-blur-static) { inset: -75px; position: absolute; } .m-enable-blur-support * .b-dropzone__preview__media.m-blur-static:not(.m-blur-static) { transform: translateZ(0px); z-index: -1; } .b-dropzone__preview__media.m-video { object-position: center center; } .b-dropzone__preview__progress { left: 4px; right: 4px; bottom: 4px; pointer-events: none; position: absolute; height: 4px; background: rgb(255, 255, 255); border-radius: 1000px; overflow: hidden; z-index: 10; } .b-dropzone__preview.m-audio .b-dropzone__preview__progress { top: 50%; transform: translateY(-50%); right: 40px; left: 48px; } .b-dropzone__preview__progress::after { content: ""; width: var(--progWidth); position: absolute; left: 0px; top: 0px; bottom: 0px; background: rgb(0, 175, 240); transition: width 0.6s; } .b-dropzone__preview__name { height: 144px; width: 144px; line-height: 144px; display: block; text-align: center; } .b-dropzone__preview__error-icon { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 36px; background: rgb(231, 108, 108); border-radius: 1000px; transition: background-color 0.3s; pointer-events: none; } .b-dropzone__preview__error-icon .g-icon { color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -56%); } .b-dropzone__preview[data-type="video"]:hover .g-btn-play { background: rgb(0, 175, 240); } .b-dropzone__preview.m-loaded::before { z-index: -1; } .b-dropzone__preview.m-loaded:not(.m-not-selected) .b-dropzone__preview__media { opacity: 1; } .b-dropzone__preview.m-audio { height: 40px; background: rgba(138, 150, 163, 0.08); } .b-dropzone__preview.m-audio::before { content: none; } .b-dropzone__preview__badge { position: absolute; z-index: 2; color: rgb(255, 255, 255); font-size: 0.7em; top: 8px; left: 8px; padding: 0px 5px; background: rgba(0, 0, 0, 0.3); border-radius: 6px; text-transform: capitalize; } .table { font: 14px / 18px Roboto, sans-serif; } .table.m-reset-mb { margin-bottom: 0px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { position: relative; border-top-color: rgba(138, 150, 163, 0.25); padding: 10px 16px; } .table > tbody > tr > td:not([valign="top"]), .table > tbody > tr > th:not([valign="top"]), .table > tfoot > tr > td:not([valign="top"]), .table > tfoot > tr > th:not([valign="top"]), .table > thead > tr > td:not([valign="top"]), .table > thead > tr > th:not([valign="top"]) { vertical-align: middle; } .table > tbody > tr > td[valign="top"], .table > tbody > tr > th[valign="top"], .table > tfoot > tr > td[valign="top"], .table > tfoot > tr > th[valign="top"], .table > thead > tr > td[valign="top"], .table > thead > tr > th[valign="top"] { vertical-align: top; } .table td, .table th { padding-top: 10px; padding-bottom: 10px; } .table td { background: none; border-top: 1px solid rgba(138, 150, 163, 0.25); vertical-align: middle; padding-left: 16px; padding-right: 16px; } .table th { background: transparent; color: rgb(166, 166, 166); padding-left: 19px; padding-right: 19px; } .table.m-list-determination.m-large-gaps td { padding-top: 10px; padding-bottom: 11px; } .table.m-list-determination td { border-top: medium; padding-top: 3px; padding-bottom: 3px; } .table.m-list-determination td:first-child { color: rgb(138, 150, 163); padding-left: 0px; padding-right: 4px; } .table.m-list-determination td:last-child { padding-left: 4px; padding-right: 0px; } .table.m-user-economy { line-height: 20px; display: flex; flex-wrap: wrap; } .b-top-statistic .table.m-user-economy { width: calc(100% + 16px); max-width: calc(100% + 16px); } .b-useful-data .table.m-user-economy { margin-bottom: -5px; } .table.m-user-economy tbody { display: inherit; width: 100%; max-width: 100%; } .table.m-user-economy tbody td { padding-top: 2px; padding-bottom: 12px; border-top: medium; } .table.m-user-economy tfoot { display: inherit; width: 100%; max-width: 100%; } .table.m-user-economy tfoot td { padding-top: 11px; padding-bottom: 0px; } .table.m-user-economy tfoot td:first-child { color: rgb(138, 150, 163); } .table.m-user-economy tr { display: inherit; flex: 1 1 0%; max-width: 100%; } .table.m-user-economy td { line-height: inherit; } .table.m-user-economy td:first-child { padding-left: 0px; padding-right: 4px; flex: 1 1 0%; min-width: 0px; } .table.m-user-economy td:last-child { padding-left: 4px; padding-right: 16px; } .b-table { font-size: 13px; border-radius: 6px; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; width: 100%; color: var(--text-color); overflow: hidden; } .b-table.m-default-table { box-shadow: none; border-top: 1px solid rgba(138, 150, 163, 0.25); border-bottom: 1px solid rgba(138, 150, 163, 0.25); border-radius: 0px; margin-left: -16px; width: calc(100% + 32px); } .b-table.m-default-table:has(+ .infinite-loading-container:last-child .infinite-status-prompt:not([style*="display: none;"]) .b-posts_preloader) + .infinite-loading-container .b-posts_preloader { margin-bottom: 10px; margin-top: 10px; } .b-table.m-default-table:has(.infinite-loading-container:last-child .infinite-status-prompt:not([style*="display: none;"]) .b-posts_preloader) { border-bottom: medium; } .b-table.m-default-table:has(.infinite-loading-container:last-child .infinite-status-prompt:not([style*="display: none;"]) .b-posts_preloader) .infinite-loading-container .b-posts_preloader { padding-top: 10px; border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-separate-section .b-table.m-default-table:first-child, .b-useful-data .b-table.m-default-table:first-child { border-top: medium; } .b-separate-section .b-table.m-default-table:last-child, .b-useful-data .b-table.m-default-table:last-child { border-bottom: medium; } .b-useful-data .b-table.m-default-table:last-child { margin-bottom: -13px; } .b-separate-section .b-table.m-default-table:last-child { border-bottom: medium; } .b-table.m-default-table:last-child.m-bottom-gap { margin-bottom: 50px; } .b-table.m-default-table.m-reset-bt { border-top: medium; } .b-table.m-default-table.m-reset-bb { border-bottom: medium; } .b-table.m-default-table .b-user-header { margin-left: -3px; } @media (max-width: 767.98px) { .b-table.m-default-table .b-user-header { margin-left: -2px; } } .transactions-block .b-table.m-default-table { margin-top: 3px; } .b-table.m-default-table.m-overview-earnings-table thead tr { display: flex; } .b-table.m-default-table.m-overview-earnings-table thead tr th { flex: 1 1 0%; } .b-table.m-default-table.m-overview-earnings-table thead tr th.text-right { flex: 0 0 90px; } .b-table.m-default-table.m-overview-earnings-table thead tr th.text-right:last-child { flex: 0 0 calc(6% + 90px); } @media (min-width: 768px) { .b-table.m-default-table.m-overview-earnings-table thead tr th.text-right:last-child { flex: 0 0 calc(16% + 90px); } } .b-table.m-default-table.m-overview-earnings-table tbody tr td { padding-bottom: 0px; } .b-table.m-default-table.m-overview-earnings-table tbody tr:first-child td { padding-top: 0px; } .b-table.m-default-table thead th { font-size: 12px; line-height: 16px; text-transform: none; font-weight: 400; color: rgb(138, 150, 163); padding: 8px 8px 11px; position: relative; } .b-table.m-default-table thead th::after { left: 0px; right: 0px; bottom: 0px; content: ""; position: absolute; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table thead th:first-child { padding-left: 16px; } .b-table.m-default-table thead th:last-child { padding-right: 16px; } .b-table.m-default-table thead th.g-pointer-cursor:hover { text-decoration: underline; color: rgb(0, 145, 234); } .b-table.m-default-table thead th.g-pointer-cursor.m-active { font-weight: 500; } .transactions-block .b-table.m-default-table thead th { padding-bottom: 12px; } .b-table.m-default-table tbody tr:first-child ~ tr td:first-child::after { left: 0px; } .b-table.m-default-table tbody tr:first-child ~ tr td:last-child::after { right: 0px; } .b-table.m-default-table tbody tr:first-child td { padding-top: 14px; } .b-table.m-default-table tbody tr.g-gray-text .b-username-row .b-username { color: inherit; } .b-table.m-default-table tbody td { font-size: 14px; line-height: 20px; padding: 13px 8px 14px; } .b-table.m-default-table tbody td:first-child { padding-left: 16px; } .b-table.m-default-table tbody td:last-child { padding-right: 16px; } .b-table.m-default-table tbody td.m-fans-table-cell { padding-bottom: 10px; } @media (min-width: 768px) { .b-table.m-default-table tbody td.m-fans-cell-long { width: 388px; } } .b-table.m-default-table tbody td.b-table__loader__cell { padding-left: 0px; padding-right: 0px; } .b-useful-data .b-table.m-default-table tbody td.b-table__loader__cell { padding-bottom: 0px; } .b-table.m-default-table tbody td .approved, .b-table.m-default-table tbody td .pending, .b-table.m-default-table tbody td .rejected { display: flex; } .b-table.m-default-table tbody td .approved .b-state-icon, .b-table.m-default-table tbody td .pending .b-state-icon, .b-table.m-default-table tbody td .rejected .b-state-icon { padding-left: 16px; margin-left: auto; margin-top: 3px; } .b-table.m-default-table tbody td .approved .g-icon, .b-table.m-default-table tbody td .pending .g-icon, .b-table.m-default-table tbody td .rejected .g-icon { width: 14px; height: 14px; flex: 0 0 14px; } .b-table.m-default-table tbody td .pending .g-icon { color: rgb(138, 150, 163); } .b-table.m-default-table tbody td .rejected .g-icon { color: rgb(255, 96, 96); } .b-table.m-default-table tbody td .approved .g-icon { color: rgb(0, 175, 240); } .b-table.m-default-table .g-btn.m-flex { width: auto; display: inline-flex; } @media (max-width: 767.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) { table-layout: fixed; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead { display: block; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead tr { padding: 0px; width: 100%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead tr.m-responsive__align-left th:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th { flex: 1 1 0%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__hidden:first-child + th { padding-left: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) thead th.m-responsive__right-gap { padding-right: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tr { box-shadow: none; border-radius: 0px; margin: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tr:not(:first-child) { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr { padding-top: 0px; padding-left: 16px; padding-right: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr:not(.m-responsive__reset-pb) { padding-bottom: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr.m-responsive__reset-pb { padding-bottom: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr.m-responsive__reset-pb.m-relative { position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td:first-child { padding-left: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over { max-width: calc(100% + 16px); flex: 0 0 calc(100% + 16px); padding-right: 16px; border-top: 1px solid rgba(138, 150, 163, 0.25); padding-left: 0px; position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over:last-child { padding-bottom: 0px; margin-bottom: 15px; padding-top: 5px; } .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over:last-child { margin-bottom: 12px; padding-top: 6px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-error-line { border-top-color: rgba(234, 107, 102, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-payout-cell { padding-right: 44px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-payout-cell-with-download { margin-bottom: 35px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over.m-vat-cell { padding-bottom: 15px; padding-top: 5px; padding-right: 44px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__over a:hover { text-decoration: underline; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under { flex: 0 0 calc(100% + 16px); padding-right: 16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 6px; position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under + td { padding-left: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under ~ td { padding-top: 6px; padding-left: 4px; padding-right: 4px; flex: 1 1 0%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__border-line__under ~ td:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__equal-width_2 { width: 50%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__equal-width_float { flex: 1 1 0%; position: relative; } } @media (max-width: 767.98px) and (max-width: 615.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__equal-width_float + .m-last-in-row { max-width: 50%; } } @media (max-width: 767.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child { padding-right: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child ~ td { display: block; width: 100%; padding: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child ~ td:not(:last-child) { margin-bottom: 8px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__last-child ~ td.m-responsive__border-line { padding-top: 10px; margin-right: -16px; padding-right: 16px; width: calc(100% + 16px); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__valign-center { display: inline-flex; flex-direction: row; align-content: center; align-items: center; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over.m-last-in-row { margin-right: -16px; padding-right: 16px; } .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tbody tr:first-child ~ tr td::after, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode) tfoot tr th::after { content: none; } } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg { table-layout: fixed; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead { display: block; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead tr { padding: 0px; width: 100%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead tr.m-responsive__align-left th:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th { flex: 1 1 0%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__hidden:first-child + th { padding-left: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg thead th.m-responsive__right-gap { padding-right: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tr { box-shadow: none; border-radius: 0px; margin: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tr:not(:first-child) { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr { padding-top: 0px; padding-left: 16px; padding-right: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr:not(.m-responsive__reset-pb) { padding-bottom: 16px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr.m-responsive__reset-pb { padding-bottom: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr.m-responsive__reset-pb.m-relative { position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td:first-child { padding-left: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over { max-width: calc(100% + 16px); flex: 0 0 calc(100% + 16px); padding-right: 16px; border-top: 1px solid rgba(138, 150, 163, 0.25); padding-left: 0px; position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over:last-child { padding-bottom: 0px; margin-bottom: 15px; padding-top: 5px; } .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over:last-child { margin-bottom: 12px; padding-top: 6px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-error-line { border-top-color: rgba(234, 107, 102, 0.25); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-payout-cell { padding-right: 44px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-payout-cell-with-download { margin-bottom: 35px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over.m-vat-cell { padding-bottom: 15px; padding-top: 5px; padding-right: 44px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__over a:hover { text-decoration: underline; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under { flex: 0 0 calc(100% + 16px); padding-right: 16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 6px; position: relative; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under + td { padding-left: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under ~ td { padding-top: 6px; padding-left: 4px; padding-right: 4px; flex: 1 1 0%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__border-line__under ~ td:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__equal-width_2 { width: 50%; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__equal-width_float { flex: 1 1 0%; position: relative; } } @media (min-width: 768px) and (max-width: 1003.98px) and (max-width: 615.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__equal-width_float + .m-last-in-row { max-width: 50%; } } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child { padding-right: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child ~ td { display: block; width: 100%; padding: 0px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child ~ td:not(:last-child) { margin-bottom: 8px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__last-child ~ td.m-responsive__border-line { padding-top: 10px; margin-right: -16px; padding-right: 16px; width: calc(100% + 16px); } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__valign-center { display: inline-flex; flex-direction: row; align-content: center; align-items: center; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over.m-last-in-row { margin-right: -16px; padding-right: 16px; } .transactions-block .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tbody tr:first-child ~ tr td::after, .b-table.m-default-table.m-responsive:not(.m-compact-view-mode).m-to-level-lg tfoot tr th::after { content: none; } } .b-table.m-default-table.m-responsive.m-compact-view-mode { table-layout: fixed; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead { display: block; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead tr { padding: 0px; width: 100%; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead tr.m-responsive__align-left th:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead th { flex: 1 1 0%; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__hidden:first-child + th { padding-left: 16px; } .b-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-responsive__right-gap { padding-right: 16px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tr { box-shadow: none; border-radius: 0px; margin: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tr:not(:first-child) { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr { padding-top: 0px; padding-left: 16px; padding-right: 16px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr:not(.m-responsive__reset-pb) { padding-bottom: 16px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr.m-responsive__reset-pb { padding-bottom: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr.m-responsive__reset-pb.m-relative { position: relative; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td:first-child { padding-left: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__hidden { display: none; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line { border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over { max-width: calc(100% + 16px); flex: 0 0 calc(100% + 16px); padding-right: 16px; border-top: 1px solid rgba(138, 150, 163, 0.25); padding-left: 0px; position: relative; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over:last-child { padding-bottom: 0px; margin-bottom: 15px; padding-top: 5px; } .transactions-block .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over:last-child { margin-bottom: 12px; padding-top: 6px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-error-line { border-top-color: rgba(234, 107, 102, 0.25); } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-payout-cell { padding-right: 44px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-payout-cell-with-download { margin-bottom: 35px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over.m-vat-cell { padding-bottom: 15px; padding-top: 5px; padding-right: 44px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__over a:hover { text-decoration: underline; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under { flex: 0 0 calc(100% + 16px); padding-right: 16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 6px; position: relative; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under + td { padding-left: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under ~ td { padding-top: 6px; padding-left: 4px; padding-right: 4px; flex: 1 1 0%; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__align-left, .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__border-line__under ~ td:not(.text-right) { text-align: left; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__equal-width_2 { width: 50%; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__equal-width_float { flex: 1 1 0%; position: relative; } @media (max-width: 615.98px) { .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__equal-width_float + .m-last-in-row { max-width: 50%; } } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child { padding-right: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child ~ td { display: block; width: 100%; padding: 0px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child ~ td:not(:last-child) { margin-bottom: 8px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__last-child ~ td.m-responsive__border-line { padding-top: 10px; margin-right: -16px; padding-right: 16px; width: calc(100% + 16px); } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__valign-center { display: inline-flex; flex-direction: row; align-content: center; align-items: center; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-last-in-row { margin-right: -16px; padding-right: 16px; } .transactions-block .b-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over { padding-bottom: 5px; } .b-table.m-default-table.m-responsive.m-compact-view-mode tbody tr:first-child ~ tr td::after, .b-table.m-default-table.m-responsive.m-compact-view-mode tfoot tr th::after { content: none; } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-default-table.m-responsive.m-compact-view-mode.m-to-level-lg { padding-top: 10px; margin-right: -16px; padding-right: 16px; width: calc(100% + 16px); } } .b-table.m-earnings, .b-table.m-payments, .b-table.m-payouts, .b-table.m-refbonus { margin: 0px 0px 24px; } .b-table.m-payouts .b-table__desc { white-space: normal; position: relative; } .b-table.m-payouts .b-table__desc .approved, .b-table.m-payouts .b-table__desc .pending, .b-table.m-payouts .b-table__desc .rejected { overflow-wrap: break-word; word-break: break-word; hyphens: auto; display: block; position: relative; min-height: 17px; padding-right: 36px; } .b-table.m-payouts .b-table__desc_short-status .approved, .b-table.m-payouts .b-table__desc_short-status .pending, .b-table.m-payouts .b-table__desc_short-status .rejected { padding-right: 0px; } .b-table.m-payouts .b-table__desc_short-status .g-icon { right: auto; left: 50%; transform: translateX(-50%); } .b-table.m-payouts .b-table__desc .g-icon { width: 18px; height: 18px; flex: 0 0 18px; position: absolute; right: 6px; top: 1px; } .b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-done"] { color: rgb(0, 175, 240); fill: rgb(0, 175, 240); } .b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-loading"] { color: rgb(138, 150, 163); fill: rgb(138, 150, 163); } .b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-alert"] { color: rgb(231, 108, 108); fill: rgb(231, 108, 108); } .b-table.m-payouts .b-table__desc .g-icon use[*|href*="#icon-undo"] { color: rgb(255, 72, 91); fill: rgb(255, 72, 91); } .b-table.m-payouts .b-table__desc .pending { color: rgb(138, 150, 163); } .b-table.m-refbonus { font-weight: 500; } .b-table.m-refbonus tr td:last-child, .b-table.m-refbonus tr th:last-child { text-align: right; } .b-table.m-refbonus tfoot td { padding-top: 0px; padding-bottom: 12px; } .b-table.m-support td { border: 2px solid rgb(0, 0, 0); } .b-table:has(+ .b-btn-collapse) { border-bottom: medium; } .b-table__group-btns { margin: 0px 0px -12px; } .b-table__group-btns .g-btn { margin-bottom: 12px; } .b-table__group-btns .g-btn:not(:first-child) { margin-left: 8px; } .b-table__month, .b-table__payouts-date { font-weight: 500; } @media (min-width: 1004px) { .b-table__month, .b-table__payouts-date { white-space: nowrap; } } .b-table__date { font-weight: 500; } @media (min-width: 768px) { .b-table__date__date { display: inline-block; white-space: nowrap; margin-right: 4px; } .b-table__date__time { display: inline-block; } } .b-table__desc a { overflow-wrap: break-word; word-break: break-word; hyphens: auto; display: inline-block; } .b-table thead th { font-weight: 500; font-size: 11px; color: rgba(138, 150, 163, 0.7); text-transform: uppercase; } .b-table td, .b-table th { padding-left: 12px; padding-right: 12px; } .b-table td.m-error-color, .b-table th.m-error-color { color: rgb(255, 96, 96); } .b-table td.td-table-text, .b-table th.td-table-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } .b-table td.td-table-text .g-truncated-text, .b-table th.td-table-text .g-truncated-text { text-align: left; } .b-table td.td-table-text .g-truncated-text p:last-child, .b-table th.td-table-text .g-truncated-text p:last-child { margin: 0px; } .b-table td.td-table-text img, .b-table th.td-table-text img { max-width: 100%; } .b-table td.td-table-text h1, .b-table td.td-table-text h2, .b-table td.td-table-text h3, .b-table td.td-table-text h4, .b-table td.td-table-text h5, .b-table td.td-table-text h6, .b-table th.td-table-text h1, .b-table th.td-table-text h2, .b-table th.td-table-text h3, .b-table th.td-table-text h4, .b-table th.td-table-text h5, .b-table th.td-table-text h6 { margin: 0px; } @media (min-width: 768px) { .b-table th { padding-top: 15px; padding-bottom: 10px; } .b-table td { padding-top: 10px; padding-bottom: 9px; } } .b-table > tbody > tr:first-child > td { padding-top: 0px; } .b-table > tbody > tr:first-child > td.b-link-cell .g-text-ellipsis { top: 0px; } .b-table .in-collapse tbody tr:first-child td { padding-top: 10px; } .b-table tbody .collapsing-slot { transition: 0.2s; min-height: 0px; overflow: hidden; position: relative; } .b-table tbody .collapsing-slot.collapsed { min-height: 50px; } @media (max-width: 767.98px) { .b-table tbody .collapsing-slot.collapsed { padding-top: 20px; } } .b-table tbody .collapsing-slot .collapsing-slot-wrapper { width: 100%; } @media (max-width: 767.98px) { .b-table tbody .collapsing-slot .b-table.m-payments:last-child, .b-table tbody .collapsing-slot .b-table.m-payouts:last-child { margin-bottom: 0px; } } .b-table tbody .collapsing-slot .b-table tr:last-child { margin-bottom: 0px; } .b-table tbody .collapsing-slot tr:has(td[colspan]:empty) { padding: 0px; box-shadow: none; } .b-table tbody tr td.useable-icon { vertical-align: baseline; color: rgb(138, 150, 163); cursor: pointer; text-align: center; } .b-table tbody tr td.useable-icon.m-alert { color: rgb(255, 96, 96); } .b-table tbody tr td.useable-icon.m-done { color: rgb(0, 175, 240); } .b-table tbody tr td.useable-icon .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .b-table tbody tr td.useable-icon.m-vat-cell { top: 7px; } .b-table tbody tr td.useable-icon.m-payout-cell { top: calc(50% + 5px); transform: translateY(calc(-50% - 2.5px)); cursor: default; } .b-table tbody tr td.useable-icon.m-payout-cell, .b-table tbody tr td.useable-icon.m-vat-cell { position: absolute; right: 14px; padding: 0px; margin: 0px; height: 16px; } .b-table tbody tr td.useable-icon.m-payout-cell .g-icon, .b-table tbody tr td.useable-icon.m-vat-cell .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .b-table tbody tr td.useable-icon.m-with-round-hover::after { display: block; } .b-table tbody tr td.useable-icon.m-with-round-hover:hover { color: rgb(0, 145, 234); } .b-table tbody tr td.collapsing-icon { transition: 0.3s; vertical-align: top; } .b-table tbody tr td.collapsing-icon .g-icon { transition: 0.3s; margin-bottom: 0px; } .b-table tbody tr td.collapsing-icon.rotate .g-icon { transform: rotate(180deg); } @media (min-width: 768px) { .b-table tfoot tr th::after, .b-table > tbody > tr:first-child ~ tr > td::after { left: 0px; right: 0px; top: 0px; content: ""; position: absolute; border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table tfoot tr th, .b-table > tbody > tr:first-child ~ tr > td { position: relative; } .b-table tfoot tr th:first-child::after, .b-table > tbody > tr:first-child ~ tr > td:first-child::after { left: 12px; } .b-table tfoot tr th:last-child::after, .b-table > tbody > tr:first-child ~ tr > td:last-child::after { right: 12px; } } .b-table .b-table__status-tip { position: relative; height: 100%; } .b-table .b-table__status-tip .has-tooltip, .b-table .b-table__status-tip.has-tooltip { display: inline-block; } .b-table .b-table__status-tip .g-icon, .b-table .b-table__status-tip .has-tooltip { width: 16px; height: 16px; flex: 0 0 16px; vertical-align: top; } .b-table .b-table__status-tip .g-icon use[*|href*="#icon-done"] { color: rgb(0, 175, 240); fill: rgb(0, 175, 240); } .b-table .b-table__status-tip .g-icon use[*|href*="#icon-loading"] { color: rgb(138, 150, 163); fill: rgb(138, 150, 163); } .b-table .b-table__status-tip .g-icon use[*|href*="#icon-alert"] { color: rgb(231, 108, 108); fill: rgb(231, 108, 108); } .b-table .b-table__status-tip .g-icon:not(.g-blue) use[*|href*="#icon-undo"] { color: rgb(255, 72, 91); fill: rgb(255, 72, 91); } .b-table .b-table__status-tip .tip-text { position: absolute; opacity: 0; pointer-events: none; border: 1px solid rgba(138, 150, 163, 0.4); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px; background: var(--bg-color); border-radius: 6px; right: -11px; padding: 7px 12px 9px; top: 100%; margin-top: 6px; } .b-table .b-table__status-tip .tip-text::after { position: absolute; content: ""; background: inherit; top: -10px; right: 10px; transform: rotate(45deg); width: 18px; height: 18px; border-left: 1px solid rgba(138, 150, 163, 0.4); border-top: 1px solid rgba(138, 150, 163, 0.4); } .b-table .b-table__status-tip:hover { z-index: 5; } .b-table .b-table__status-tip:hover .tip-text { opacity: 1; } .b-table .b-table__status-tip.m-top .tip-text { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 6px; } .b-table .b-table__status-tip.m-top .tip-text::after { top: auto; bottom: -10px; transform: rotate(-135deg); box-shadow: rgba(0, 0, 0, 0.16) -3px -3px 5px; } @media (min-width: 768px) { .b-table.m-mass-chats-stat { margin-bottom: 15px; } } .b-table.m-mass-chats-stat .m-gray-bg { background: rgba(138, 150, 163, 0.12); } @media (min-width: 768px) { .b-table.m-responsive .b-table__desc .b-table__status-tip { display: none; } } @media (max-width: 767.98px) { .b-table.m-responsive { box-shadow: none; } .b-table.m-responsive, .b-table.m-responsive tbody, .b-table.m-responsive td, .b-table.m-responsive tfoot, .b-table.m-responsive tr { display: block; } .b-table.m-responsive tbody.useable-icon, .b-table.m-responsive td.useable-icon, .b-table.m-responsive tfoot.useable-icon, .b-table.m-responsive tr.useable-icon, .b-table.m-responsive.useable-icon { margin-top: 20px; } .b-table.m-responsive tbody.collapsed, .b-table.m-responsive td.collapsed, .b-table.m-responsive tfoot.collapsed, .b-table.m-responsive tr.collapsed, .b-table.m-responsive.collapsed { margin-top: -20px; box-shadow: none; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25); border-image: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-table.m-responsive thead { display: none; } .b-table.m-responsive tr { display: flex; border-radius: 6px; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; margin: 0px 0px 12px; flex-wrap: wrap; padding: 8px 12px 10px; } .b-table.m-responsive tr.m-responsive__grid { display: grid; align-items: center; } .b-table.m-responsive tr.m-responsive__grid.m-cols-1fr-auto { grid-template-columns: 1fr auto; } .b-table.m-responsive tr.m-responsive__justify-between { justify-content: space-between; } .b-table.m-responsive tr.m-responsive__justify-between td:not(.m-responsive__border-line__under) { flex: 1 1 auto; } .b-table.m-responsive tbody tr ~ tr td:first-child::after, .b-table.m-responsive tfoot tr th::after { content: none; } .b-table.m-responsive tfoot tr { justify-content: space-between; } .b-table.m-responsive .b-table__status { display: none; } .b-table.m-responsive .b-table__status-tip:not(.m-relative) { position: absolute; right: 6px; top: 9px; } .b-table.m-responsive .b-table__net strong, .b-table.m-responsive .b-table__payouts-amount strong, .b-table.m-responsive .b-table__total-net strong { font-weight: 700; } .b-table.m-responsive.m-payments tr, .b-table.m-responsive.m-payouts tr, .b-table.m-responsive.m-tickets tr { justify-content: space-between; } .b-table.m-responsive.m-payments .b-table__amount strong { font-weight: 700; } .b-table.m-responsive.m-tickets td { text-align: left; flex: 1 1 0%; } .b-table.m-responsive.m-tickets td:first-child, .b-table.m-responsive.m-tickets td:last-child { flex: 0 1 25%; } .b-table.m-responsive th { font-weight: 400; } .b-table.m-responsive td, .b-table.m-responsive th { padding-left: 6px; padding-right: 6px; } .b-table.m-responsive td:not(.text-left), .b-table.m-responsive th:not(.text-left) { text-align: right; } .b-table.m-responsive td.b-table__desc, .b-table.m-responsive td.b-table__subscriptions, .b-table.m-responsive td.m-responsive__first-child, .b-table.m-responsive td:first-child, .b-table.m-responsive th.m-responsive__first-child, .b-table.m-responsive th:first-child { text-align: left; } .b-table.m-responsive td.b-table__desc { padding: 9px 30px 0px 6px; } .b-table.m-responsive td.b-table__desc_rgap-reset { padding-right: 0px; } .b-table.m-responsive td.m-responsive__grid__data-cell { padding: 8px 0px 0px; } .b-table.m-responsive td.m-responsive__grid__data-cell + .m-responsive__grid__data-cell { padding: 0px 0px 8px; } .b-table.m-responsive td.m-responsive__grid__united-rows-two { padding-top: 10px; padding-bottom: 10px; grid-row: 1 / span 2; } .b-table.m-responsive .b-table__date { flex: 0 1 31.1927%; } .b-table.m-responsive .b-table__date__date { display: block; font-size: 11px; color: rgba(138, 150, 163, 0.7); text-transform: uppercase; margin: 0px 0px 5px; } .b-table.m-responsive .b-table__amount, .b-table.m-responsive .b-table__fee, .b-table.m-responsive .b-table__net { flex: 0 1 22.9358%; } .b-table.m-responsive .b-table__desc { flex: 0 1 100%; border-top: 1px solid rgba(138, 150, 163, 0.25); position: relative; margin: 9px 0px 0px; width: 100%; } .b-table.m-responsive .b-table__desc__desc { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .b-table.m-responsive [data-title]::before { display: block; content: attr(data-title); font-size: 11px; color: rgba(138, 150, 163, 0.7); font-weight: 500; text-transform: uppercase; margin-right: auto; align-self: flex-start; white-space: nowrap; } } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-responsive.m-to-level-lg { box-shadow: none; } .b-table.m-responsive.m-to-level-lg, .b-table.m-responsive.m-to-level-lg tbody, .b-table.m-responsive.m-to-level-lg td, .b-table.m-responsive.m-to-level-lg tfoot, .b-table.m-responsive.m-to-level-lg tr { display: block; } .b-table.m-responsive.m-to-level-lg tbody.useable-icon, .b-table.m-responsive.m-to-level-lg td.useable-icon, .b-table.m-responsive.m-to-level-lg tfoot.useable-icon, .b-table.m-responsive.m-to-level-lg tr.useable-icon, .b-table.m-responsive.m-to-level-lg.useable-icon { margin-top: 20px; } .b-table.m-responsive.m-to-level-lg tbody.collapsed, .b-table.m-responsive.m-to-level-lg td.collapsed, .b-table.m-responsive.m-to-level-lg tfoot.collapsed, .b-table.m-responsive.m-to-level-lg tr.collapsed, .b-table.m-responsive.m-to-level-lg.collapsed { margin-top: -20px; box-shadow: none; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25); border-image: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-table.m-responsive.m-to-level-lg thead { display: none; } .b-table.m-responsive.m-to-level-lg tr { display: flex; border-radius: 6px; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; margin: 0px 0px 12px; flex-wrap: wrap; padding: 8px 12px 10px; } .b-table.m-responsive.m-to-level-lg tr.m-responsive__grid { display: grid; align-items: center; } .b-table.m-responsive.m-to-level-lg tr.m-responsive__grid.m-cols-1fr-auto { grid-template-columns: 1fr auto; } .b-table.m-responsive.m-to-level-lg tr.m-responsive__justify-between { justify-content: space-between; } .b-table.m-responsive.m-to-level-lg tr.m-responsive__justify-between td:not(.m-responsive__border-line__under) { flex: 1 1 auto; } .b-table.m-responsive.m-to-level-lg tbody tr ~ tr td:first-child::after, .b-table.m-responsive.m-to-level-lg tfoot tr th::after { content: none; } .b-table.m-responsive.m-to-level-lg tfoot tr { justify-content: space-between; } .b-table.m-responsive.m-to-level-lg .b-table__status { display: none; } .b-table.m-responsive.m-to-level-lg .b-table__status-tip:not(.m-relative) { position: absolute; right: 6px; top: 9px; } .b-table.m-responsive.m-to-level-lg .b-table__net strong, .b-table.m-responsive.m-to-level-lg .b-table__payouts-amount strong, .b-table.m-responsive.m-to-level-lg .b-table__total-net strong { font-weight: 700; } .b-table.m-responsive.m-to-level-lg.m-payments tr, .b-table.m-responsive.m-to-level-lg.m-payouts tr, .b-table.m-responsive.m-to-level-lg.m-tickets tr { justify-content: space-between; } .b-table.m-responsive.m-to-level-lg.m-payments .b-table__amount strong { font-weight: 700; } .b-table.m-responsive.m-to-level-lg.m-tickets td { text-align: left; flex: 1 1 0%; } .b-table.m-responsive.m-to-level-lg.m-tickets td:first-child, .b-table.m-responsive.m-to-level-lg.m-tickets td:last-child { flex: 0 1 25%; } .b-table.m-responsive.m-to-level-lg th { font-weight: 400; } .b-table.m-responsive.m-to-level-lg td, .b-table.m-responsive.m-to-level-lg th { padding-left: 6px; padding-right: 6px; } .b-table.m-responsive.m-to-level-lg td:not(.text-left), .b-table.m-responsive.m-to-level-lg th:not(.text-left) { text-align: right; } .b-table.m-responsive.m-to-level-lg td.b-table__desc, .b-table.m-responsive.m-to-level-lg td.b-table__subscriptions, .b-table.m-responsive.m-to-level-lg td.m-responsive__first-child, .b-table.m-responsive.m-to-level-lg td:first-child, .b-table.m-responsive.m-to-level-lg th.m-responsive__first-child, .b-table.m-responsive.m-to-level-lg th:first-child { text-align: left; } .b-table.m-responsive.m-to-level-lg td.b-table__desc { padding: 9px 30px 0px 6px; } .b-table.m-responsive.m-to-level-lg td.b-table__desc_rgap-reset { padding-right: 0px; } .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__data-cell { padding: 8px 0px 0px; } .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__data-cell + .m-responsive__grid__data-cell { padding: 0px 0px 8px; } .b-table.m-responsive.m-to-level-lg td.m-responsive__grid__united-rows-two { padding-top: 10px; padding-bottom: 10px; grid-row: 1 / span 2; } .b-table.m-responsive.m-to-level-lg .b-table__date { flex: 0 1 31.1927%; } .b-table.m-responsive.m-to-level-lg .b-table__date__date { display: block; font-size: 11px; color: rgba(138, 150, 163, 0.7); text-transform: uppercase; margin: 0px 0px 5px; } .b-table.m-responsive.m-to-level-lg .b-table__amount, .b-table.m-responsive.m-to-level-lg .b-table__fee, .b-table.m-responsive.m-to-level-lg .b-table__net { flex: 0 1 22.9358%; } .b-table.m-responsive.m-to-level-lg .b-table__desc { flex: 0 1 100%; border-top: 1px solid rgba(138, 150, 163, 0.25); position: relative; margin: 9px 0px 0px; width: 100%; } .b-table.m-responsive.m-to-level-lg .b-table__desc__desc { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .b-table.m-responsive.m-to-level-lg [data-title]::before { display: block; content: attr(data-title); font-size: 11px; color: rgba(138, 150, 163, 0.7); font-weight: 500; text-transform: uppercase; margin-right: auto; align-self: flex-start; white-space: nowrap; } } @media (max-width: 767.98px) { .b-table.m-responsive__hidden { display: none; } } .b-table.m-responsive.m-mass-chats-stat [data-title]::before { padding-right: 30px; } @media (max-width: 1003.98px) { .b-table.m-responsive.m-mass-chats-stat [data-title]::before { display: block; content: attr(data-title); font-size: 11px; color: rgba(138, 150, 163, 0.7); font-weight: 500; text-transform: uppercase; margin-right: auto; align-self: flex-start; white-space: nowrap; } } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-responsive.m-mass-chats-stat thead + tbody tr:first-child td:not(:first-child)::after { left: 0px; right: 0px; top: 0px; content: ""; position: absolute; border-top: 1px solid rgba(138, 150, 163, 0.25); } .b-table.m-responsive.m-mass-chats-stat thead + tbody tr:first-child td:not(:first-child) { position: relative; } } @media (min-width: 768px) { .b-table.m-responsive.m-mass-chats-stat tr.m-gray-bg td { padding-top: 10px; } } @media (min-width: 768px) and (max-width: 1003.98px) { .b-table.m-responsive.m-mass-chats-stat tr td { padding-top: 10px; padding-bottom: 0px; } } @media (max-width: 1003.98px) { .b-table.m-responsive.m-mass-chats-stat tr { display: block; padding: 0px 12px; overflow: hidden; } .b-table.m-responsive.m-mass-chats-stat td { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 5px; } .b-table.m-responsive.m-mass-chats-stat td:empty { display: none; } } @media (max-width: 767.98px) { .b-table.m-responsive.m-mass-chats-stat tr { padding: 8px 12px 10px; } } .b-table.m-compact-view-mode thead tr { width: 100%; padding: 0px; } .b-table.m-compact-view-mode thead tr th { flex: 1 1 0%; } .b-table.m-compact-view-mode thead tr th.m-width-vat:first-child { flex: 0 0 54%; } .b-table.m-compact-view-mode tbody tr { padding-left: 16px; padding-right: 16px; } .b-table.m-compact-view-mode tbody tr.m-expired { color: rgb(138, 150, 163); } .b-table.m-compact-view-mode tbody tr.m-expired .b-nowrap-table-item__text.g-page-title__link { cursor: text; } .b-table.m-compact-view-mode tbody tr.m-expired .b-nowrap-table-item__text.g-page-title__link:hover { text-decoration: none; } .b-table.m-compact-view-mode tr { display: flex; flex-wrap: wrap; } .b-table.m-compact-view-mode__loader { padding: 0px; justify-content: center; text-align: center; } .b-icon-table { display: inline-block; vertical-align: middle; height: 16px; margin-right: 8px; margin-left: 0px; } .b-icon-table.m-icon-link { color: rgb(0, 175, 240); } .b-icon-table.m-icon-gray { color: rgb(138, 150, 163); } .b-icon-table .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .b-link-cell { position: relative; } .b-link-cell .g-text-ellipsis { position: absolute; left: 12px; top: 10px; width: calc(100% - 24px); } .b-nowrap-table-item { min-height: 20px; position: relative; } .b-nowrap-table-item__text { position: absolute; left: 0px; top: 0px; bottom: 0px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead tr { padding-left: 16px; padding-right: 16px; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-statements { max-width: calc(42% + 16px); flex: 0 0 calc(42% + 16px); } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-engagement { max-width: calc(28% + 16px); flex: 0 0 calc(28% + 16px); } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th.m-width-invoice-button { flex: 0 0 50px; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th:first-child { margin-left: -16px; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode thead th:last-child { margin-right: -16px; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td .b-statements-text-table { padding-right: 36px; display: block; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-statements { max-width: calc(42% + 16px); flex: 0 0 calc(42% + 16px); } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-engagement { max-width: calc(28% + 16px); flex: 0 0 calc(28% + 16px); } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-vat { flex: 1 1 0%; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over.m-width-vat:first-child { flex: 0 0 54%; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child { margin-left: -16px; padding-left: 16px; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child ~ .m-responsive__before-line-over { flex: 1 1 0%; text-align: right; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child ~ .m-responsive__before-line-over:not(.m-break-word) { overflow: hidden; text-overflow: ellipsis; } .b-statements-table.m-default-table.m-responsive.m-compact-view-mode tbody td.m-responsive__before-line-over:first-child ~ .m-responsive__before-line-over.m-width-invoice-button { flex: 0 0 50px; } .b-table-group-btns { position: absolute; right: 16px; top: 50%; transform: translateY(calc(-50% + 2px)); height: 16px; } .b-transaction-state { position: relative; display: flex; padding-right: 30px; } .b-transaction-state .b-icon-table { position: absolute; left: 0px; top: 2px; } .b-table-flex-cell { display: flex; } .b-table-flex-cell__col.m-flex-all { flex: 1 1 0%; } .b-table-flex-cell__col:last-child { margin-left: 8px; } @media (min-width: 768px) { .m-reach-cell-short { width: 94px; text-align: right; } .m-reach-cell-total-subscribers { width: 95px; text-align: right; } .m-reach-cell-total { width: 100px; } } .useable-icon { vertical-align: baseline; color: rgb(138, 150, 163); cursor: pointer; text-align: center; } .useable-icon.m-alert { color: rgb(255, 96, 96); } .useable-icon.m-done { color: rgb(0, 175, 240); } .useable-icon .g-icon { width: 18px; height: 18px; flex: 0 0 18px; } .useable-icon.m-vat-cell { top: 7px; } .useable-icon.m-payout-cell { top: calc(50% + 5px); transform: translateY(calc(-50% - 2.5px)); cursor: default; } .useable-icon.m-payout-cell, .useable-icon.m-vat-cell { position: absolute; right: 14px; padding: 0px; margin: 0px; height: 16px; } .useable-icon.m-payout-cell .g-icon, .useable-icon.m-vat-cell .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .useable-icon.m-with-round-hover::after { display: block; } .useable-icon.m-with-round-hover:hover { color: rgb(0, 145, 234); } .b-table.m-default-table.m-responsive .m-payout-cell-with-download .download-invoice-link { position: absolute; right: 6px; top: 100%; margin-top: 5px; } .b-table.m-default-table.m-responsive .m-payout-cell-with-download .download-invoice-link.g-btn:hover { text-decoration: none; } .b-statistics__row { flex-grow: 0; } .b-statistics__row .b-tabs__nav__item:not(.m-single-current).m-current { font-weight: 400; background-color: rgba(0, 175, 240, 0.5); padding-right: 12px; } .b-statistics__row .b-tabs__nav { padding-left: 16px; } .b-statistics-columns { display: grid; grid-auto-rows: min-content; margin-right: -16px; } @media (min-width: 768px) { .b-statistics-columns { margin-left: -16px; margin-right: -16px; grid-template-columns: 1fr 1fr; } } @media (max-width: 767.98px) { .b-statistics-columns.m-without-header { margin-left: -16px; } } @media (min-width: 768px) { .b-statistics-columns.m-separate-block { grid-template-columns: 1fr; margin-left: 0px; margin-right: 0px; border-bottom: medium; } } .b-statistics-columns.mb-5 + .infinite-loading-container .b-posts_preloader { margin-top: -40px; } .b-statistics-item { padding: 10px 16px 0px; position: relative; } .b-statistics-item:not(.m-header) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-statistics-item:not(.m-header).m-empty-item { padding-bottom: 10px; } .b-useful-data .b-statistics-item:not(.m-header) { border-bottom: medium; } .b-statistics-item.m-header { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 15px; } @media (min-width: 768px) { .b-statistics-item.m-header { grid-column: span 2; } .b-statistics-columns .b-statistics-item.m-header ~ .b-statistics-item:nth-child(2n), .b-statistics-columns.m-without-header .b-statistics-item:nth-child(2n+1) { border-right: 1px solid rgba(138, 150, 163, 0.25); } } @media (max-width: 767.98px) { .b-statistics-item:not(.b-top-statistic) { padding-left: 0px; display: grid; grid-template-columns: 1fr 1fr; } } .b-statistics-item.m-loading::after { inset: 0px; content: ""; position: absolute; background-color: var(--bg-color); opacity: 0.7; z-index: 2; } @media (min-width: 768px) { .m-separate-block .b-statistics-item { padding: 0px; border-top: medium; } .m-separate-block:not(.m-rows-items) .b-statistics-item { display: grid; grid-template-columns: 1fr 1fr; } } .b-statistics-item.m-empty-item { grid-template-columns: 1fr; } .b-elements-determinant { margin-bottom: 15px; } .b-elements-determinant.m-reset-mb { margin-bottom: 0px; } .m-rows-items .b-elements-determinant.m-empty-item { grid-template-columns: 1fr; } .b-elements-determinant.m-loading { position: relative; } .b-elements-determinant.m-chart-summary { display: flex; flex-direction: row; align-content: flex-end; align-items: flex-end; } .b-useful-data .b-elements-determinant.m-chart-summary:last-child { margin-bottom: 15px; } .b-elements-determinant.m-chart-summary canvas { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .m-header .b-elements-determinant { margin-bottom: 0px; } .m-rows-items .b-elements-determinant { display: grid; grid-template-columns: 1fr 1fr; } .b-useful-data .m-rows-items .b-elements-determinant { margin-right: -16px; padding-right: 16px; } .m-rows-items .b-elements-determinant.m-rows-charts { grid-template-columns: 1fr auto; } .m-rows-items .b-elements-determinant:not(:last-child) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin-bottom: 11px; padding-bottom: 14px; column-gap: 35px; } .b-useful-data .b-elements-determinant:last-child { margin-bottom: 0px; } .b-elements-determinant.m-chart { padding-right: 6%; } .b-useful-data .b-elements-determinant.m-chart { margin-left: 0px; margin-right: 0px; padding-right: 0px; } .m-rows-items .b-elements-determinant.m-chart { grid-template-columns: 1fr; } .b-elements-determinant .b-chart { padding-bottom: 0px; } .b-elements-determinant.m-chart-details { display: flex; } .b-elements-determinant__label { font-size: 14px; line-height: 20px; color: rgb(138, 150, 163); } .m-header .b-elements-determinant__label { font-size: 16px; line-height: 24px; color: var(--text-color); font-weight: 500; } .b-elements-determinant__label:not(:last-child) { margin-bottom: 6px; } .b-elements-determinant__value { font-size: 16px; line-height: 24px; display: flex; flex-flow: wrap; align-content: center; align-items: center; font-weight: 500; } .m-header .b-elements-determinant__value { font-size: 19px; line-height: 24px; } .b-elements-determinant__value.m-inline { display: inline-flex; } .b-elements-determinant__value.m-loading-state { min-height: 100px; position: relative; } .b-elements-determinant__hint { display: inline-flex; flex-direction: row; align-content: center; align-items: center; color: rgb(138, 150, 163); margin-left: auto; padding-left: 16px; } .m-loading > .b-elements-determinant__unit { opacity: 0.8; } .m-rows-charts .b-elements-determinant__unit:nth-child(2n) { width: 132px; } .b-statistics-columns.m-rows-items .b-elements-determinant__unit:nth-child(2) ~ * { margin-top: 15px; } .b-statistics-columns.m-rows-items .b-elements-determinant__unit:nth-child(2) + .b-elements-determinant__unit.m-chart { grid-column-end: 3; } .b-statistics-level { font-size: 12px; line-height: 16px; display: inline-flex; flex-direction: row; align-content: center; align-items: center; border-radius: 6px; font-weight: 500; height: 24px; padding-left: 5px; padding-right: 8px; margin-left: 5px; } .b-statistics-level.m-level-up { background-color: rgba(53, 208, 99, 0.08); color: rgb(53, 208, 99); } .b-statistics-level.m-level-down { background-color: rgba(255, 96, 96, 0.08); color: rgb(255, 96, 96); } .b-statistics-level .g-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 3px; } .b-statistics-level__text { display: flex; margin-left: 5px; } .b-statistics-level__text span { margin-right: 4px; } .b-useful-data { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); padding: 11px 16px 13px; } .b-useful-data, .b-useful-data:not(:last-child) { margin-bottom: 16px; } .b-useful-data.m-reset-padding-bottom { padding-bottom: 0px; } .b-useful-data.m-reset-paddings { padding: 0px; } .b-useful-data.m-bg-colored { background-color: var(--marked-color); } .b-useful-data:has(.b-useful-data__header.m-without-content) { padding-bottom: 15px; } .b-useful-data .m-statistics-alert.m-wider:first-child { margin-top: -11px; border-top: medium; border-top-left-radius: 6px; border-top-right-radius: 6px; } .b-useful-data .m-statistics-alert.m-wider::before { display: none; } @media (max-width: 1003.98px) { .l-wrapper__sidebar .b-useful-data { border: medium; padding-left: 0px; } } .b-useful-data.m-banking-start { padding-top: 7px; } .b-useful-data.m-banking-start .g-sm-text { margin-bottom: 22px; } .b-useful-data.m-banking-start .b-payout-types-system { overflow: hidden; } .b-useful-data.m-banking-start .b-payout-types-system:not(:last-child) { margin-bottom: 13px; } .b-useful-data.m-banking-start .b-payout-types-system .g-icon { margin-bottom: 38px; } .b-useful-data__header { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 15px; } .b-useful-data__header.m-without-content { margin-bottom: 8px; } .b-useful-data__header.m-header-underline { border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin-right: -16px; padding-right: 16px; padding-bottom: 13px; margin-bottom: 10px; } @media (max-width: 1003.98px) { .l-wrapper__sidebar .b-useful-data__header.m-header-underline { margin-right: -32px; } } .b-useful-data__row-btn { padding-top: 16px; padding-bottom: 16px; } .b-useful-data .b-useful-data__row-btn { margin-bottom: -13px; } .b-useful-data .empty-message { padding-bottom: 30px; } .b-sticky-position-dropdown { z-index: 6; top: 96px; position: sticky; } .b-separate-section .b-sticky-position-dropdown:first-child { margin-top: -16px; } .b-holder-options { display: flex; flex-direction: column; justify-content: center; margin-left: -16px; margin-right: -16px; min-height: 60px; text-align: left; z-index: 1; } @media (any-hover: hover) and (pointer: fine) { .b-holder-options:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } .b-holder-options:focus-visible:not(.m-no-pointer) .b-holder-options__arrow { color: rgb(0, 145, 234); } .b-holder-options:focus-visible:not(.m-no-pointer)::after { outline-offset: 0px; } } .b-holder-options:not(.dropdown-toggle) { padding-left: 16px; padding-right: 56px; } .b-holder-options.dropdown-toggle { padding: 7px 56px 10px 16px; color: var(--text-color); } .b-holder-options.dropdown-toggle:hover { color: var(--text-color); } .b-sticky-position-dropdown .b-holder-options { background-color: var(--bg-color); border-bottom: 1px solid rgba(138, 150, 163, 0.25); width: calc(100% + 32px); } .b-statistics-page-content .b-holder-options { z-index: 1; top: 96px; position: sticky; } .b-useful-data .b-holder-options { margin-bottom: 2px; } .b-separate-section .b-holder-options, .b-useful-data .b-holder-options { width: calc(100% + 32px); } .b-holder-options__title { font-size: 16px; line-height: 24px; } .b-holder-options__title.m-bold { font-weight: 500; } .b-holder-options__arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: rgb(138, 150, 163); width: 24px; height: 24px; } .b-holder-options:hover .b-holder-options__arrow { color: rgb(0, 145, 234); } .b-statistics-page-content { display: flex; flex-direction: column; } .b-statistics-page-content__wrapper.m-empty-wrapper { display: flex; flex-direction: column; flex: 1 1 0%; } .b-statistics-page-content__wrapper.m-empty-wrapper .empty-message { margin: auto; } .b-statistics-page-content.m-after-alerts { margin-top: -16px; } .b-statistics-page-content.m-after-alerts .b-separate-section[style="display: none;"] + .b-sticky-position-dropdown .b-holder-options { border-top: medium; } .b-top-statistic { font-size: 14px; line-height: 20px; } .b-separate-section .b-top-statistic { margin-bottom: 13px; } .b-table .b-top-statistic { margin-bottom: 0px; } .b-top-statistic.m-loading { position: relative; pointer-events: none; min-height: 60px; } .b-top-statistic.m-loading::after { content: ""; position: absolute; inset: 0px -16px; background-color: var(--bg-color); opacity: 0.7; z-index: 2; } .b-top-statistic.b-statistics-item { padding-top: 8px; padding-bottom: 4px; margin-bottom: 2px; } @media (min-width: 768px) { .b-top-statistic.b-statistics-item { padding-top: 18px; padding-bottom: 13px; margin-bottom: 0px; } } .b-top-statistic__header { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); display: flex; } .m-reset-separate-borders .b-top-statistic__header { border-bottom: medium; } .b-top-statistic.b-statistics-item .b-top-statistic__header { border-bottom: medium; padding-bottom: 0px; margin-bottom: 10px; } .b-top-statistic__header__date { margin-right: auto; } .b-top-statistic__header__details { margin-left: auto; display: flex; } .b-top-statistic__header .b-dropdown { margin: -2px -5px -2px 7px; } .b-top-statistic__body { min-height: 41px; padding-top: 3px; display: grid; grid-template-columns: auto 1fr; } .b-top-statistic__body.m-without-img { grid-template-columns: 1fr; } .b-top-statistic__body.m-img-size-lg { min-height: 95px; } .b-top-statistic__footer { margin-top: 4px; border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 7px; } .m-reset-separate-borders .b-top-statistic__footer { border-top: medium; padding-top: 0px; padding-bottom: 5px; } .b-top-statistic__footer, .b-top-statistic__header { margin-right: -16px; padding-right: 16px; } .b-top-statistic__img { width: 36px; height: 36px; margin-right: 16px; position: relative; } .b-top-statistic__img > .g-icon { width: 100%; height: 100%; } .b-top-statistic__img--placeholder { background-color: var(--marked-color); border-radius: 2px; border: 1px solid rgba(138, 150, 163, 0.12); } .b-top-statistic__img.b-photos { margin-right: 16px; margin-bottom: 0px; } .m-img-size-lg .b-top-statistic__img.b-photos { z-index: 0; } .m-img-size-lg .b-top-statistic__img { width: 95px; height: 95px; } .b-top-statistic__img img { display: block; width: 100%; height: 100%; border-radius: 2px; object-fit: cover; } .m-img-size-lg .b-top-statistic__img img { border-radius: 6px; } .b-top-statistic__img .b-element-label.m-video-duration { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .m-img-size-lg .b-top-statistic__img .b-element-label.m-video-duration { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .b-top-statistic__content { display: flex; flex-direction: column; flex: 1 1 0%; margin-top: -2px; } .b-top-statistic__content .link-trunc { margin-top: 0px; } .b-top-statistic__content .b-top-statistic__content { margin-top: 2px; } .b-top-statistic__content .table.m-list-determination { margin-top: 3px; } .b-top-statistic.b-statistics-item .b-top-statistic__content .table.m-list-determination { margin-top: 0px; } .b-top-statistic__text .g-truncated-text { margin-bottom: 0px; } .b-top-statistic__btns { margin: -2px -6px -2px auto; display: inline-flex; } .b-top-statistic__btns-row { display: flex; align-items: center; margin-top: auto; } .b-top-statistic__btns .g-btn.m-flat.m-btn-gaps.m-ex-sm { padding-left: 7px; padding-right: 7px; } .b-top-statistic__link { color: var(--text-color); } .b-top-statistic__link:hover { color: var(--text-color); text-decoration: underline; } .modal-body .b-photos.m-statistics-preview { min-height: auto; max-height: 50%; margin: 0px; padding-bottom: 8px; } .m-statistics-preview .b-photos__item { width: 96px; height: 96px; padding: 0px; border-radius: 6px; overflow: hidden; } .b-clean-state__title { font-size: 14px; line-height: 20px; color: rgb(138, 150, 163); margin-bottom: 6px; } .b-clean-state__title.m-useful-header { font-size: 16px; line-height: 24px; color: var(--text-color); font-weight: 500; margin-bottom: 15px; } .b-separate-section .b-clean-state__title { margin-bottom: 10px; margin-top: 10px; } .b-useful-data .b-clean-state__title { margin-bottom: 11px; } .b-separate-section .b-clean-state .empty-message { margin-bottom: 14px; } .b-chart-wrapper { width: 132px; } .b-chart-wrapper.m-chart-summary { height: 40px; } .b-chart-wrapper.m-chart-stat { height: 50px; } .g-statistics-page:has(.b-statistics-page-content .empty-message) { min-height: calc(var(--vh, 1vh)*100); display: flex; flex-direction: column; } @media (max-width: 499.98px) and (orientation: portrait) { @supports (padding-bottom:env(safe-area-inset-bottom)) { .g-statistics-page:has(.b-statistics-page-content .empty-message) { min-height: calc(var(--vh, 1vh)*100 - 57px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .g-statistics-page:has(.b-statistics-page-content .empty-message) { min-height: calc(var(--vh, 1vh)*100 - 57px - constant(safe-area-inset-bottom)); } } } .g-statistics-page:has(.b-statistics-page-content .empty-message) .b-statistics-page-content { flex: 1 1 0%; } @keyframes speed-line { 0% { margin-left: -100px; } 100% { margin-left: 100%; } } .b-search-form { padding-top: 0px; padding-bottom: 0px; background: var(--bg-color); display: flex; flex-wrap: wrap; width: 100%; } .b-search-form:not(.g-sides-gaps) { padding-left: 0px; padding-right: 0px; } .b-search-form.m-default-form { position: relative; margin-bottom: 16px; transform: translateZ(0px); z-index: 2; } .b-search-form.m-default-form + .b-recommended:not(:empty) { margin-top: -16px; } .b-search-form.m-default-form .g-page__header__btn.m-search-btn { position: absolute; top: 50%; transform: translateY(-50%); } .b-search-form.m-default-form.m-field-height-sm .g-page__header__btn.m-search-btn { left: 0px; } .b-search-form.m-default-form.m-field-height-lg .g-page__header__btn.m-search-btn { left: 10px; } .b-search-form.m-default-form.m-autocomplete-search .g-page__header__btn.m-search-btn { left: auto; right: 5px; } .b-search-form:not(.m-default-form) { position: absolute; top: 0px; pointer-events: none; opacity: 0; z-index: 3; visibility: hidden; } .m-search-form-visible .b-search-form:not(.m-default-form) { pointer-events: auto; opacity: 1; visibility: visible; } .m-search-header .b-search-form:not(.m-with-bg) { background: none; } .m-search-header .b-search-form { min-height: inherit; height: inherit; width: calc(100% + 32px); } .modal-header__btns-group .b-search-form { right: 9px; top: 5px; left: 16px; width: auto; } @media (max-width: 499.98px) { .m-search-overlay-enable .b-search-form__overlay { height: calc(var(--vh, 1vh)*100 - 55px); position: absolute; background-color: rgba(0, 0, 0, 0.5); touch-action: none; left: 0px; right: 0px; } .m-search-overlay-enable .m-autocomplete-search.m-with-tabs .b-search-form__overlay { top: 56px; } .m-search-overlay-enable .m-autocomplete-search:not(.m-with-tabs) .b-search-form__overlay { top: 100%; } .modal-body .b-search-form__overlay { display: none; } } .b-search-form__wrapper { flex: 1 1 0%; display: flex; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; padding-left: 8px; padding-right: 8px; margin-left: 16px; margin-right: 16px; } .b-search-form__clear-input.m-with-round-hover { position: absolute; top: 50%; transform: translateY(-50%); right: 9px; } .b-btns-group .b-search-form__clear-input.m-with-round-hover.g-btn.m-icon.m-icon-only:last-child { margin: 0px; } @media (min-width: 1004px) { .m-default-form .b-search-form__clear-input.m-with-round-hover { right: 16px; } .m-default-form.m-autocomplete-search .b-search-form__clear-input.m-with-round-hover { right: 12px; } } .b-search-form.m-with-tabs { padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; height: 56px; margin-top: -56px; } .b-search-form.m-with-tabs::after { left: 0px; right: 0px; bottom: 0px; content: ""; position: absolute; height: 1px; background-color: rgb(0, 175, 240); } .b-search-form.m-with-tabs.m-autocomplete-search::after { background-color: rgba(138, 150, 163, 0.25); } .m-search-form-visible .b-search-form.m-with-tabs { width: calc(100% + 32px); } .b-btns-group .b-search-form { right: 0px; left: 0px; width: auto; padding-right: 16px; padding-left: 12px; margin-left: 0px; } .m-search-form-visible .b-btns-group .b-search-form { position: absolute; margin-top: 0px; } .b-btns-group .b-search-form .g-btn.m-icon.m-icon-only:first-child { margin-left: -7px; } .b-search-form__wrapper-autocomplete { flex: 1 1 0%; position: relative; display: flex; } .m-autocomplete-search .b-search-form__wrapper-autocomplete { align-self: center; } .m-autocomplete-search:not(.m-default-form) .b-search-form__wrapper-autocomplete { margin-left: 6px; margin-right: 6px; } .b-search-form__wrapper-autocomplete .g-input__wrapper.m-opened-results:has(+ .b-search-autocomplete:not(:empty)) .v-text-field--outlined, .b-search-form__wrapper-autocomplete .g-input__wrapper.m-opened-results:has(+ .b-search-autocomplete:not(:empty)) .v-text-field--solo { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .b-search-form__wrapper-autocomplete .g-input__wrapper .v-input.v-input--is-dirty .v-input__icon--clear { opacity: 1; } .b-search-form__wrapper-autocomplete .g-input__wrapper .v-input.v-text-field--prefix input { margin-left: 0px; } .b-search-form__input { border: medium; height: 56px; flex: 1 1 0%; border-radius: 0px; } .b-search-form__input.form-control { border-bottom: medium; } .m-default-form .b-search-form__input { border: 1px solid rgba(138, 150, 163, 0.4); border-radius: 6px; } .m-stream-body .m-default-form .b-search-form__input { border-color: rgba(255, 255, 255, 0.5); } .m-default-form .b-search-form__input:hover { border-color: rgb(138, 150, 163); } .m-stream-body .m-default-form .b-search-form__input:hover { border-color: rgba(255, 255, 255, 0.75); } .m-default-form .b-search-form__input:focus { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .m-default-form .b-search-form__input:focus { border-color: rgba(255, 255, 255, 0.75); } .m-default-form[class*="m-field-height-sm"]:not(.m-autocomplete-search) .b-search-form__input { padding-left: 35px; } .m-default-form[class*="m-field-height-lg"]:not(.m-autocomplete-search) .b-search-form__input { padding-left: 48px; } .m-default-form.m-without-border .b-search-form__input { border: medium; border-radius: 0px; } .m-field-height-lg .b-search-form__input { height: 48px; padding: 14px 44px 14px 16px; } .m-field-height-md .b-search-form__input { height: 40px; padding: 10px 16px 11px; } .m-field-height-md .b-search-form__input.m-with-clear-btn { padding-right: 40px; } .m-field-height-md .b-search-form__input::placeholder { text-overflow: clip; } .m-field-height-md .b-search-form__input::placeholder { text-overflow: clip; } .m-field-height-sm .b-search-form__input { height: 36px; padding: 8px 16px 9px; } .m-field-height-sm .b-search-form__input:-moz-placeholder { padding-right: 8px; } .m-field-height-sm .b-search-form__input:placeholder-shown { padding-right: 8px; } .m-field-height-sm .b-search-form__input.m-with-clear-btn { padding-right: 36px; } .m-autocomplete-search .b-search-form__input { border-radius: 6px; border: 1px solid transparent; transition: border 0.05s; } .m-autocomplete-search.m-opened-results .b-search-form__input { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgba(0, 175, 240, 0.75); } .m-autocomplete-search:not(.m-opened-results) .b-search-form__input { border-color: rgba(138, 150, 163, 0.25); } .m-stream-body .m-autocomplete-search:not(.m-opened-results) .b-search-form__input { border-color: rgba(255, 255, 255, 0.5); } .m-autocomplete-search:not(.m-opened-results) .b-search-form__input:focus { border-color: rgba(0, 175, 240, 0.75); } .m-stream-body .m-autocomplete-search:not(.m-opened-results) .b-search-form__input:focus { border-color: rgba(255, 255, 255, 0.75); } .m-autocomplete-search:not(.m-opened-results) .b-search-form__input.m-field-fill { border-color: rgb(0, 175, 240); } .m-stream-body .m-autocomplete-search:not(.m-opened-results) .b-search-form__input.m-field-fill { border-color: rgba(255, 255, 255, 0.5); } @media (any-hover: hover) and (pointer: fine) { .m-autocomplete-search:not(.m-opened-results) .b-search-form__input:hover:not(:focus) { border-color: rgb(138, 150, 163); } .m-stream-body .m-autocomplete-search:not(.m-opened-results) .b-search-form__input:hover:not(:focus) { border-color: rgba(255, 255, 255, 0.75); } } .m-over-header .b-search-form__input { height: 48px; } .b-search-form__input[readonly] { opacity: 0.4; pointer-events: none; } .b-search-form .g-btn.m-icon-only { margin-top: auto; margin-bottom: auto; } .b-search-autocomplete { position: absolute; top: 100%; left: 0px; right: 0px; background: var(--bg-color); border-radius: 0px 0px 6px 6px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(0, 175, 240, 0.75) rgba(0, 175, 240, 0.75); border-image: none; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; z-index: 1; } .b-search-autocomplete:empty { border: medium; box-shadow: none; } .g-input__wrapper:has(.v-text-field__details .v-counter) + .b-search-autocomplete { margin-top: -20px; } .b-search-autocomplete__scroller { max-height: calc(var(--vh, 1vh)*100 - 65px); min-height: 48px; } @media (min-width: 1004px) { .b-search-autocomplete__scroller { max-height: calc(var(--vh, 1vh)*100 - 140px); } } .modal .b-search-autocomplete__scroller { max-height: calc(var(--vh, 1vh)*100 - 144px); } .modal .b-search-autocomplete__scroller:has(.m-autocomplete-in-modal) { max-height: calc(50dvh - 48px); } .modal .b-search-autocomplete__header + .b-search-autocomplete__scroller { max-height: calc(var(--vh, 1vh)*100 - 196px); } @media (min-width: 768px) { .modal .m-modal-view .b-search-autocomplete__scroller { max-height: calc(-263px + 100vh); } } .b-search-autocomplete__scroller.m-keyboard-size { max-height: calc(var(--vh, 1vh)*100 - 300px); } .b-search-autocomplete__scroller .b-rows-lists:not(:first-child):not(:first-of-type):not(:empty) { border-top: 8px solid var(--marked-color); } .b-search-autocomplete__header { display: flex; flex-direction: row; place-content: center space-between; align-items: center; padding: 14px 16px 15px; z-index: 1; } .b-search-autocomplete__header + .b-search-autocomplete__scroller.m-keyboard-size { max-height: calc(var(--vh, 1vh)*100 - 249px); } .b-search-autocomplete__remove.m-with-round-hover { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); } .b-preloader-line { position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; z-index: 1; overflow: hidden; } .b-preloader-line::after { content: ""; width: 100px; height: inherit; background-color: rgb(0, 175, 240); animation: 2s linear infinite speed-line; display: block; } .b-wrapper-search.m-empty-section { display: flex; flex-direction: column; place-content: center; align-items: center; flex: 1 1 0%; } .g-page__header[data-v-6be6dfde] { position: relative; margin-bottom: 8px; min-height: 56px; flex-flow: wrap; display: flex; align-content: center; align-items: center; } @media (any-hover: hover) and (pointer: fine) { .g-page__header[data-v-6be6dfde] .dropdown-toggle:focus-visible, .g-page__header[data-v-6be6dfde] .g-btn:not(.m-colored):focus-visible { --outline-offset: -2px; outline-offset: -2px; } } .g-page__header[data-v-6be6dfde]::after { content: ""; height: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(138, 150, 163, 0.25); z-index: 1; } .b-compact-header .g-page__header[data-v-6be6dfde]::after { content: none; } .g-page__header.m-height-search[data-v-6be6dfde] { min-height: auto; } .g-page__header.m-line-static-title[data-v-6be6dfde]::after { left: 16px; right: 16px; } .g-page__header.m-header-height-md[data-v-6be6dfde] { min-height: 48px; } .g-page__header.m-header-height-md.m-search-form-visible[data-v-6be6dfde] .b-btns-group .b-search-form { max-height: 48px; } .g-page__header.m-search-form-visible[data-v-6be6dfde]:not(.m-search-header) { z-index: 5; } .g-page__header.m-search-form-visible.m-search-header[data-v-6be6dfde] { z-index: 6; } .g-page__header.m-search-form-visible.m-search-header[data-v-6be6dfde] .b-btns-group { min-height: inherit; } .g-page__header.m-search-form-visible.b-chat__header[data-v-6be6dfde] .g-page-title, .g-page__header.m-search-form-visible.b-chat__header[data-v-6be6dfde] > .g-page__header__btn { opacity: 1; } .g-page__header.m-search-form-visible[data-v-6be6dfde] .b-btns-group > .g-btn, .g-page__header.m-search-form-visible[data-v-6be6dfde] .g-page-title, .g-page__header.m-search-form-visible[data-v-6be6dfde] > .g-page__header__btn { opacity: 0; } .g-page__header.m-search-form-visible[data-v-6be6dfde] .b-btns-group .b-search-form { position: absolute; height: calc(100% - 2px); max-height: 56px; top: auto; bottom: 1px; background-color: transparent; } .g-page__header.m-search-form-visible[data-v-6be6dfde] .b-btns-group .b-search-form.g-border-bottom { height: 100%; } .g-page__header.m-search-form-visible[data-v-6be6dfde] .b-search-form { position: relative; } .g-page__header.m-search-form-visible[data-v-6be6dfde] .b-search-form.m-absolute { position: absolute; } .g-page__header.mb-0 + .b-group-alerts[data-v-6be6dfde] { margin-top: -9px; } .g-page__header.m-with-tabs[data-v-6be6dfde]:not(.mb-0) { margin-bottom: -5px; } .g-page__header.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde]:not(.mb-0) { margin-bottom: -9px; } .g-page__header.m-with-tabs.m-tabs-sticky-position.m-search-form-visible[data-v-6be6dfde] { z-index: 7; } .g-page__header.m-with-tabs[data-v-6be6dfde] .b-search-form { border-bottom-color: transparent; } .g-page__header.m-with-tabs[data-v-6be6dfde] .b-search-form::after { display: none; } .g-page__header.m-real-sticky[data-v-6be6dfde] { position: sticky; background-color: var(--bg-color); z-index: 5; padding-left: 16px; padding-right: 16px; max-width: 100%; } .g-page__header.m-real-sticky[data-v-6be6dfde]:not(.g-header-sticky-edge) { top: 0px; } .g-static-container .g-page__header.m-real-sticky.g-header-sticky-edge[data-v-6be6dfde] { z-index: 4; } .g-page__header.m-real-sticky.g-negative-sides-gaps[data-v-6be6dfde] { max-width: calc(100% + 32px); } .container .g-page__header.m-real-sticky[data-v-6be6dfde]:not(.m-reset-sides-gaps) { margin-left: -16px; margin-right: -16px; max-width: calc(100% + 32px); } .g-page__header.m-real-sticky ~ .b-feed .empty-message.m-height-page[data-v-6be6dfde], .g-page__header.m-real-sticky ~ .empty-message.m-height-page[data-v-6be6dfde] { min-height: calc(var(--vh, 1vh)*100 - 64px); } @media (max-width: 499.98px) { .g-page__header.m-real-sticky ~ .b-feed .empty-message.m-height-page[data-v-6be6dfde] { min-height: calc(var(--vh, 1vh)*100 - 114px); } } body[data-scrolled-out] .g-page__header.m-real-sticky.m-search-form-visible + .b-tabs__nav[data-v-6be6dfde]::after { background-color: rgb(0, 175, 240); opacity: 1; } .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav { z-index: 6; top: 47px; } .l-main-content .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav { background-color: var(--bg-color); } .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav.m-tab-rounded { padding-top: 17px; margin-top: 1px; top: 48px; } .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 96px); } @media (max-width: 499.98px) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 152px); } @supports (min-height:env(safe-area-inset-bottom)) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 152px - env(safe-area-inset-bottom)); } } @supports (min-height:constant(safe-area-inset-bottom)) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 152px - constant(safe-area-inset-bottom)); } } } .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 112px); } @media (max-width: 499.98px) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 168px); } @supports (padding-bottom:env(safe-area-inset-bottom)) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 168px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position[data-v-6be6dfde] + .b-tabs__nav + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 168px - constant(safe-area-inset-bottom)); } } } .g-page__header.m-real-sticky.m-with-tabs.m-tabs-sticky-position.mb-0[data-v-6be6dfde] + .b-tabs__nav { top: 56px; } .g-page__header.m-real-sticky.m-with-tabs:not(.m-tabs-sticky-position) + .b-tabs__nav[data-v-6be6dfde] { margin-top: -9px; top: 8px; padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; } .g-page__header.m-real-sticky.m-with-tabs[data-v-6be6dfde] + .b-tabs__nav { position: sticky; z-index: 2; } .l-wrapper .g-page__header.m-real-sticky.m-with-tabs[data-v-6be6dfde] + .b-tabs__nav { background-color: var(--bg-color); } .g-page__header.m-real-sticky.m-with-tabs[data-v-6be6dfde] + .b-tabs__nav::after { bottom: -1px; } .m-bg-color-gray .g-page__header.m-real-sticky[data-v-6be6dfde] { background-color: var(--marked-color); } .g-static-container .g-page__header.m-real-sticky[data-v-6be6dfde] { top: 56px; } @media (min-width: 768px) { .g-page__header.m-real-sticky > div:empty + .g-page__header__btn[data-v-6be6dfde] { margin-left: -8px; margin-right: 4px; } } .g-page__header.m-real-sticky[data-v-6be6dfde] + .g-page__subheader { background-color: var(--bg-color); position: sticky; top: 56px; z-index: 5; padding-bottom: 8px; } .g-page__header.m-nowrap[data-v-6be6dfde] { white-space: nowrap; flex-wrap: nowrap; } .g-page__header.modal-header[data-v-6be6dfde] { background-color: transparent; padding-top: 0px; padding-bottom: 0px; } .g-page__header.modal-header[data-v-6be6dfde]:not([class*="m-header-height-"]) { min-height: 48px; } .g-page__header.m-reset-bottom-line[data-v-6be6dfde]::after { content: none; } .g-page__header.b-stream-header[data-v-6be6dfde] { position: absolute; z-index: 102; left: 0px; right: 0px; top: 0px; pointer-events: none; } .g-page__header[data-v-6be6dfde] + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 57px); } @media (max-width: 499.98px) { .g-page__header[data-v-6be6dfde] + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 114px); } @supports (min-height:env(safe-area-inset-bottom)) { .g-page__header[data-v-6be6dfde] + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 114px - env(safe-area-inset-bottom)); } } @supports (min-height:constant(safe-area-inset-bottom)) { .g-page__header[data-v-6be6dfde] + .g-page-content { min-height: calc(var(--vh, 1vh)*100 - 114px - constant(safe-area-inset-bottom)); } } } .g-page__header[data-v-6be6dfde] + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 73px); } @media (max-width: 499.98px) { .g-page__header[data-v-6be6dfde] + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 130px); } @supports (padding-bottom:env(safe-area-inset-bottom)) { .g-page__header[data-v-6be6dfde] + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 130px - env(safe-area-inset-bottom)); } } @supports (padding-bottom:constant(safe-area-inset-bottom)) { .g-page__header[data-v-6be6dfde] + .g-page-content.m-mt-16 { min-height: calc(var(--vh, 1vh)*100 - 130px - constant(safe-area-inset-bottom)); } } } .g-page__header .b-btns-group[data-v-6be6dfde] { margin-left: auto; display: inline-flex; flex-direction: row; align-content: center; align-items: center; align-self: stretch; white-space: nowrap; } @media (min-width: 560px) { .g-page__header .b-btns-group[data-v-6be6dfde]:not(.w-100):not(.m-reset-ml) { padding-left: 12px; } } .g-page__header .b-btns-group[data-v-6be6dfde] .b-search-form { padding-left: 16px; } .g-page__header .g-page-title[data-v-6be6dfde] { padding: 15px 4px 16px; margin-right: auto; min-height: inherit; display: inline-flex; align-items: center; flex: 1 1 0%; text-align: left; } .g-page__header .g-page-title.m-chat-title[data-v-6be6dfde] { padding-top: 0px; padding-bottom: 0px; min-height: auto; line-height: 24px; min-width: 0px; padding-left: 0px; max-width: 100%; } .g-page__header__btn[data-v-6be6dfde] { position: relative; margin-left: -7px; margin-right: 5px; } .g-page__header__btn[data-v-6be6dfde] .g-icon { vertical-align: top; } .g-page__header__btn.m-hidden[data-v-6be6dfde] { pointer-events: none; opacity: 0; } .b-search-form .g-page__header__btn[data-v-6be6dfde] { display: flex; flex-direction: row; place-content: center; align-items: center; margin: auto 0px; width: 36px; height: 36px; } [data-v-6be6dfde] .b-search-form .g-page__header__btn { color: rgba(138, 150, 163, 0.4); } .g-page__header[data-v-6be6dfde] .b-search-form .g-page__header__btn.m-back-btn { margin-left: -7px; } .g-page__header[data-v-6be6dfde] .g-page__header__btn.m-back-btn + .b-search-form__input { margin-left: 6px; } .b-search-form .g-page__header__btn.m-search-btn[data-v-6be6dfde] { margin-right: 0px; } .g-page__header[data-v-6be6dfde] .b-search-form .g-page__header__btn.m-search-btn { margin-right: -7px; } .g-page__header .b-tabs__nav[data-v-6be6dfde] { margin: 0px auto 0px 0px; position: unset; } .g-page__header .b-tabs__nav[data-v-6be6dfde]::after { content: none; } .g-page__header .g-btn.m-move-btn-right[data-v-6be6dfde] { margin-right: -6px; } .g-page__header.b-chat__header .b-search-form__input[data-v-6be6dfde] { height: 38px; } .g-page-title[data-v-6be6dfde] { margin: 0px; text-transform: uppercase; font-weight: 500; color: var(--text-color); font-size: 19px; padding: 0px 4px 14px; } .g-page-title.m-scroll-top[data-v-6be6dfde] { padding: 0px; overflow: hidden; line-height: 56px; } .g-page-title.m-scroll-top[data-v-6be6dfde] .b-inside-el { padding: 16px 1px; cursor: pointer; display: block; line-height: 24px; flex: 1 1 0%; } .m-header-height-md .g-page-title.m-scroll-top[data-v-6be6dfde] .b-inside-el { padding-top: 12px; padding-bottom: 12px; } .b-chat.step2 .g-page-title.m-scroll-top.m-chat-title[data-v-6be6dfde] { padding-left: 1px; } .g-page-title.m-scroll-top.m-chat-title[data-v-6be6dfde] .b-inside-el { padding: 0px; } .g-page-title.m-lowercase[data-v-6be6dfde] { text-transform: lowercase; } .g-page-title.m-no-text-transform[data-v-6be6dfde] { text-transform: none; } .g-page-title.m-light[data-v-6be6dfde] { color: rgb(138, 150, 163); } .g-page__header.m-nowrap .g-page-title[data-v-6be6dfde]:not(.m-scroll-top) { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .m-header-height-md .g-page-title[data-v-6be6dfde] { font-size: 14px; } .g-page-title a[data-v-6be6dfde] { color: inherit; } .g-page-title a[data-v-6be6dfde]:hover { color: rgb(0, 145, 234); } @supports (-moz-appearance:none) { @media (max-width: 499.98px) { .m-search-overlay-enable .js-header-search.m-search-header.m-search-form-visible.m-real-sticky[data-v-6be6dfde] { position: fixed; margin-left: 0px; margin-right: 0px; left: 0px; right: 0px; } } } [data-v-7ce4998c] .b-input-radio { opacity: 0; clip: rect(0px, 0px, 0px, 0px); position: absolute; left: -1px; } [data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } [data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label .g-icon { display: block; } .dropdown-menu .b-input-radio:checked + .b-input-radio__label + .b-input-radio__text[data-v-7ce4998c] { font-weight: 500; } .b-input-radio:checked .b-input-ripple[data-v-7ce4998c]::after { animation: 1s forwards pulse-hover; } .m-black-body .b-input-radio:checked .b-input-ripple[data-v-7ce4998c]::after { animation: 1s forwards pulse-hover-light; } [data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } .m-in-black-body .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label, .m-in-black-body .g-radio-container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label, .m-stream-body .g-radio-container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { border-color: rgb(0, 175, 240); } [data-v-7ce4998c] .b-input-radio[disabled] ~ .b-input-radio__text { pointer-events: none; opacity: 0.5; } [data-v-7ce4998c] .b-input-radio[disabled] ~ .b-input-radio__label { pointer-events: none; } [data-v-7ce4998c] .b-input-radio[disabled]:checked ~ .b-input-radio__label { opacity: 0.4; background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } [data-v-7ce4998c] .b-input-radio[disabled]:checked ~ .b-input-radio__text { font-weight: 500; } .b-input-radio__container[data-v-7ce4998c] { position: relative; display: inline-block; margin: 0px; } .b-input-radio__container[data-v-7ce4998c]:not(.g-pointer-cursor) { cursor: default; } .b-input-radio__container.m-hidden-visually[data-v-7ce4998c] { position: absolute; left: -999em; top: -999em; } .b-input-radio__container.m-radio-wrapper[data-v-7ce4998c] { margin-left: 8px; margin-right: 8px; } .b-users-lists__item > .b-input-radio__container[data-v-7ce4998c] { flex: 1 1 0%; } .dropdown-menu .b-input-radio__container[data-v-7ce4998c] { display: block; color: var(--text-color); } .modal .dropdown-menu .b-input-radio__container[data-v-7ce4998c] { flex: 1 1 0%; } .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="checkbox"]:checked ~ .b-input-radio__label .g-icon, .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label .g-icon { display: block; } .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="radio"] ~ .b-input-radio__label::after { content: ""; position: absolute; width: 14px; height: 14px; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; border: 2px solid rgb(254, 254, 254); border-radius: 1000px; transition: opacity 0.2s, transform 0.3s; } .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="radio"]:checked ~ .b-input-radio__label::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label { display: block; } @media (any-hover: hover) and (pointer: fine) { .b-input-radio__container:not(.m-disabled) [type="radio"]:focus-visible ~ .b-input-radio__label[data-v-7ce4998c] { border-color: rgb(0, 145, 234); outline: rgb(0, 145, 234) solid 2px; outline-offset: 4px; } .b-input-radio__container:not(.m-disabled) [type="radio"][data-v-7ce4998c]:focus-visible .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .b-input-radio__container:not(.m-disabled) [type="radio"]:focus-visible:not([disabled]):checked ~ .b-input-radio__label[data-v-7ce4998c] { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c] .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container:not(.m-disabled)[m-hover-state][data-v-7ce4998c]:has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):hover:has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } } a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) { --outline-offset: 4px; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(0, 175, 240, 0.06); box-shadow: rgba(0, 175, 240, 0.06) 0px 0px 0px 8px; } .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before, .m-stream-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio ~ .b-input-radio__label .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .m-stream-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgb(254, 254, 254); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .m-stream-body .dropdown-menu:not(.m-in-black-body) a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio[disabled]:not(:checked) ~ .b-input-radio__label .b-input-ripple { display: none; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio[disabled]:checked ~ .b-input-radio__label .b-input-ripple::before { display: none; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):not(:checked) ~ .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio:not([disabled]):checked ~ .b-input-radio__label { border-color: rgb(0, 145, 234); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-radio__label, .b-slide-panel a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown-toggle[m-hover-state]) .b-input-ripple::before, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(.dropdown.m-btn-vertical-dots:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]) ~ .b-input-radio__label { --outline-color: #0091ea; outline: 2px solid var(--outline-color); outline-offset: var(--outline-offset,6px); } .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="checkbox"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .m-in-black-body .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled):has(input[type="radio"]:focus-visible) .b-input-radio:not([disabled]) ~ .b-input-radio__label, .m-in-black-body a.m-radio-dropdown-item:focus-visible .b-input-radio__container[data-v-7ce4998c]:not(.m-disabled) .b-input-radio:not([disabled]) ~ .b-input-radio__label { --outline-color: #fefefe; } .m-with-rectangle-hover:focus-visible .b-input-radio__container:not(.m-disabled).m-pseudo-radio .b-input-radio__label[data-v-7ce4998c], .m-with-rectangle-hover:hover .b-input-radio__container:not(.m-disabled).m-pseudo-radio .b-input-radio__label[data-v-7ce4998c] { border-color: rgb(0, 145, 234); } .m-with-rectangle-hover:focus-visible .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-7ce4998c] .b-input-ripple::before, .m-with-rectangle-hover:hover .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-7ce4998c] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .b-input-radio__container:not(.m-disabled).m-pseudo-radio[data-v-7ce4998c] [data-icon-name="icon-done"] { display: none; z-index: 1; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .m-right-answer .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-7ce4998c] { color: rgb(254, 254, 254); } .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-7ce4998c] [data-icon-name="icon-done"] { display: block; } .m-right-answer .b-input-radio__container:not(.m-disabled).m-pseudo-radio.m-active[data-v-7ce4998c] .b-input-radio ~ .b-input-radio__label { background: rgba(53, 208, 99, 0.75); border-color: transparent; } [data-v-7ce4998c] .b-input-radio__text { padding-left: 32px; margin-bottom: 0px; text-align: left; position: relative; z-index: 1; color: inherit; flex: 1 1 0%; line-height: 24px; } [data-v-7ce4998c] .b-input-radio__text.m-without-text { display: none; } [data-v-7ce4998c] .b-input-radio__text.m-with-help-tip { display: flex; align-content: center; align-items: center; } .m-sm-size-radio[data-v-7ce4998c] .b-input-radio__text { padding-left: 24px; font-size: 12px; line-height: 16px; } .m-pseudo-radio[data-v-7ce4998c] .b-input-radio__text:empty { display: none; } [data-v-7ce4998c] .b-input-radio__text ~ .g-input__error { padding-left: 32px; margin-bottom: 0px; font-size: 12px; line-height: 16px; } .dropdown-menu .b-input-radio__text[data-v-7ce4998c] { display: block; padding: 12px 16px 12px 48px; margin: -14px 0px -15px -16px; width: calc(100% + 32px); max-width: calc(100% + 32px); } .dropdown-menu.m-lang-switcher .b-input-radio__text[data-v-7ce4998c] { padding-top: 8px; padding-bottom: 8px; margin-top: 0px; margin-bottom: 0px; } [data-v-7ce4998c] .b-input-radio__label { width: 20px; height: 20px; min-width: 20px; border-radius: 1000px; border: 2px solid rgba(138, 150, 163, 0.4); transition: background-color 0.3s, border 0.3s; position: absolute; left: 0px; top: 1px; pointer-events: none; } .m-stream-body .dropdown-menu:not(.m-in-black-body) .b-input-radio__container[data-v-7ce4998c] .b-input-radio:not(:checked) ~ .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-inline-checkbox[data-v-7ce4998c] .b-input-radio__label, .m-pseudo-checkbox[data-v-7ce4998c] .b-input-radio__label, .m-pseudo-radio[data-v-7ce4998c] .b-input-radio__label { position: relative; left: auto; top: auto; } .m-border-dark[data-v-7ce4998c] .b-input-radio__label, .m-pseudo-checkbox[data-v-7ce4998c] .b-input-radio__label, .m-pseudo-radio[data-v-7ce4998c] .b-input-radio__label { border-color: rgb(138, 150, 163); } .m-in-black-body .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label, .m-in-black-body .g-radio-container[data-v-7ce4998c] .b-input-radio__label, .m-stream-body .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label, .m-stream-body .g-radio-container[data-v-7ce4998c] .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } [data-v-7ce4998c] .b-input-radio__label .g-icon { display: none; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: rgb(254, 254, 254); width: 18px; height: 18px; flex: 0 0 18px; z-index: 1; } .m-sm-size-radio .b-input-radio__label[data-v-7ce4998c] { width: 16px; height: 16px; min-width: 16px; top: 3px; } .dropdown-menu .b-input-radio__label[data-v-7ce4998c] { top: 14px; } .dropdown-menu.m-lang-switcher .b-input-radio__label[data-v-7ce4998c] { top: 10px; } .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-ripple::before, .m-stream-body .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio__label, .m-stream-body .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label, .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state][data-v-7ce4998c] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label, .g-radio-container[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[m-hover-state][data-v-7ce4998c]:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[m-hover-state][data-v-7ce4998c]:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[m-hover-state][data-v-7ce4998c]:has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } @media (any-hover: hover) and (pointer: fine) { .g-radio-container[data-v-7ce4998c]:hover .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[data-v-7ce4998c]:hover .b-input-ripple::before, .m-stream-body .g-radio-container[data-v-7ce4998c]:hover .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[data-v-7ce4998c]:hover .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[data-v-7ce4998c]:hover .b-input-radio__label, .m-stream-body .g-radio-container[data-v-7ce4998c]:hover .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[data-v-7ce4998c]:hover .b-input-radio:checked + .b-input-radio__label, .g-radio-container[data-v-7ce4998c]:hover .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[data-v-7ce4998c]:hover .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container:hover .b-input-radio__container[data-v-7ce4998c] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container:hover .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container:hover .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label, .g-radio-container:hover .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container:hover .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[data-v-7ce4998c]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[data-v-7ce4998c]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[data-v-7ce4998c]:hover:has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .m-in-black-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-ripple::before, .m-stream-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-ripple::before { background-color: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio__label { border-color: rgb(0, 145, 234); } .m-in-black-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio__label, .m-stream-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio__label { border-color: rgb(254, 254, 254); } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio:checked + .b-input-radio__label, .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-7ce4998c] .b-input-ripple::before { opacity: 1; transform: scale(1); background-color: rgba(0, 175, 240, 0.06); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-7ce4998c] .b-input-radio__label { border-color: rgb(0, 145, 234); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked + .b-input-radio__label, .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-7ce4998c] .b-input-radio:checked ~ .b-input-radio__label { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } .g-radio-container:has(.b-input-radio:focus-visible) .b-input-radio__container[data-v-7ce4998c] .b-input-radio[type="checkbox"]:indeterminate ~ .b-input-radio__label { border-color: rgba(0, 175, 240, 0.6); } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(138, 150, 163, 0.4); } .m-stream-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-radio__label { border-color: rgba(255, 255, 255, 0.75); } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible):has(.g-btn.m-datepicker-btn:hover) .b-input-ripple::before { transform: scale(0); opacity: 0; } .m-stream-body .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) { --outline-color: #fefefe; } .g-radio-container[data-v-7ce4998c]:has(.b-input-radio:focus-visible) .b-input-radio__label { outline: 2px solid var(--outline-color,#0091ea); outline-offset: 6px; } .g-radio-container.m-active[m-hover-state][data-v-7ce4998c] .b-input-ripple::before { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-radio-container.m-active[data-v-7ce4998c]:hover .b-input-ripple::before { background-color: rgb(0, 145, 234); } } .g-radio-container.m-active[m-hover-state] .b-input-radio__container[data-v-7ce4998c] .b-input-ripple::before { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .g-radio-container.m-active:hover .b-input-radio__container[data-v-7ce4998c] .b-input-ripple::before { background-color: rgb(0, 145, 234); } } .g-pointer-cursor.m-checkbox-control[m-hover-state] .checkbox-item:not(.m-disabled) .b-input-ripple[data-v-7ce4998c]::before { opacity: 1; transform: scale(1); } .g-pointer-cursor.m-checkbox-control[m-hover-state] .checkbox-item:not(.m-disabled) .checkbox-item__inside[data-v-7ce4998c]::after { border-color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .g-pointer-cursor.m-checkbox-control:hover .checkbox-item:not(.m-disabled) .b-input-ripple[data-v-7ce4998c]::before { opacity: 1; transform: scale(1); } .g-pointer-cursor.m-checkbox-control:hover .checkbox-item:not(.m-disabled) .checkbox-item__inside[data-v-7ce4998c]::after { border-color: rgb(254, 254, 254); } } .g-pointer-cursor.m-checkbox-control.selected[m-hover-state] .checkbox-item__inside[data-v-7ce4998c]::after { border-color: rgb(0, 175, 240); } @media (any-hover: hover) and (pointer: fine) { .g-pointer-cursor.m-checkbox-control.selected:hover .checkbox-item__inside[data-v-7ce4998c]::after { border-color: rgb(0, 175, 240); } } .b-rows-lists[data-v-5aaaebb5]:empty + .infinite-loading-container { margin-top: auto; margin-bottom: auto; } .modal-body:not(.m-dropdown-menu-inside) .b-rows-lists[data-v-5aaaebb5] { height: 288px; flex: 1 1 0%; } .m-vault-modal-size .modal-body:not(.m-dropdown-menu-inside) .b-rows-lists[data-v-5aaaebb5] { height: auto; } .modal-body.m-dropdown-menu-inside .b-rows-lists[data-v-5aaaebb5] { height: 270px; } .b-search-autocomplete .b-rows-lists[data-v-5aaaebb5] { min-height: 48px; max-height: calc(var(--vh, 1vh)*100 - 65px); } @media (min-width: 1004px) { .b-search-autocomplete .b-rows-lists[data-v-5aaaebb5] { max-height: calc(var(--vh, 1vh)*100 - 140px); } } .b-search-autocomplete .b-rows-lists.m-keyboard-size[data-v-5aaaebb5] { max-height: calc(var(--vh, 1vh)*100 - 300px); } .modal-body .b-rows-lists.list-viewers-2[data-v-5aaaebb5] { height: 312px; } .m-in-stream .b-rows-lists.m-collections-list[data-v-5aaaebb5] { height: 377.6px; } .m-dropdown-menu-inside .b-rows-lists[data-v-5aaaebb5] { padding-top: 3px; padding-bottom: 3px; } .m-visible-fly-selected .b-rows-lists[data-v-5aaaebb5] { padding-bottom: 64px; } .b-rows-lists[data-v-5aaaebb5]:not(:empty) + .infinite-loading-container .b-posts_preloader { position: relative; } .b-rows-lists[data-v-5aaaebb5]:not(:empty) + .infinite-loading-container .b-posts_preloader::before { position: absolute; content: ""; left: 0px; right: 0px; top: 0px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-rows-lists[data-v-5aaaebb5] .vue-recycle-scroller__item-wrapper:empty + .vue-recycle-scroller__slot div:first-child:not([class]) + .b-rows-lists__item::before, .b-rows-lists[data-v-5aaaebb5]:not(:empty) + .infinite-loading-container.m-no-results .b-posts_preloader::before { content: none; } [data-v-5aaaebb5] .b-rows-lists__item { color: inherit; display: flex; align-content: center; align-items: center; padding: 0px 14px 0px 16px; height: 72px; position: relative; z-index: 0; transition: max-width 0.1s; max-width: 100%; } .chat-users-section .b-rows-lists__item[data-v-5aaaebb5] { padding-right: 18px; } [data-v-5aaaebb5] .b-rows-lists__item .b-rows-lists__item__text.m-complex-structure { grid-template-rows: 37px 35px; } [data-v-5aaaebb5] .b-rows-lists__item::before { position: absolute; content: ""; left: 0px; right: 0px; top: 0px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } [data-v-5aaaebb5] .b-rows-lists__item.m-with-rectangle-hover[m-hover-state] .b-rows-lists__item__icon.m-search-icon { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-5aaaebb5] .b-rows-lists__item.m-with-rectangle-hover:hover .b-rows-lists__item__icon.m-search-icon { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { [data-v-5aaaebb5] .b-rows-lists__item.m-with-rectangle-hover:focus-visible .b-rows-lists__item__icon.m-search-icon { color: rgb(0, 145, 234); } .b-rows-lists__item.m-with-rectangle-hover[data-v-5aaaebb5]:focus-visible::after { outline-offset: 0px; } } [data-v-5aaaebb5] .b-rows-lists__item.m-without-separate-line::before { content: none; } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable[m-hover-state] .m-with-rectangle-hover::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { [data-v-5aaaebb5] .b-rows-lists__item.m-draggable:hover .m-with-rectangle-hover::after { opacity: 1; } } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable .b-rows-lists__item__text[class*="m-"] { padding-right: 52px; } .m-socials-list[data-v-5aaaebb5] .b-rows-lists__item.m-draggable .b-rows-lists__item__text[class*="m-"] { padding-left: 85px; padding-right: 94px; } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable:has(+ [draggable="true"][style*="transform"])::after { position: absolute; content: ""; bottom: 0px; right: 0px; left: 16px; border-top: 1px solid rgba(138, 150, 163, 0.25); } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable.sortable-chosen.sortable-drag::before, [data-v-5aaaebb5] .b-rows-lists__item.m-draggable[draggable="true"][style*="transform"]::before { content: none; } .b-rows-lists__item.b-input-radio__container[data-v-5aaaebb5] { display: flex; } [data-v-5aaaebb5] .b-rows-lists__item .b-rows-lists__item__text.m-complex-structure { padding-top: inherit; padding-bottom: inherit; padding-left: inherit; padding-right: 16px; height: inherit; margin: 0px -14px 0px -16px; max-width: none; align-items: center; } .m-socials-list[data-v-5aaaebb5] .b-rows-lists__item .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__subline { padding-top: 4px; line-height: 18px; } @media (any-hover: hover) and (pointer: fine) { [data-v-5aaaebb5] .b-rows-lists__item .b-rows-lists__item__text.m-complex-structure:focus-visible::after { outline-offset: 0px; } [data-v-5aaaebb5] .b-rows-lists__item .b-rows-lists__item__text.m-complex-structure:focus-visible.m-current::after { outline: none; } } .b-rows-lists__item.g-radio-container.m-active[data-v-5aaaebb5] { cursor: default; } [data-v-5aaaebb5] .b-rows-lists__item.g-radio-container.m-active .b-input-radio[disabled]:checked ~ .b-input-radio__label { opacity: 1; } .b-rows-lists__item.m-control-right.m-roung-img-left[data-v-5aaaebb5] { padding-left: 80px; padding-right: 50px; } .b-rows-lists__item.m-control-right.m-roung-img-left[data-v-5aaaebb5]::before { left: 80px; } [data-v-5aaaebb5] .b-rows-lists__item.m-control-right.m-roung-img-left .b-posts_preloader { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-control-right.m-roung-img-left .b-input-radio__label { left: auto; right: 16px; } [data-v-5aaaebb5] .b-rows-lists__item.m-control-right.m-roung-img-left .b-rows-lists__item__icon { left: 16px; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5] { padding-left: 52px; cursor: pointer; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure { padding-left: 0px; margin-left: 0px; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure:not(:last-child) { margin-right: 0px; padding-right: 0px; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure.m-photo-inside { position: relative; padding-left: 48px; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5] ~ .infinite-loading-container .b-posts_preloader::before { left: 52px; } .b-rows-lists__item.m-checkbox-row.m-gap-radio-lg[data-v-5aaaebb5] { padding-left: 58px; } .b-rows-lists__item.m-checkbox-row.m-gap-radio-lg[data-v-5aaaebb5]::before, .b-rows-lists__item.m-checkbox-row.m-gap-radio-lg[data-v-5aaaebb5] ~ .infinite-loading-container .b-posts_preloader::before { left: 58px; } [data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-preloader .b-input-radio__label { opacity: 0; visibility: hidden; } .b-rows-lists__item.m-checkbox-row[data-v-5aaaebb5]::before { left: 52px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row .b-input-radio__label { left: 18px; top: 50%; transform: translateY(-50%); } .chat-users-section .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row .b-input-radio__label { left: 16px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row .b-input-radio__label + a.b-rows-lists__item__text { pointer-events: none; } [data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row > .g-btn.m-icon-only { margin-right: 2px; margin-left: 16px; } [data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row .g-btn.m-datepicker-btn.m-negative-gap { margin-right: -4px; } .b-rows-lists__item.m-checkbox-row.m-avatar-inside[data-v-5aaaebb5] { transform: translateZ(0px); } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside { padding-left: 52px; } .chat-users-section .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside { padding-left: 55px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside > .b-rows-lists__item__icon { left: 52px; } .chat-users-section .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside > .b-rows-lists__item__icon { left: 54px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside > .b-rows-lists__item__icon.m-size-lg + .b-rows-lists__item__text { padding-left: 60px; } .m-availability-block .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside { padding-left: 56px; } .m-availability-block .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside > .b-rows-lists__item__icon { left: 56px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside .b-rows-lists__item__text { padding-left: 48px; } .m-availability-block .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside .b-rows-lists__item__text { padding-left: 50px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside::after, .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-checkbox-row.m-avatar-inside::before { left: 52px !important; } label.b-rows-lists__item.m-disabled[data-v-5aaaebb5] { cursor: default; } .b-rows-lists__item.m-disabled[data-v-5aaaebb5] .b-input-radio__label, .b-rows-lists__item.m-disabled[data-v-5aaaebb5] > [class*="b-rows-lists__item__"] { pointer-events: none; opacity: 0.4; } [data-v-5aaaebb5] .b-rows-lists__item.m-current::after { opacity: 1; inset: 0px; border-radius: 0px; } [data-v-5aaaebb5] .b-rows-lists__item.m-selected::after { opacity: 1; } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable-row { height: auto; padding-top: 10px; padding-bottom: 11px; } [data-v-5aaaebb5] .b-rows-lists__item.m-draggable-row::before { left: 16px; } [data-v-5aaaebb5] .b-rows-lists__item.m-sms-height { height: 48px; } [data-v-5aaaebb5] .b-rows-lists__item.m-sm-height { height: 64px; } [data-v-5aaaebb5] .b-rows-lists__item.m-sm-height .b-rows-lists__item__text.m-complex-structure { grid-template-rows: 33px 31px; } [data-v-5aaaebb5] .b-rows-lists__item:first-child:not(.m-first-child-border)::before { content: none; } [data-v-5aaaebb5] .b-rows-lists__item__draggable:not(:first-child) .b-rows-lists__item:first-child:not(.m-first-child-border)::before, [data-v-5aaaebb5] .vue-recycle-scroller__item-view:not(:first-child) .b-rows-lists__item:first-child:not(.m-first-child-border)::before { content: ""; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside { padding-left: 68px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside:not(.m-checkbox-row):has(.b-rows-lists__item__icon.m-size-lg) { padding-left: 80px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside:not(.m-checkbox-row):has(.b-rows-lists__item__icon.m-size-lg)::before { left: 80px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside:not(.m-checkbox-row):has(.b-rows-lists__item__icon.m-size-lg).m-line-full-width::before { left: 0px; } .b-search-autocomplete .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside { padding-left: 64px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside::before { left: 68px; } .b-search-autocomplete .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside::before { left: 64px; } .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside > .b-rows-lists__item__icon { left: 16px; } .chat-users-section .b-rows-lists[data-v-5aaaebb5] .b-rows-lists__item.m-avatar-inside > .b-rows-lists__item__icon { left: 15px; } label.b-rows-lists__item[data-v-5aaaebb5] { margin-bottom: 0px; } [data-v-5aaaebb5] button.b-rows-lists__item { width: 100%; } [data-v-5aaaebb5] .b-rows-lists__item.m-md-height { height: 84px; } .m-socials-list[data-v-5aaaebb5] .b-rows-lists__item.m-md-height { height: 80px; } .m-socials-list[data-v-5aaaebb5] .b-rows-lists__item.m-md-height .b-rows-lists__item__text.m-complex-structure { grid-template-rows: 29px 51px; } [data-v-5aaaebb5] .b-rows-lists__item ~ .infinite-loading-container .b-posts_preloader { position: relative; padding-top: 12px; padding-bottom: 12px; } [data-v-5aaaebb5] .b-rows-lists__item ~ .infinite-loading-container .b-posts_preloader::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-rows-lists__item[data-v-5aaaebb5] .b-dropdown:last-child { margin-right: -5px; margin-left: 6px; } .b-rows-lists__item.b-input-radio__wrapper[data-v-5aaaebb5] { margin-left: 16px; } .b-rows-lists__item.b-input-radio__wrapper .b-input-radio__text[data-v-5aaaebb5] { display: block; } .b-rows-lists__item.b-input-radio__wrapper .b-input-radio__label[data-v-5aaaebb5] { top: 50%; transform: translateY(-50%); } [data-v-5aaaebb5] .b-rows-lists__item.m-disabled::after { display: none; } .b-rows-lists__item.m-release-item[data-v-5aaaebb5]:last-child { margin-bottom: 64px; } .m-visible-fly-selected .b-rows-lists__item.m-release-item[data-v-5aaaebb5]:last-child { margin-bottom: 0px; } .b-rows-lists__item.m-release-item[data-v-5aaaebb5]:last-child::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; border-top: 1px solid rgba(138, 150, 163, 0.25); } [data-v-5aaaebb5] .b-rows-lists__item__subline .b-username:has(.m-verified) { line-height: 1em; } [data-v-5aaaebb5] .b-rows-lists__item__subline .b-username-row [class*="g-user-"].m-verified { display: inline-block; vertical-align: top; max-width: 100%; } [data-v-5aaaebb5] .b-rows-lists__item__draggable .g-btn.m-btn-remove { position: absolute; right: 66px; top: 50%; transform: translateY(-50%); } [data-v-5aaaebb5] .b-rows-lists__item__text { flex: 1 1 0%; max-width: 100%; min-width: 0px; } @media (any-hover: hover) and (pointer: fine) { [data-v-5aaaebb5] .b-rows-lists__item__text:focus-visible .m-text-avatar { text-decoration: none; } } [data-v-5aaaebb5] a.b-rows-lists__item__text { color: inherit; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure { display: grid; grid-template: "name name media" "subline subline media" / 1fr 1fr auto; align-items: center; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__name { grid-area: name; align-self: flex-end; line-height: 20px; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__name:only-child { align-self: center; grid-area: span 2 / span 2; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__name:has(+ .b-rows-lists__item__subline .b-content-inside-thumbs:empty) { grid-area: span 2 / span 2; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__subline { grid-area: subline; align-self: flex-start; padding-top: 2px; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__subline:has(.b-content-inside-thumbs:empty) { display: none; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-rows-lists__item__subline .b-content-inside-thumbs:empty { display: none; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure:has(.b-rows-lists__item__name + .m-datepicker-btn:last-child) { grid-template-rows: 1fr; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure:has(.b-rows-lists__item__name + .m-datepicker-btn:last-child) .b-rows-lists__item__name { align-self: center; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure .b-media-set { grid-area: media; align-items: center; place-content: center flex-end; margin-right: -2px; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-complex-structure.m-current::after { opacity: 1; inset: 0px; border-radius: 0px; } [data-v-5aaaebb5] .b-rows-lists__item__text.m-with-remove-btn { padding-right: 24px; } [data-v-5aaaebb5] .b-rows-lists__item__name { font-size: 16px; line-height: 24px; font-weight: 500; padding: 0px 0px 4px; } [data-v-5aaaebb5] .b-rows-lists__item__name.b-username-row { padding: 0px; } div[data-v-5aaaebb5] .m-draggable-row .b-rows-lists__item__name { text-transform: capitalize; } [data-v-5aaaebb5] .b-rows-lists__item__drag-icon { position: absolute; right: 0px; top: 0px; bottom: 0px; opacity: 0.5; z-index: 1; } [data-v-5aaaebb5] .b-rows-lists__item__drag-icon.g-btn { height: auto; margin-right: 4px; } [data-v-5aaaebb5] .b-rows-lists__item__drag-icon.g-btn[class*="-size"] { height: auto; } div[data-v-5aaaebb5] .m-draggable-row .b-rows-lists__item__drag-icon { margin-right: 0px; opacity: 1; right: 10px; } [data-v-5aaaebb5] .b-rows-lists__item__icon { width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); } [data-v-5aaaebb5] .b-rows-lists__item__icon:has(.g-icon) { background-color: rgba(138, 150, 163, 0.12); border-radius: 1000px; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-size-lg { width: 50px; height: 50px; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-search-icon { color: rgb(138, 150, 163); background-color: transparent; left: 10px; pointer-events: none; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-search-icon + .b-rows-lists__item__text { padding-left: 36px; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-search-icon + .b-rows-lists__item__text .b-rows-lists__item__name { font-weight: 400; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-round-img { border-radius: 1000px; overflow: hidden; } [data-v-5aaaebb5] .b-rows-lists__item__icon.m-round-img img { width: 100%; height: 100%; display: block; } .b-rows-lists__item__img[data-v-5aaaebb5] { width: 36px; height: 36px; border-radius: 2px; box-shadow: rgba(138, 150, 163, 0.12) 0px 0px 0px 1px inset; margin-right: 12px; } .b-rows-lists__item__img img[data-v-5aaaebb5] { width: 100%; height: 100%; object-fit: cover; display: block; } [data-v-5aaaebb5] .b-highlight-cover-preview { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 4px; overflow: hidden; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .b-volume-btn[data-v-25d53344] { position: relative; } .b-audioplayer.m-dropzone-audio .b-volume-btn[data-v-25d53344] { display: none; } .b-volume-btn.m-volume-control.m-single-control:hover .b-volume-btn__wrapper[data-v-25d53344] { height: 100%; justify-content: flex-end; } .b-volume-btn.m-volume-control.m-single-control:hover .b-volume-btn__wrapper.m-with-range[data-v-25d53344] { height: 144px; margin-top: -144px; align-self: flex-end; } .b-volume-btn.m-volume-control.m-single-control:hover .b-volume-btn__wrapper[data-v-25d53344]::after { content: ""; border-radius: 18px; background-color: rgba(0, 0, 0, 0.25); inset: -2px; position: absolute; z-index: 0; pointer-events: none; } .b-volume-btn.m-volume-control.m-single-control:hover .b-volume-btn__range-control[type="range"][data-v-25d53344] { display: block; } .b-volume-btn.m-volume-control.m-single-control:hover .b-volume-btn__sound.m-with-round-hover[data-v-25d53344]::after { opacity: 0.12; } .b-volume-btn.dropdown[data-v-25d53344] .b-dropdown__icon { transition: box-shadow 0.3s, background-color 0.3s, border 0.3s; } .b-volume-btn[data-v-25d53344] .g-icon { vertical-align: top; } .b-volume-btn__wrapper[data-v-25d53344] { position: relative; } [data-v-25d53344] .b-volume-btn__el.m-colored { background-color: rgba(0, 0, 0, 0.5); background-image: linear-gradient(0deg, rgba(138, 150, 163, 0.25), rgba(138, 150, 163, 0.25)); background-blend-mode: difference; z-index: 1; } [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled])::after { content: ""; border-radius: inherit; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.12); z-index: 0; transform: none; opacity: 0; transition: opacity; } @media (hover: none) { [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled]):hover { color: rgb(254, 254, 254); } } [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled])[m-hover-state] { color: rgb(254, 254, 254); } [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled])[m-hover-state]::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled]):hover { color: rgb(254, 254, 254); } [data-v-25d53344] .b-volume-btn__el.m-colored:not([disabled]):hover::after { opacity: 1; } } [data-v-25d53344] .b-volume-btn__sound { position: relative; z-index: 1; margin-top: auto; } .b-volume-btn__range-control[type="range"][data-v-25d53344] { margin: 0px auto; display: none; width: 72px; font: inherit; position: absolute; right: 28px; bottom: 50px; z-index: 1001; background-color: transparent; appearance: none; border-radius: 1000px; height: 4px; transform: rotate(-90deg) translate(100%); transform-origin: right center 0px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]::-moz-range-thumb { margin-top: -5px; height: 20px; width: 20px; border-radius: 1000px; background: rgb(0, 175, 240); cursor: pointer; border: 0px solid rgb(0, 0, 0); } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]::-moz-range-thumb { background: rgb(254, 254, 254); } .b-volume-btn__range-control[type="range"][data-v-25d53344]::-webkit-slider-thumb { appearance: none; margin-top: 0px; transition: background-color 0.3s, box-shadow 0.3s; height: 20px; width: 20px; border-radius: 1000px; background: rgb(0, 175, 240); cursor: pointer; border: 0px solid rgb(0, 0, 0); } .b-volume-btn__range-control[type="range"][data-v-25d53344]::-webkit-slider-runnable-track { width: 76px; height: 20px; border-radius: 2px; cursor: pointer; background: linear-gradient(0deg, rgba(138, 150, 163, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(138, 150, 163, 0.25) 0px, rgba(138, 150, 163, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]::-webkit-slider-runnable-track { background: 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]::-moz-range-track { width: 76px; height: 20px; border-radius: 2px; cursor: pointer; background: linear-gradient(0deg, rgba(138, 150, 163, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(138, 150, 163, 0.25) 0px, rgba(138, 150, 163, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; margin: 15px 0px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]::-moz-range-track { background: 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]::-webkit-slider-thumb { background: rgb(0, 145, 234); } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]::-webkit-slider-thumb { background: rgb(254, 254, 254); } .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-runnable-track { background: linear-gradient(0deg, rgba(0, 175, 240, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(0, 175, 240, 0.25) 0px, rgba(0, 175, 240, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-runnable-track { background: 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-moz-range-track { background: linear-gradient(0deg, rgba(0, 175, 240, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(0, 175, 240, 0.25) 0px, rgba(0, 175, 240, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-moz-range-track { background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.25) 0px, rgba(255, 255, 255, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-thumb { box-shadow: rgba(0, 145, 234, 0.06) 0px 0px 0px 8px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-thumb, .m-mode-dark .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-thumb { box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .m-mode-dark .b-volume-btn__range-control[type="range"][data-v-25d53344]:hover::-webkit-slider-thumb { box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 8px; } @media (any-hover: hover) and (pointer: fine) { .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-runnable-track { background: linear-gradient(0deg, rgba(0, 175, 240, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(0, 175, 240, 0.25) 0px, rgba(0, 175, 240, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-runnable-track { background: 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-moz-range-track { background: linear-gradient(0deg, rgba(0, 175, 240, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(0, 175, 240, 0.25) 0px, rgba(0, 175, 240, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-moz-range-track { background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 16.67%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.25) 0px, rgba(255, 255, 255, 0.25) 66.67%, transparent 0px, transparent) 0% 0% / 24px 24px; } .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-thumb { box-shadow: rgba(0, 145, 234, 0.06) 0px 0px 0px 8px; } .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-thumb, .m-mode-dark .m-black-body .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-thumb { box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } .m-mode-dark .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-thumb { box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 8px; } } @media (any-hover: hover) and (pointer: fine) { .b-volume-btn__range-control[type="range"][data-v-25d53344]:focus-visible::-webkit-slider-thumb { outline: rgb(0, 145, 234) solid 2px; outline-offset: 6px; } } .l-streaming-container .b-volume-btn__range-control[type="range"][data-v-25d53344] { right: 18px; } .m-btn-round .b-volume-btn__range-control[type="range"][data-v-25d53344] { right: 25px; bottom: 50px; } .b-audioplayer .b-volume-btn:not(.m-visible-volume-control) .b-volume-btn__range-control[type="range"][data-v-25d53344] { width: 0px; } .b-volume-btn__range-control[type="range"].m-horizontal[data-v-25d53344] { position: relative; right: auto; bottom: auto; display: block; transform: rotate(0deg); align-self: center; width: 128px; margin-right: 20px; } .b-audioplayer .b-volume-btn__range-control[type="range"].m-horizontal[data-v-25d53344] { position: absolute; bottom: 16px; left: 40px; width: 100px; transition: width 0.3s, opacity 0.2s; margin-bottom: 0px; } .b-audioplayer .b-volume-btn__range-control[type="range"].m-horizontal[style*="background-image"][data-v-25d53344]::-webkit-slider-runnable-track { background: none; } .b-audioplayer .b-volume-btn__range-control[type="range"].g-compact[data-v-25d53344] { opacity: 0; pointer-events: none; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-style: normal; font-weight: 400; } :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .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 0px; box-sizing: border-box; border-top-width: ; border-top-style: ; border-right-width: ; border-right-style: ; border-right-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; border-left-width: ; border-left-style: ; border-left-color: ; border-image-outset: ; border-image-repeat: ; border-image-slice: ; border-image-source: ; border-image-width: ; border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear infinite swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .post_gif[data-v-581e3202] { position: relative; max-width: 100%; height: 100%; } .post_img_big .post_gif[data-v-581e3202] { overflow: hidden; max-height: inherit; min-height: inherit; display: flex; flex-direction: row; place-content: center; align-items: center; } .m-enable-blur-support .post_img_big .post_gif[data-v-581e3202] { z-index: 0; } .post_gif_media[data-v-581e3202] { z-index: 1; width: 100%; } .post_media .post_img_big .post_gif_media[data-v-581e3202] { object-fit: contain; max-height: calc(var(--vh, 1vh)*100 - 120px); max-width: 100%; position: relative; } .b-chat__message__media .post_media .post_img_big .post_gif_media[data-v-581e3202] { max-height: 100%; } .b-post .post_media.m-has-addressbar .post_img_big .post_gif_media[data-v-581e3202] { max-height: inherit; } .post_media .b-slideshow .post_img_big .post_gif_media[data-v-581e3202], .post_media.m-has-addressbar .b-slideshow .post_img_big .post_gif_media[data-v-581e3202] { max-height: 100%; } .post_gif .video-js[data-v-581e3202] { position: absolute; right: 0px; bottom: 0px; display: flex; flex-direction: row; place-content: flex-end; align-items: flex-end; height: auto; min-height: auto; padding-right: 6px; background-color: transparent; z-index: 1; } .post_gif .video-js[data-v-581e3202]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 56px; background: linear-gradient(rgba(138, 150, 163, 0), rgb(0, 0, 0)); opacity: 0.5; pointer-events: none; z-index: 0; } .post_gif .video-js.vjs-fullscreen[data-v-581e3202]:not(.vjs-ios-native-fs) { display: flex !important; } .post_gif .video-js.vjs-fullscreen .vjs-control.vjs-fullscreen-control[data-v-581e3202]::before { content: "\ue600"; } .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202] { border-radius: 1000px; width: 36px; height: 36px; font-size: 24px; display: block; margin-left: auto; } .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202]::before { content: "\ue601"; font-family: onlyfans; font-size: 24px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; } .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202]::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 36px; background-color: rgba(255, 255, 255, 0.12); border-radius: 1000px; opacity: 0; transition: opacity 0.3s; } .post_gif .video-js .vjs-control.vjs-fullscreen-control[m-hover-state][data-v-581e3202]::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202]:hover::after { opacity: 1; } } @media (any-hover: hover) and (pointer: fine) { .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202]:focus-visible { outline: rgb(254, 254, 254) solid 2px; text-decoration: none; z-index: 1; outline-offset: -5px; } .post_gif .video-js .vjs-control.vjs-fullscreen-control[data-v-581e3202]:focus-visible::after { opacity: 1; } } .post_gif .video-js .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder[data-v-581e3202] { display: none; } .post_img_big[data-v-581e3202] { width: 100%; max-width: 100%; height: 100%; position: relative; } .post_img_big.m-fullscreen .post_gif_preview[data-v-581e3202] { object-fit: cover; object-position: center center; } .placeholder-preview, .video-js-placeholder-wrapper { z-index: 0; user-select: none; } .placeholder-preview::after, .video-js-placeholder-wrapper::after { position: absolute; inset: 0px; z-index: 1; content: ""; } .b-not-allowed-drm-description { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; font-size: 14px; line-height: 20px; font-family: Roboto, sans-serif; z-index: 1; width: 100%; padding-left: 16px; padding-right: 16px; text-align: center; } .pswp .b-not-allowed-drm-description { max-height: calc(var(--vh, 1vh)*100 - 99px); padding-top: 15px; padding-bottom: 15px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.4); pointer-events: none; user-select: none; z-index: 10; max-width: calc(100% - 20px); } .pswp .b-not-allowed-drm-description ~ video.vjs-tech { opacity: 0; } .pswp .b-not-allowed-drm-description ~ button.vjs-big-play-button { opacity: 0; visibility: hidden; } .b-slideshow .b-not-allowed-drm-description { padding-left: 48px; padding-right: 48px; } .vjs-svg-icon { display: inline-block; background-repeat: no-repeat; background-position: 50% center; fill: currentcolor; height: 1.8em; width: 1.8em; } .vjs-svg-icon::before { content: none !important; } .vjs-control:focus .vjs-svg-icon, .vjs-svg-icon:hover { filter: drop-shadow(rgb(255, 255, 255) 0px 0px 0.25em); } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder::before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .vjs-button > .vjs-icon-placeholder::before { text-align: center; } @font-face { font-family: VideoJS; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==") format("woff"); font-style: normal; font-weight: 400; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-play-control .vjs-icon-placeholder::before, .vjs-icon-play::before { content: "\uf101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-play-circle::before { content: "\uf102"; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder::before, .vjs-icon-pause::before { content: "\uf103"; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder::before, .vjs-icon-volume-mute::before { content: "\uf104"; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder::before, .vjs-icon-volume-low::before { content: "\uf105"; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder::before, .vjs-icon-volume-mid::before { content: "\uf106"; } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control .vjs-icon-placeholder::before, .vjs-icon-volume-high::before { content: "\uf107"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before, .vjs-icon-fullscreen-enter::before { content: "\uf108"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder::before, .vjs-icon-fullscreen-exit::before { content: "\uf109"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-spinner::before { content: "\uf10a"; } .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, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal; } .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, .vjs-icon-subtitles::before { content: "\uf10b"; } .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, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal; } .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, .vjs-icon-captions::before { content: "\uf10c"; } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-hd::before { content: "\uf10d"; } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-chapters-button .vjs-icon-placeholder::before, .vjs-icon-chapters::before { content: "\uf10e"; } .vjs-icon-downloading { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-downloading::before { content: "\uf10f"; } .vjs-icon-file-download { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-file-download::before { content: "\uf110"; } .vjs-icon-file-download-done { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-file-download-done::before { content: "\uf111"; } .vjs-icon-file-download-off { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-file-download-off::before { content: "\uf112"; } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-share::before { content: "\uf113"; } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-cog::before { content: "\uf114"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-square::before { content: "\uf115"; } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-progress::before, .video-js .vjs-volume-level::before, .vjs-icon-circle::before, .vjs-seek-to-live-control .vjs-icon-placeholder::before { content: "\uf116"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-outline::before { content: "\uf117"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-inner-circle::before { content: "\uf118"; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder::before, .vjs-icon-cancel::before { content: "\uf119"; } .vjs-icon-repeat { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-repeat::before { content: "\uf11a"; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder::before, .vjs-icon-replay::before { content: "\uf11b"; } .video-js .vjs-skip-backward-5 .vjs-icon-placeholder, .vjs-icon-replay-5 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-backward-5 .vjs-icon-placeholder::before, .vjs-icon-replay-5::before { content: "\uf11c"; } .video-js .vjs-skip-backward-10 .vjs-icon-placeholder, .vjs-icon-replay-10 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-backward-10 .vjs-icon-placeholder::before, .vjs-icon-replay-10::before { content: "\uf11d"; } .video-js .vjs-skip-backward-30 .vjs-icon-placeholder, .vjs-icon-replay-30 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-backward-30 .vjs-icon-placeholder::before, .vjs-icon-replay-30::before { content: "\uf11e"; } .video-js .vjs-skip-forward-5 .vjs-icon-placeholder, .vjs-icon-forward-5 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-forward-5 .vjs-icon-placeholder::before, .vjs-icon-forward-5::before { content: "\uf11f"; } .video-js .vjs-skip-forward-10 .vjs-icon-placeholder, .vjs-icon-forward-10 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-forward-10 .vjs-icon-placeholder::before, .vjs-icon-forward-10::before { content: "\uf120"; } .video-js .vjs-skip-forward-30 .vjs-icon-placeholder, .vjs-icon-forward-30 { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-skip-forward-30 .vjs-icon-placeholder::before, .vjs-icon-forward-30::before { content: "\uf121"; } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-audio-button .vjs-icon-placeholder::before, .vjs-icon-audio::before { content: "\uf122"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-next-item::before { content: "\uf123"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-previous-item::before { content: "\uf124"; } .vjs-icon-shuffle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-shuffle::before { content: "\uf125"; } .vjs-icon-cast { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-cast::before { content: "\uf126"; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder::before, .vjs-icon-picture-in-picture-enter::before { content: "\uf127"; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder::before, .vjs-icon-picture-in-picture-exit::before { content: "\uf128"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-facebook::before { content: "\uf129"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-linkedin::before { content: "\uf12a"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-twitter::before { content: "\uf12b"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-tumblr::before { content: "\uf12c"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-pinterest::before { content: "\uf12d"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-descriptions-button .vjs-icon-placeholder::before, .vjs-icon-audio-description::before { content: "\uf12e"; } .video-js { display: inline-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: normal; } .video-js:fullscreen { position: absolute; } .video-js[tabindex="-1"] { outline: 0px; } .video-js *, .video-js ::after, .video-js ::before { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin: 0px; } .video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid { width: 100%; max-width: 100%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) { height: 0px; } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; } .video-js.vjs-4-3:not(.vjs-audio-only-mode) { padding-top: 75%; } .video-js.vjs-9-16:not(.vjs-audio-only-mode) { padding-top: 177.778%; } .video-js.vjs-1-1:not(.vjs-audio-only-mode) { padding-top: 100%; } .video-js .vjs-tech, .video-js.vjs-fill:not(.vjs-audio-only-mode) { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0px; left: 0px; } .video-js.vjs-audio-only-mode .vjs-tech { display: none; } body.vjs-full-window, body.vjs-pip-window { padding: 0px; margin: 0px; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js { position: fixed; overflow: hidden; z-index: 1000; inset: 0px; } .video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js { width: 100% !important; height: 100% !important; padding-top: 0px !important; display: block; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-pip-container .vjs-pip-text { position: absolute; bottom: 10%; font-size: 2em; background-color: rgba(0, 0, 0, 0.7); padding: 0.5em; text-align: center; width: 100%; } .vjs-layout-small.vjs-pip-container .vjs-pip-text, .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text { bottom: 0px; font-size: 1.4em; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0px; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1 !important; visibility: visible !important; } .vjs-no-js { padding: 20px; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: rgb(102, 168, 204); } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 50%; left: 50%; padding: 0px; margin-top: -0.81666em; margin-left: -1.5em; 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: 0.4s; } .vjs-big-play-button .vjs-svg-icon { width: 1em; height: 1em; position: absolute; top: 50%; left: 50%; line-height: 1; transform: translate(-50%, -50%); } .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; } .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; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button { display: block; } .video-js button { background: 0px 0px; border: medium; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; appearance: none; } .video-js.vjs-spatial-navigation-enabled .vjs-button:focus { outline: rgb(255, 255, 255) solid 0.0625em; box-shadow: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0px; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { display: flex; justify-content: center; list-style: none; margin: 0px; padding: 0.2em 0px; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: rgba(115, 133, 159, 0.5); } .js-focus-visible .vjs-menu li.vjs-selected:hover, .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); } .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon { fill: rgb(0, 0, 0); } .js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) { background: 0px 0px; } .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; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0px; width: 10em; left: -3em; height: 0px; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-pip-window .vjs-menu-button-popup .vjs-menu { left: unset; right: 1em; } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { transition: 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline::before { width: 2.22222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0px; padding: 0px; margin: 0px; transition: 0.4s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0px; overflow: hidden; } .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); } .video-js.vjs-spatial-navigation-enabled .vjs-control-bar { gap: 1px; } .video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing { display: flex !important; } .vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; pointer-events: auto; } .video-js .vjs-control { position: relative; text-align: center; margin: 0px; padding: 0px; height: 100%; width: 4em; flex: 0 0 auto; } .video-js .vjs-control.vjs-visible-text { width: auto; padding-left: 1em; padding-right: 1em; } .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height: 1.67; } .vjs-button > .vjs-icon-placeholder { display: block; } .vjs-button > .vjs-svg-icon { display: inline-block; } .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; } .video-js :not(.vjs-visible-text) > .vjs-control-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: 1 1 auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .video-js .vjs-progress-holder { flex: 1 1 auto; transition: 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0px 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder { font-size: 1.66667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .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; } .video-js .vjs-play-progress { background-color: rgb(255, 255, 255); } .video-js .vjs-play-progress::before { font-size: 0.9em; position: absolute; right: -0.5em; line-height: 0.35em; z-index: 1; } .vjs-svg-icons-enabled .vjs-play-progress::before { content: none !important; } .vjs-play-progress .vjs-svg-icon { position: absolute; top: -0.35em; right: -0.4em; width: 0.9em; height: 0.9em; pointer-events: none; line-height: 0.15em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .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; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .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; } .video-js .vjs-progress-control:hover .vjs-mouse-display, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display { display: block; } .video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-time-tooltip { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); } .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); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: rgb(255, 255, 255) 0px 0px 1em; box-shadow: rgb(255, 255, 255) 0px 0px 1em; } .video-js.vjs-spatial-navigation-enabled .vjs-slider:focus { outline: rgb(255, 255, 255) solid 0.0625em; } .video-js .vjs-mute-control { cursor: pointer; flex: 0 0 auto; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .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, opacity 0.1s, height 0.1s, width 0.1s, left, top; } .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; } .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; } .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; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); } .video-js .vjs-volume-level::before { position: absolute; font-size: 0.9em; z-index: 1; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level::before { top: -0.5em; left: -0.3em; z-index: 1; } .vjs-svg-icons-enabled .vjs-volume-level::before { content: none; } .vjs-volume-level .vjs-svg-icon { position: absolute; width: 0.9em; height: 0.9em; pointer-events: none; z-index: 1; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level::before { line-height: 0.35em; right: -0.5em; } .vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon { right: -0.3em; transform: translateY(-50%); } .vjs-slider-vertical .vjs-volume-level .vjs-svg-icon { top: -0.55em; transform: translateX(-50%); } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .video-js .vjs-volume-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; } .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip { display: block; font-size: 1em; visibility: visible; } .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip { left: 1em; top: -12px; } .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip { font-size: 1em; } .video-js .vjs-volume-control .vjs-mouse-display { display: none; position: absolute; width: 100%; height: 1px; background-color: rgb(0, 0, 0); z-index: 1; } .video-js .vjs-volume-horizontal .vjs-mouse-display { width: 1px; height: 100%; } .video-js .vjs-volume-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-mouse-display .vjs-volume-tooltip { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); } .vjs-poster { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0px; padding: 0px; position: absolute; inset: 0px; height: 100%; } .vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster { display: block; } .vjs-poster img { width: 100%; height: 100%; object-fit: contain; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: 1 1 auto; font-size: 1em; line-height: 3em; } .video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { align-items: center; cursor: pointer; 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; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: rgb(136, 136, 136); } .vjs-svg-icons-enabled .vjs-seek-to-live-control { line-height: 0; } .vjs-seek-to-live-control .vjs-svg-icon { width: 1em; height: 1em; pointer-events: none; fill: rgb(136, 136, 136); } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon { fill: red; } .video-js .vjs-time-control { flex: 0 0 auto; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control { display: flex; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: 0 0 auto; } .vjs-text-track-display { position: absolute; inset: 0px 0px 3em; pointer-events: none; } .vjs-error .vjs-text-track-display { display: none; } .video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: rgb(255, 255, 255); } .vjs-captions { color: rgb(255, 204, 102); } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js.vjs-force-center-align-cues .vjs-text-track-cue { text-align: center !important; width: 80% !important; } @supports not (inset:10px) { .video-js .vjs-text-track-display > div { inset: 0px; } } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: 0 0 auto; } .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control { display: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: 0 0 auto; } .video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control { display: none; } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0px; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.85; text-align: left; border: 0.6em solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 5em; height: 5em; border-radius: 50%; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: flex; justify-content: center; align-items: center; animation: 0s linear 0.3s forwards vjs-spinner-show; } .vjs-error .vjs-loading-spinner { display: none; } .vjs-loading-spinner::after, .vjs-loading-spinner::before { content: ""; position: absolute; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border-width: inherit; border-style: inherit; border-image: inherit; border-color: rgb(255, 255, 255) transparent transparent; } .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) infinite vjs-spinner-spin, 1.1s linear infinite vjs-spinner-fade; } .vjs-seeking .vjs-loading-spinner::before, .vjs-waiting .vjs-loading-spinner::before { border-top-color: rgb(255, 255, 255); } .vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after { border-top-color: rgb(255, 255, 255); animation-delay: 0.44s; } @keyframes vjs-spinner-show { 100% { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(1turn); } } @keyframes vjs-spinner-fade { 0% { border-top-color: rgb(115, 133, 159); } 20% { border-top-color: rgb(115, 133, 159); } 35% { border-top-color: rgb(255, 255, 255); } 60% { border-top-color: rgb(115, 133, 159); } 100% { border-top-color: rgb(115, 133, 159); } } .video-js.vjs-audio-only-mode .vjs-captions-button { display: none; } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js.vjs-audio-only-mode .vjs-descriptions-button { display: none; } .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon { width: 1.5em; height: 1.5em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder::before { font-family: VideoJS; content: "\uf10c"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-audio-only-mode .vjs-subs-caps-button { display: none; } .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder::before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder::before { font-family: VideoJS; content: " \uf12e"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control { display: none; } .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: auto; } .video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control { display: none; } .video-js.vjs-layout-x-small .vjs-custom-control-spacer { flex: 1 1 auto; display: block; } .vjs-modal-dialog.vjs-text-track-settings { background-color: rgba(43, 51, 63, 0.75); color: rgb(255, 255, 255); height: 70%; } .vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings { height: 80%; } .vjs-error .vjs-text-track-settings { display: none; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .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; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display:grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1 / -1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-text-track-settings select { font-size: inherit; } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 10px; border: medium; } .vjs-text-track-settings fieldset span { display: inline-block; padding: 0px 0.6em 0.8em; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: rgb(255, 255, 255); font-weight: 700; font-size: 1.2em; } .vjs-text-track-settings .vjs-label { margin: 0px 0.5em 0.5em 0px; } .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)); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .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)); color: rgb(43, 51, 63); cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } .vjs-title-bar { background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) 60%, transparent); font-size: 1.2em; line-height: 1.5; transition: opacity 0.1s; padding: 0.666em 1.333em 4em; pointer-events: none; position: absolute; top: 0px; width: 100%; } .vjs-error .vjs-title-bar { display: none; } .vjs-title-bar-description, .vjs-title-bar-title { margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vjs-title-bar-title { font-weight: 700; margin-bottom: 0.333em; } .vjs-playing.vjs-user-inactive .vjs-title-bar { opacity: 0; transition: opacity 1s; } .video-js .vjs-skip-backward-10, .video-js .vjs-skip-backward-30, .video-js .vjs-skip-backward-5, .video-js .vjs-skip-forward-10, .video-js .vjs-skip-forward-30, .video-js .vjs-skip-forward-5 { cursor: pointer; } .video-js .vjs-transient-button { position: absolute; height: 3em; display: flex; align-items: center; justify-content: center; background-color: rgba(50, 50, 50, 0.5); cursor: pointer; opacity: 1; transition: opacity 1s; } .video-js:not(.vjs-has-started) .vjs-transient-button { display: none; } .video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) { opacity: 0; } .video-js .vjs-transient-button span { padding: 0px 0.5em; } .video-js .vjs-transient-button.vjs-left { left: 1em; } .video-js .vjs-transient-button.vjs-right { right: 1em; } .video-js .vjs-transient-button.vjs-top { top: 1em; } .video-js .vjs-transient-button.vjs-near-top { top: 4em; } .video-js .vjs-transient-button.vjs-bottom { bottom: 4em; } .video-js .vjs-transient-button:hover { background-color: rgba(50, 50, 50, 0.9); } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: medium; z-index: -1000; } .js-focus-visible .video-js :focus:not(.focus-visible) { outline: 0px; } .video-js :focus:not(:focus-visible) { outline: 0px; } .no-placeholder-preview[data-v-4ce3a3ef]::before { content: ""; display: block; padding-top: 50%; } .video-js-placeholder-wrapper + .video-trigger[data-v-4ce3a3ef] { position: absolute !important; } .video-js.vjs-waiting ~ .b-posts_preloader[data-v-4ce3a3ef] { display: none; } .video-wrapper.m-hide-video-controls[data-v-cfcda570] .vjs-big-play-button, .video-wrapper.m-hide-video-controls[data-v-cfcda570] .vjs-control-bar { opacity: 0 !important; pointer-events: none !important; } .video-js[data-v-cfcda570] { margin: 0px auto; max-width: 100%; height: auto; background-color: transparent; } .video-js[data-v-cfcda570] .vjs-button:not(:focus-visible), .video-js[data-v-cfcda570] .vjs-control:not(:focus-visible) { outline: none; } .video-js.vjs-has-started.vjs-paused.vjs-waiting[data-v-cfcda570] .vjs-loading-spinner { display: none; } .video-js.vjs-error[data-v-cfcda570] .vjs-error-display .vjs-modal-dialog-content { font-family: Roboto, sans-serif; font-size: 14px; line-height: 20px; } .video-js[data-v-cfcda570] .vjs-tech.placeholder-preview { position: relative; pointer-events: none; vertical-align: top; } .video-js[data-v-cfcda570] .vjs-tech.placeholder-preview.m-not-allowed .b-post__media__img { filter: blur(15px); } .video-js[data-v-cfcda570] .vjs-tech.placeholder-preview.m-custom-cover .b-placeholder-preview { height: 100%; } .video-js[data-v-cfcda570] .vjs-poster { pointer-events: none; z-index: -1; inset: 0px; display: block; } .m-co-stream .video-js[data-v-cfcda570] .vjs-poster { opacity: 0; visibility: hidden; } .pswp .video-js[data-v-cfcda570] .vjs-poster { position: fixed; } .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static) { background-color: transparent; display: block; height: auto; filter: blur(50px) opacity(90%); background-position: 50% center; background-size: cover; } .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static).m-blur-static { width: 100%; max-width: 100%; flex: 0 0 100%; max-height: inherit; height: 100%; transform: scale(1.25); } .m-enable-blur-support * .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static).m-blur-static { transform: scale(1.25) translateZ(0px); z-index: -1; } .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static):not(.m-blur-static) { position: absolute; inset: -75px; } .m-enable-blur-support * .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static):not(.m-blur-static) { transform: translateZ(0px); z-index: -1; } .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static) img { width: 100%; max-height: 100%; object-fit: cover; } .pswp .video-js[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static) img { object-fit: contain; } .video-js[data-v-cfcda570] video.vjs-tech { position: relative; top: auto; left: auto; vertical-align: top; } .video-js.vjs-fullscreen.vjs-http-source-selector[data-v-cfcda570], .video-js.vjs-fullscreen[data-v-cfcda570] { display: flex; } .pswp .video-js.vjs-fullscreen[data-v-cfcda570] .vjs-poster picture.vjs-poster:not(.m-blur-static) img { object-fit: cover; } .video-js.vjs-fullscreen[data-v-cfcda570] video.vjs-tech { height: 100%; max-height: 100%; } .video-js.vjs-fullscreen[data-v-cfcda570] .vjs-control.vjs-fullscreen-control::before { content: "\ue600"; } .video-js[data-v-cfcda570]:hover button.vjs-big-play-button { opacity: 1; background-color: rgb(0, 145, 234); } .video-js[data-v-cfcda570] button.vjs-big-play-button { border: medium; font-size: 40px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: rgba(0, 0, 0, 0.4); border-radius: 1000px; z-index: 2; width: 60px; height: 60px; line-height: 60px; opacity: 0.7; transition: background-color 0.3s, opacity 0.3s; margin: 0px; } .m-with-btn-play:hover .video-js[data-v-cfcda570] button.vjs-big-play-button { opacity: 1; } .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button { width: 48px; height: 48px; line-height: 48px; } .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button[m-hover-state] { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button:hover { opacity: 1; } } .video-js[data-v-cfcda570] button.vjs-big-play-button .g-icon { width: 36px; height: 36px; flex: 0 0 36px; } .m-with-btn-play:hover .video-js[data-v-cfcda570] button.vjs-big-play-button { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .m-with-btn-play .video-js[data-v-cfcda570] button.vjs-big-play-button:focus-visible { background-color: rgb(0, 145, 234); } } .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button[m-hover-state] { background-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button:hover { background-color: rgb(0, 145, 234); } } .video-js[data-v-cfcda570] button.vjs-big-play-button .g-icon { color: rgb(254, 254, 254); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] button.vjs-big-play-button:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background-color: rgb(0, 145, 234); opacity: 1; } } .pswp--open .video-js[data-v-cfcda570] button.vjs-big-play-button { font-size: 32px; } .video-js[data-v-cfcda570] .vjs-control { width: 36px; height: 36px; z-index: 2; margin-bottom: 2px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel-vertical { width: 36px; } .video-js[data-v-cfcda570] .vjs-control.vjs-time-control { width: auto; height: auto; font-size: 19px; line-height: 24px; margin-bottom: 8px; } .video-js[data-v-cfcda570] .vjs-control.vjs-button::before { font-family: onlyfans; font-size: 24px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; } .video-js[data-v-cfcda570] .vjs-control.vjs-button::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: inherit; height: inherit; background-color: rgba(255, 255, 255, 0.12); border-radius: 1000px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.1s; } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-control.vjs-button:focus-visible { outline: rgb(254, 254, 254) solid 2px; outline-offset: -2px; border-radius: 1000px; } .video-js[data-v-cfcda570] .vjs-control.vjs-button:focus-visible::after { opacity: 1; visibility: visible; } } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-control.vjs-button:hover::after { opacity: 1; visibility: visible; } .video-js[data-v-cfcda570] .vjs-control.vjs-button.vjs-hover .vjs-button::after { opacity: 1; } } .video-js[data-v-cfcda570] .vjs-control.vjs-button .vjs-button::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 36px; background-color: rgba(255, 255, 255, 0.12); border-radius: 1000px; opacity: 0; transition: opacity 0.3s; } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-control.vjs-button .vjs-button:not([aria-expanded="true"]):hover::after { opacity: 1; } } .video-js[data-v-cfcda570] .vjs-control.vjs-button .vjs-button[aria-expanded="true"]::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) and (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-control.vjs-button .vjs-button:focus-visible { outline: rgb(254, 254, 254) solid 2px; outline-offset: -2px; border-radius: 1000px; } .video-js[data-v-cfcda570] .vjs-control.vjs-button .vjs-button:focus-visible::after { opacity: 1; } } .video-js[data-v-cfcda570] .vjs-control .vjs-icon-placeholder { display: none; } .video-js[data-v-cfcda570] .vjs-control.vjs-remaining-time { width: auto; font-size: 12px; font-weight: 500; font-family: Roboto, sans-serif; margin-right: auto; padding-left: 3px; } .video-js[data-v-cfcda570] .vjs-control.vjs-play-control.vjs-playing::before { content: "\ue604"; } .video-js[data-v-cfcda570] .vjs-control.vjs-play-control.vjs-paused::before { content: "\ue605"; } .video-js[data-v-cfcda570] .vjs-control.vjs-play-control.vjs-ended::before, .video-js[data-v-cfcda570] .vjs-control.vjs-play-control.vjs-reply::before { content: "\ue609"; } .video-js[data-v-cfcda570] .vjs-control.vjs-mute-control::before { content: "\ue60a"; } .video-js[data-v-cfcda570] .vjs-control.vjs-mute-control.vjs-vol-0::before { content: "\ue60c"; } .video-js[data-v-cfcda570] .vjs-control.vjs-mute-control.vjs-vol-1::before, .video-js[data-v-cfcda570] .vjs-control.vjs-mute-control.vjs-vol-2::before { content: "\ue60b"; } .video-js[data-v-cfcda570] .vjs-control.vjs-picture-in-picture-control::before { content: "\ue603"; } .video-js[data-v-cfcda570] .vjs-control.vjs-http-source-selector:has(.vjs-menu-button:focus-visible)::before, .video-js[data-v-cfcda570] .vjs-control.vjs-quality-selector:has(.vjs-menu-button:focus-visible)::before { text-shadow: rgb(255, 255, 255) 0px 0px 1em; } .video-js[data-v-cfcda570] .vjs-control.vjs-http-source-selector:has(.vjs-menu-button:focus-visible)::after, .video-js[data-v-cfcda570] .vjs-control.vjs-quality-selector:has(.vjs-menu-button:focus-visible)::after { opacity: 1; visibility: visible; } .video-js[data-v-cfcda570] .vjs-control.vjs-http-source-selector .vjs-menu-button, .video-js[data-v-cfcda570] .vjs-control.vjs-quality-selector .vjs-menu-button { position: relative; z-index: 2; } .video-js[data-v-cfcda570] .vjs-control.vjs-http-source-selector::before, .video-js[data-v-cfcda570] .vjs-control.vjs-quality-selector::before { content: "\ue606"; } .video-js[data-v-cfcda570] .vjs-control.vjs-fullscreen-control::before { content: "\ue601"; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel::after { content: ""; border-radius: 18px; background-color: rgba(0, 0, 0, 0.25); bottom: -2px; left: -2px; right: -2px; height: 148px; position: absolute; z-index: 0; pointer-events: none; opacity: 0; visibility: hidden; transition: visibility 0.5s, opacity 0.5s; } .m-enable-blur-support .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel::after, .m-enable-blur-support ~ .pswp .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel::after { display: none; } @media (any-hover: hover) and (pointer: fine) { .m-enable-blur-support .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel::after, .m-enable-blur-support ~ .pswp .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel::after { display: block; } } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel.vjs-hover::after { opacity: 1; visibility: visible; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control { height: 92px; bottom: 105px; margin: 0px; transition: visibility 0.5s, opacity 0.5s, height 0.5s 0.5s, width 0.5s 0.5s, left 0.2s 0.2s, top 0.2s 0.2s; } .m-enable-blur-support .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control, .m-enable-blur-support ~ .pswp .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control { display: none; } @media (any-hover: hover) and (pointer: fine) { .m-enable-blur-support .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control, .m-enable-blur-support ~ .pswp .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control { display: block; } } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-control .vjs-volume-bar::after { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 74px; width: 30px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-vertical { background: none; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-bar { width: 4px; flex: 0 0 4px; height: 76px; margin: 13px 15px 0px; } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-bar:focus-visible { outline: none; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-bar:focus-visible .vjs-volume-level::before { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 6px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-volume-bar:focus-visible .vjs-volume-level::before { outline: rgb(254, 254, 254) solid 2px; outline-offset: 4px; } } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-slider { background: rgba(255, 255, 255, 0.25); border-radius: 4px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-slider:focus { box-shadow: none; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-slider .vjs-volume-level { background: rgba(0, 175, 240, 0.75); width: 4px; border-radius: 4px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-slider .vjs-volume-level:hover::before { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 6px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel .vjs-slider .vjs-volume-level::before { color: rgb(254, 254, 254); border-radius: 1000px; transition: box-shadow 0.3s; font-size: 24px; top: -12px; left: -10px; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel:has(.vjs-mute-control:focus-visible)::after, .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel:has(.vjs-volume-bar:focus-visible)::after { visibility: visible; opacity: 1; } .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel:has(.vjs-mute-control:focus-visible) .vjs-volume-vertical, .video-js[data-v-cfcda570] .vjs-control.vjs-volume-panel:has(.vjs-volume-bar:focus-visible) .vjs-volume-vertical { left: -3.5em; transition: left; opacity: 1; } .video-js.vjs-picture-in-picture[data-v-cfcda570] .vjs-control.vjs-picture-in-picture-control::before { content: "\ue602"; } .video-js[data-v-cfcda570] .vjs-control-bar { background: none; height: 44px; align-content: flex-end; align-items: flex-end; padding-left: 6px; padding-right: 9px; z-index: 100; } .video-js[data-v-cfcda570] .vjs-control-bar:has(.vjs-progress-holder:focus-visible) .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before, .video-js[data-v-cfcda570] .vjs-control-bar:hover .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before { opacity: 1; } .video-js[data-v-cfcda570] .vjs-control-bar::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 56px; background: linear-gradient(rgba(138, 150, 163, 0), rgb(0, 0, 0)); opacity: 0.5; pointer-events: none; z-index: 0; } .pswp .video-js[data-v-cfcda570] .vjs-control-bar::after { height: 160px; } .video-js[data-v-cfcda570] .vjs-progress-control { position: absolute; inset: -18px 0px 0px; width: auto; height: auto; align-items: flex-start; align-content: flex-start; z-index: 1; padding-top: 15px; } .video-js[data-v-cfcda570] .vjs-progress-control:has(.vjs-progress-holder:focus-visible) .vjs-progress-holder .vjs-load-progress div, .video-js[data-v-cfcda570] .vjs-progress-control:hover .vjs-progress-holder .vjs-load-progress div { background: rgba(255, 255, 255, 0.7); } .video-js[data-v-cfcda570] .vjs-progress-control:has(.vjs-progress-holder:focus-visible) .vjs-progress-holder .vjs-play-progress::before, .video-js[data-v-cfcda570] .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress::before { font-size: 12px; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 5px; } .video-js[data-v-cfcda570] .vjs-progress-control:has(.vjs-progress-holder:focus-visible) .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip, .video-js[data-v-cfcda570] .vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip { display: block; visibility: visible; font-size: 0.6em; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder { margin-left: 16px; margin-right: 16px; background: rgba(255, 255, 255, 0.25); height: 4px; border-radius: 4px; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder::before { content: ""; position: absolute; inset: -20px 0px 0px; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder:focus { box-shadow: none; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder .vjs-load-progress { background: none; border-radius: inherit; overflow: hidden; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder .vjs-load-progress div { background: rgba(255, 255, 255, 0.25); transition: background 0.3s; width: 100% !important; left: 0px !important; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder .vjs-play-progress { border-radius: inherit; background-color: rgb(0, 175, 240); } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before { content: ""; opacity: 0; transition: opacity 0.3s, box-shadow 0.3s; color: rgb(0, 175, 240); border-radius: 1000px; width: 13px; height: 13px; line-height: 13px; margin-top: -6.5px; background-color: rgb(0, 175, 240); top: 50%; right: -6.5px; } @media (any-hover: hover) and (pointer: fine) { .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder:focus-visible { outline: none; font-size: 1.66667em; } .video-js[data-v-cfcda570] .vjs-progress-control .vjs-progress-holder:focus-visible .vjs-play-progress::before { outline: rgb(254, 254, 254) solid 2px; outline-offset: 3px; } } .video-js[data-v-cfcda570] .vjs-loading-spinner { z-index: 2; } @media (any-hover: hover) and (pointer: fine) { [data-v-cfcda570] .vjs-menu-button-popup:hover .vjs-menu, [data-v-cfcda570] .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block; } [data-v-cfcda570] .vjs-menu-button-popup:hover .vjs-menu.vjs-hidden { display: block !important; } } [data-v-cfcda570] .vjs-menu-button-popup.vjs-hover .vjs-menu, [data-v-cfcda570] .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu { display: block; } [data-v-cfcda570] .vjs-menu-button-popup.vjs-hover .vjs-menu.vjs-hidden { display: block !important; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu { width: 128px; height: auto; margin-bottom: 35px; padding-bottom: 4px; border: medium; left: auto; right: -4rem; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu::after { content: ""; position: absolute; inset: 0px 0px 4px; border: 1px solid rgba(138, 150, 163, 0.25); pointer-events: none; border-radius: 6px; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu .vjs-menu-content { position: relative; inset: auto; max-height: none; background: rgba(0, 0, 0, 0.9); font-family: Roboto, sans-serif; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; padding-top: 8px; padding-bottom: 8px; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item { font-size: 16px; line-height: 24px; padding: 8px 4px 8px 52px; position: relative; text-align: left; cursor: pointer; transition: color 0.3s; text-transform: capitalize; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item .vjs-menu-item-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item .vjs-control-text { font-size: 0px; position: absolute; left: 18px; top: 10px; pointer-events: none; width: 20px; height: 20px; clip: auto; border-radius: 1000px; transition: box-shadow 0.3s; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 0px; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item .vjs-control-text::before { content: ""; width: inherit; height: inherit; border-radius: 1000px; border: 2px solid rgba(138, 150, 163, 0.75); transition: background-color 0.3s, border 0.3s; position: absolute; left: 0px; top: 0px; z-index: 0; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item .vjs-control-text::after { content: ""; width: 14px; height: 14px; border-radius: 1000px; border: 2px solid rgb(254, 254, 254); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0; z-index: 1; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item:hover .vjs-control-text { box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item:hover .vjs-control-text::before { border-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item:focus-visible .vjs-control-text { box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 8px; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item:focus-visible .vjs-control-text::before { border-color: rgb(0, 145, 234); } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item:focus-visible .vjs-control-text { outline: rgb(0, 145, 234) solid 2px; outline-offset: 4px; } } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item.vjs-selected .vjs-control-text::before { background-color: rgb(0, 175, 240); border-color: rgb(0, 175, 240); } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item.vjs-selected .vjs-control-text::after { opacity: 1; } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item.vjs-selected:hover .vjs-control-text::before { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu-item.vjs-selected:focus-visible .vjs-control-text::before { background-color: rgb(0, 145, 234); border-color: rgb(0, 145, 234); } } [data-v-cfcda570] .vjs-menu-button-popup .vjs-menu li.vjs-menu-item { background-color: transparent; color: rgb(254, 254, 254); justify-content: normal; } [data-v-cfcda570] .vjs-quality-selector .vjs-icon-placeholder { font-family: VideoJS; font-weight: 400; font-style: normal; } [data-v-cfcda570] .vjs-quality-selector .vjs-icon-placeholder::before { content: "\uf110"; font-size: 1.8em; line-height: 1.67px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } [data-v-cfcda570] .vjs-has-started.vjs-user-inactive.vjs-playing ~ .b-post__streaming-actions .b-streaming__comments { bottom: 12px; } [data-v-cfcda570] .vjs-http-source-selector .vjs-icon-cog { font-size: 20px !important; } [data-v-cfcda570] .vjs-fullscreen.vjs-user-inactive .video-wrapper__controls { display: none !important; } .vjs-fullscreen .video-wrapper__controls[data-v-cfcda570] { display: flex; } [data-v-cfcda570] .vjs-fullscreen .video-wrapper__controls { z-index: 0; } .m-android .pswp--open .video-js.vjs-fullscreen button.vjs-big-play-button[data-v-cfcda570]:hover, .m-android .video-js.vjs-fullscreen.vjs-paused button.vjs-big-play-button[data-v-cfcda570]:hover { background-color: rgba(115, 133, 159, 0.5); } .video-wrapper .video-trigger[data-v-cfcda570] { width: 100%; height: 100%; } .video-wrapper .video-trigger > video[data-v-cfcda570] { opacity: 0; } .m-has-addressbar .video-wrapper:not([style*="max-height"]) .video-trigger[data-v-cfcda570] { max-height: inherit; } .post_media[data-v-00bae661] { text-align: center; overflow: hidden; position: relative; margin-left: -16px; margin-right: -16px; user-select: none; } .post_media[data-v-00bae661]:empty { display: none; } .post_media[data-v-00bae661] .media-like { position: absolute; z-index: 10; left: 0px; top: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; width: 100%; height: 100%; } .post_media[data-v-00bae661] .media-like .g-icon { width: 60px; height: 60px; flex: 0 0 60px; color: rgb(254, 254, 254); } .m-type-message .post_media[data-v-00bae661] { margin-left: 0px; margin-right: 0px; order: 2; } @media (min-width: 768px) { .m-type-message .post_media[data-v-00bae661] { border-radius: 0px; } } .m-type-message .post_media[data-v-00bae661]:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } .m-type-message .post_media[data-v-00bae661]:last-child { border-bottom-right-radius: 6px; } .m-queue-post .m-type-message .post_media[data-v-00bae661]:last-child, .m-queue-post .m-type-message .post_media[data-v-00bae661] ~ .b-chat__message__list-titles:not(:last-child) { border-bottom-right-radius: 0px; border-bottom-left-radius: 6px; } .m-queue-post .m-type-message .post_media[data-v-00bae661] ~ .b-chat__message__list-titles:not(:last-child) + .audio-wrapper .b-audioplayer { border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-post__mentioned-posts-item .post_media[data-v-00bae661] { border-radius: 0px; margin: 0px; } .post_media[data-v-00bae661] .post_img_big.m-fullscreen video { max-height: calc(var(--vh, 1vh)*100); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; } .post_media.m-processing[data-v-00bae661] { position: relative; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .post_media.m-processing[data-v-00bae661] { margin-left: 0px; margin-right: 0px; } } .post_media.m-processing.m-uploading-media[data-v-00bae661] { padding-bottom: 100%; margin-left: 0px; margin-right: 0px; } .post_media.m-processing.m-uploading-media .b-posts_preloader[data-v-00bae661] { margin-bottom: 5px; } .post_media .gp-video-element[data-v-00bae661] { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100% !important; max-height: unset; height: auto !important; } .post_media.m-has-addressbar[data-v-00bae661] .b-post__media__img { max-height: inherit; } .post_media.m-only-video[data-v-00bae661]:not(.m-diff-ratio) .b-slideshow.m-only-video .post_gif, .post_media.m-only-video[data-v-00bae661]:not(.m-diff-ratio) .b-slideshow.m-only-video .video-wrapper { position: relative; } .post_media.m-only-video[data-v-00bae661]:not(.m-diff-ratio) .b-slideshow.m-only-video .video-wrapper[style*="padding-top"] { position: static; } .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .post_gif .video-js, .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .video-js { max-height: inherit; } .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .post_gif .video-js:not(.m-btn-gif), .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .video-js:not(.m-btn-gif) { max-height: inherit; height: inherit; } .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .post_gif .video-js:not(.vjs-fullscreen) video, .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .video-js:not(.vjs-fullscreen) video { max-height: inherit; } .post_media.m-has-addressbar[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper[style*="padding-top"] .video-js:not(.m-btn-gif) { max-height: none; height: auto; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .swiper-slide { display: flex; } .post_media[data-v-00bae661] .b-slideshow.m-only-video[style*="height"] .b-post__media__item-inner { height: inherit; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .b-post__media__item-inner { flex: 1 1 0%; height: 100%; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif { display: flex; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) { flex: 1 1 0%; min-height: 100%; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif .video-js:not(.m-btn-gif), .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .video-js:not(.m-btn-gif) { max-height: 100%; min-height: 100%; flex: 1 1 0%; position: static; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif .video-js:not(.vjs-fullscreen) video, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .video-js:not(.vjs-fullscreen) video { width: 100%; height: inherit !important; max-height: calc(var(--vh, 1vh)*100 - 120px); } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif .vjs-tech.placeholder-preview, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .vjs-tech.placeholder-preview { height: 100%; flex: 1 1 0%; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif .vjs-tech.placeholder-preview .b-placeholder-preview, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .vjs-tech.placeholder-preview .b-placeholder-preview { height: 100%; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif .vjs-tech.placeholder-preview:not(.m-custom-cover) > img, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) .vjs-tech.placeholder-preview:not(.m-custom-cover) > img { height: inherit; max-height: inherit; object-fit: contain; } .post_media[data-v-00bae661] .b-slideshow.m-only-video .post_gif video, .post_media[data-v-00bae661] .b-slideshow.m-only-video .video-wrapper:not([style*="padding-top"]):not([style*="height"]) video { width: 100%; } .post_media.m-video[data-v-00bae661] .b-slideshow .swiper-button-next, .post_media.m-video[data-v-00bae661] .b-slideshow .swiper-button-prev { bottom: 56px; } .post_media[data-v-00bae661] + .audio-wrapper { margin-top: 16px; } .m-type-message .post_media[data-v-00bae661] + .audio-wrapper { margin-top: 0px; order: 0; } .m-type-message .post_media[data-v-00bae661] + .audio-wrapper .b-audioplayer { border-top-left-radius: 0px; border-top-right-radius: 0px; } .post_media[data-v-00bae661] + .audio-wrapper + .b-post__unknown { margin-top: 16px; } .m-queue-post .m-type-message .post_media[data-v-00bae661] + .audio-wrapper:last-child .b-audioplayer { border-bottom-right-radius: 0px; } .post_media[data-v-00bae661] .video-js { width: 100%; } .post_media[data-v-00bae661]:not(.m-memory-post) .video-js:not(.m-btn-gif) { min-height: 100%; height: inherit; } .post_media.m-gradient-over[data-v-00bae661]::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgb(0, 0, 0), transparent) center bottom / 100% 67% no-repeat; opacity: 0.4; z-index: 1; } [data-v-00bae661] .post_media__controls { position: absolute; bottom: 16px; left: 0px; right: 0px; text-align: center; z-index: 3; } [data-v-00bae661] .b-processing-content { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: calc(100% - 32px); color: rgb(138, 150, 163); font-weight: 500; pointer-events: none; z-index: 1; } [data-v-00bae661] .b-processing-content.m-over-btn { display: flex; flex-direction: column; place-content: center; align-items: center; bottom: 85px; top: 0px; transform: translateX(-50%); width: 90%; } [data-v-00bae661] .b-processing-content.m-over-btn .g-icon { margin-bottom: 5px; vertical-align: top; } .m-processing.m-uploading-media[data-v-00bae661] .b-processing-content { font-size: 12px; line-height: 16px; display: -webkit-box; -webkit-line-clamp: 4; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; overflow-wrap: break-word; word-break: break-word; width: calc(100% - 16px); white-space: normal; } .blur-photo-btn[data-v-00bae661] { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: row; place-content: center; align-items: center; } [data-v-00bae661] .b-post__media-bg { background-color: transparent; display: block; height: auto; filter: blur(50px) opacity(90%); background-position: 50% center; background-size: cover; pointer-events: none; z-index: 0; } [data-v-00bae661] .b-post__media-bg.m-blur-static { width: 100%; max-width: 100%; flex: 0 0 100%; max-height: inherit; height: 100%; transform: scale(1.25); } .m-enable-blur-support [data-v-00bae661] .b-post__media-bg.m-blur-static { transform: scale(1.25) translateZ(0px); z-index: -1; } [data-v-00bae661] .b-post__media-bg:not(.m-blur-static) { position: absolute; inset: -75px; } .m-enable-blur-support [data-v-00bae661] .b-post__media-bg:not(.m-blur-static) { transform: translateZ(0px); z-index: -1; } [data-v-00bae661] .b-post__media-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; } [data-v-00bae661] .b-post__media-bg + img, [data-v-00bae661] .b-post__media-bg ~ .video-js { transform: translateZ(0px); } [data-v-00bae661] .b-post__media__img { pointer-events: none; z-index: 0; display: inline-block; vertical-align: top; max-height: calc(var(--vh, 1vh)*100 - 120px); width: 100%; height: 100%; position: relative; object-fit: cover; } .create-scheduled .post_media[data-v-00bae661] .b-post__media__img { min-height: inherit; max-height: inherit; } [data-v-00bae661] .b-post__media__img.m-img-not-fluid { width: auto; max-width: 100%; } [data-v-00bae661] .b-post__media__img.pswp__img { max-height: unset; } [data-v-00bae661] .b-post__media__img.m-object-contain { object-fit: contain; } .b-post__media__item-inner[data-v-00bae661] { display: flex; align-content: center; align-items: center; position: relative; } [data-v-00bae661] .b-post__media__item-inner.m-default-header-bg { padding-top: 59.613%; } [data-v-00bae661] .b-post__media__item-inner.m-photo::after { position: absolute; inset: 0px; z-index: 1; content: ""; } [data-v-00bae661] .b-post__media__item-inner.m-black-bg { overflow: hidden; background-color: rgb(0, 0, 0); } .m-enable-blur-support div[data-v-00bae661] .b-post__media__item-inner { z-index: 1; transform: translateZ(0px); } .m-has-addressbar[data-v-00bae661] .b-post__media__item-inner { max-height: inherit; } .b-slideshow[data-v-00bae661] .b-post__media__item-inner { display: flex; flex-direction: row; place-content: center; align-items: center; position: relative; max-height: 100%; height: 100%; } .b-slideshow[data-v-00bae661] .b-post__media__item-inner > * { flex: 1 1 0%; } .b-post-media-holder[data-v-00bae661] { max-height: calc(var(--vh, 1vh)*100 - 120px); } .b-post-media-holder.m-abs-inside .b-slideshow[data-v-00bae661] { position: absolute; inset: 0px; } .b-post-media-holder.m-queue-media-size[data-v-00bae661] { z-index: 1; } .b-post-media-holder.m-stream-media-size[data-v-00bae661] { display: flex; flex-direction: column; } .b-post-media-holder.m-with-btn-play[data-v-00bae661], .b-post-media-holder.m-with-counter[data-v-00bae661] { min-height: 175px; } .b-post-media-holder[data-v-00bae661] .post_img_big, .b-post-media-holder[data-v-00bae661] .video-js:not(.vjs-fullscreen) video.vjs-tech { max-height: calc(var(--vh, 1vh)*100 - 120px); margin: auto; } .b-post-media-holder[data-v-00bae661] .b-slideshow, .b-post-media-holder[data-v-00bae661] .swiper-slide, .b-post-media-holder[data-v-00bae661] .swiper-wrapper { max-height: inherit; } .b-slideshow .b-post-media-holder[data-v-00bae661] .post_img_big .b-placeholder-preview, .m-queue-post .b-post-media-holder[data-v-00bae661] .post_img_big .b-placeholder-preview { height: 100%; } .b-post-media-holder.m-has-addressbar[data-v-00bae661] .b-placeholder-preview, .b-post-media-holder[data-v-00bae661] .post_img_big.m-custom-cover > img { max-height: inherit; } .b-post-media-holder.m-has-addressbar[data-v-00bae661] .post_img_big, .b-post-media-holder.m-has-addressbar[data-v-00bae661] .video-js video.vjs-tech { max-height: inherit; height: 100%; } .b-post-media-holder.m-has-addressbar[data-v-00bae661] .post_img_big.m-custom-cover { max-height: inherit !important; } .b-post-media-holder.m-has-addressbar[data-v-00bae661] .b-slideshow[style*="height"], .b-post-media-holder.m-has-addressbar[data-v-00bae661] .post_img_big.m-custom-cover .b-placeholder-preview { max-height: inherit; } @media (orientation: portrait) { .b-post-media-holder.m-has-addressbar[data-v-00bae661] .m-edge-detection .b-slideshow[style*="height"] { max-height: calc(100dvh - 112px); } @supports (constant(safe-area-inset-bottom)) { .b-post-media-holder.m-has-addressbar[data-v-00bae661] .m-edge-detection .b-slideshow[style*="height"] { } } @supports (env(safe-area-inset-bottom)) { .b-post-media-holder.m-has-addressbar[data-v-00bae661] .m-edge-detection .b-slideshow[style*="height"] { max-height: calc(100dvh - 112px - env(safe-area-inset-bottom)); } } } .b-post-media-holder.m-has-addressbar img[data-v-00bae661] { max-height: inherit; } .create-scheduled .b-post-media-holder[data-v-00bae661] { min-height: 300px; max-height: calc(var(--vh, 1vh)*100 - 348px); } .m-enable-blur-support .create-scheduled .b-post-media-holder[data-v-00bae661] { z-index: 1; } [data-v-00bae661] .b-post-media-size-area .b-post__media__img { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0px); max-height: none; } .b-post-media-size-area .b-post__media__item-inner[data-v-00bae661], .b-post-media-size-area .b-slideshow[data-v-00bae661] { position: absolute; inset: 0px; } .b-post-media-size-area[data-v-00bae661]:not([style*="padding-top"]) { padding-top: 59.613%; position: relative; } @media (max-width: 767.98px) { .post_media.m-processing .b-post-media-size-area[data-v-00bae661]:not([style*="padding-top"]) { padding-top: calc(56.832% + 16.5px); } } .b-post-media-holder.m-queue-media-size .b-post-media-size-area[data-v-00bae661] { min-height: 260px; } .b-post-media-size-area[data-v-00bae661]:has(.b-stream-view__link)::after { content: ""; inset: 0px; position: absolute; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.24) 23%, rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.06) 56%, rgba(0, 0, 0, 0.05) 63%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0.12) 84%, rgba(0, 0, 0, 0.24)); z-index: 0; } .swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } .b-post__unknown[data-v-029f0859] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-029f0859]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-029f0859] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-029f0859] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-029f0859] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-029f0859] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-029f0859] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-029f0859] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-029f0859]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-029f0859]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-029f0859] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-029f0859] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-029f0859] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-029f0859] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-029f0859] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-029f0859] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-029f0859] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-029f0859] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-029f0859] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-029f0859] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-029f0859] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-029f0859] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-029f0859] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-029f0859] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-029f0859] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-029f0859] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-029f0859] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-029f0859] { display: none; } .b-post__unknown.m-fluid-height[data-v-029f0859] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-029f0859] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-029f0859] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-029f0859] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,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; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center 0px; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0px; font-variant: normal; line-height: 1; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .m-diff-ratio .b-slideshow[style*="height"][data-v-3506c777] { height: auto !important; } .b-slideshow[style*="height"][data-v-3506c777] .post_img_big[style*="min-height"] { height: inherit; } .b-slideshow[style*="height"][data-v-3506c777] .post_img_big[style*="min-height"] .post_gif { min-height: inherit; } [data-v-3506c777] .b-slideshow .video-wrapper { align-self: stretch; } [data-v-3506c777] .b-slideshow .video-wrapper:not([style*="padding-top"]):not([style*="height"]) { position: absolute; inset: 0px; } [data-v-3506c777] .b-slideshow .video-wrapper[style*="padding-top"]:not([style*="height"]) { align-self: stretch; } [data-v-3506c777] .b-slideshow .video-wrapper video.video-js { position: static; } [data-v-3506c777] .b-slideshow .video-wrapper .video-js { position: absolute; inset: 0px; display: flex; flex-direction: column; place-content: center; align-items: center; } [data-v-3506c777] .b-slideshow .video-wrapper .video-js .b-placeholder-preview { height: 100%; } [data-v-3506c777] .b-slideshow .video-wrapper video { max-width: 100%; max-height: 100%; } [data-v-3506c777] .b-slideshow .m-custom-cover { max-height: inherit; } .b-post__fundraising[data-v-1dfc6f40] { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; margin: 14px 0px 0px; } .b-post__mentioned-posts-item .b-post__fundraising[data-v-1dfc6f40] { margin-left: 12px; margin-right: 12px; } .b-post__fundraising__progress[data-v-1dfc6f40] { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 6px; background: rgba(0, 175, 240, 0.12); pointer-events: none; } .b-post__fundraising__progress-wrapper[data-v-1dfc6f40] { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding: 5px; position: relative; } .b-post__fundraising__progress-data[data-v-1dfc6f40] { display: flex; flex-direction: row; align-content: center; align-items: center; padding: 10px 14px 10px 11px; position: relative; } .b-post__fundraising__progress-data .m-btn-fundraising[data-v-1dfc6f40] { margin: auto 11px auto 0px; height: 24px; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[data-v-1dfc6f40] { cursor: pointer; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer .g-icon[data-v-1dfc6f40] { color: var(--text-color); } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[m-hover-state] .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer:hover .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[data-v-1dfc6f40]:focus-visible { outline-offset: 8px; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer:focus-visible .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } } .b-post__fundraising__progress-data .g-icon-info[data-v-1dfc6f40] { margin-left: 10px; } .b-post__fundraising__summ[data-v-1dfc6f40] { font-weight: 500; margin-right: auto; font-size: 18px; } .b-post__fundraising__target[data-v-1dfc6f40] { color: rgb(138, 150, 163); font-size: 16px; margin: 0px 1px 0px 0px; } .b-post__fundraising .g-btn__row[data-v-1dfc6f40] { padding: 14px 12px 16px; } .b-post__fundraising .g-btn__row .g-btn[data-v-1dfc6f40] { flex-grow: 1; padding-left: 10px; padding-right: 10px; margin-left: 9px; } .b-post__fundraising .g-btn__row .g-btn[data-v-1dfc6f40]:first-child { margin-left: 0px; } .vue-recycle-scroller { position: relative; } .vue-recycle-scroller.direction-vertical:not(.page-mode) { overflow-y: auto; } .vue-recycle-scroller.direction-horizontal:not(.page-mode) { overflow-x: auto; } .vue-recycle-scroller.direction-horizontal { display: flex; } .vue-recycle-scroller__slot { -moz-box-flex: 1; flex: 0 0 auto; } .vue-recycle-scroller__item-wrapper { -moz-box-flex: 1; flex: 1 1 0%; box-sizing: border-box; overflow: hidden; position: relative; } .vue-recycle-scroller.ready .vue-recycle-scroller__item-view { position: absolute; top: 0px; left: 0px; will-change: transform; } .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper { width: 100%; } .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper { height: 100%; } .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view { width: 100%; } .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view { height: 100%; } .b-photos[data-v-a970e88e] { display: block; } .b-post__unknown[data-v-7ecf0fc5] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-7ecf0fc5]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-7ecf0fc5] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-7ecf0fc5] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-7ecf0fc5] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-7ecf0fc5] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-7ecf0fc5] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-7ecf0fc5] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-7ecf0fc5] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-7ecf0fc5] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-7ecf0fc5] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-7ecf0fc5] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-7ecf0fc5] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-7ecf0fc5] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-7ecf0fc5] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-7ecf0fc5] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-7ecf0fc5] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-7ecf0fc5] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-7ecf0fc5] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-7ecf0fc5] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-7ecf0fc5] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-7ecf0fc5] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-7ecf0fc5] { display: none; } .b-post__unknown.m-fluid-height[data-v-7ecf0fc5] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-7ecf0fc5] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-7ecf0fc5] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .post_media__loading[data-v-6983c659] { position: absolute; inset: 0px; background-color: var(--bg-color); z-index: 3; } .post_media__loading[data-v-6983c659]::after { content: ""; position: absolute; inset: 0px; background-color: rgba(138, 150, 163, 0.04); z-index: 0; } .post_media__loading .g-icon.m-dynamic-icon[data-v-6983c659] { color: rgb(138, 150, 163); opacity: 0.12; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 40px; height: 40px; flex: 0 0 40px; z-index: 2; } .p-posts-index-index .b-post__wrapper[data-v-77210ce5] .b-post { flex: 1 1 0%; display: flex; flex-direction: column; } .p-posts-index-index .b-post__wrapper[data-v-77210ce5] .b-post:has(.b-comments) { padding-bottom: 0px; } .p-posts-index-index .b-post__wrapper[data-v-77210ce5] { margin: 0px; border: medium; padding-bottom: 0px; flex: 1 1 0%; display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh)*100 - 82px); } @media (max-width: 499.98px) { .p-posts-index-index .b-post__wrapper[data-v-77210ce5] { min-height: calc(var(--vh, 1vh)*100 - 139px); } } .b-post__wrapper > .g-icon[data-v-77210ce5] { position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); } .b-post__wrapper[style*="height"][data-v-77210ce5] { position: relative; pointer-events: none; } .b-post__wrapper[style*="height"][data-v-77210ce5] .b-post { position: absolute; inset: 0px; } .b-no-posts[data-v-77210ce5] { flex: 1 1 0%; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-no-posts[data-v-77210ce5]:has(> .empty-message) { position: relative; } .b-no-posts__create-post-link[data-v-77210ce5] { margin-top: 96px; margin-bottom: 96px; } @media (max-width: 1003.98px) { .b-no-posts__create-post-link[data-v-77210ce5] { margin-top: 30px; margin-bottom: 30px; } } .b-post__unknown[data-v-bef88126] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-bef88126]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-bef88126] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-bef88126] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-bef88126] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-bef88126] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-bef88126] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-bef88126] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-bef88126]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-bef88126]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-bef88126] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-bef88126] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-bef88126] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-bef88126] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-bef88126] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-bef88126] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-bef88126] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-bef88126] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-bef88126] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-bef88126] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-bef88126] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-bef88126] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-bef88126] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-bef88126] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-bef88126] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-bef88126] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-bef88126] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-bef88126] { display: none; } .b-post__unknown.m-fluid-height[data-v-bef88126] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-bef88126] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-bef88126] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-bef88126] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-subscribe-block[data-v-24c614aa] { color: rgb(138, 150, 163); position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; padding: 15px; margin: 16px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] { border: medium; padding: 11px 12px; margin: 0px; } .b-subscribe-block.m-inside-grid.m-sm-square[data-v-24c614aa] { padding: 2px 4px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] .content-icons { opacity: 0.75; margin: 0px; padding: 0px; } .b-subscribe-block.m-over-thumb[data-v-24c614aa] { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.25)); color: rgb(254, 254, 254); border-radius: 0px; } .b-subscribe-block .content-icons[data-v-24c614aa] { display: flex; place-content: center space-between; align-items: center; margin: 0px; padding-bottom: 2px; line-height: 16px; } .b-subscribe-block .g-btn__group[data-v-24c614aa] { margin: -6px; } @media (max-width: 499.98px) { .b-subscribe-block .g-btn__group[data-v-24c614aa] { flex-wrap: wrap; } } .b-subscribe-block .g-btn__group > [data-v-24c614aa] { margin: 6px; flex: 0 1 100%; justify-content: center; } .b-subscribe-block .g-btn__group > [data-v-24c614aa] .b-wrap-btn-text { display: block; } .b-subscribe-block.m-need-confirm-price .g-btn__group[data-v-24c614aa] .b-wrap-btn-text { display: flex; } .b-subscribe-block__text[data-v-24c614aa] { font-size: 14px; line-height: 20px; } .b-btn-purchase-post[data-v-24c614aa] { position: absolute; inset: 0px; cursor: pointer; } .b-post__unknown[data-v-01d37c15] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-01d37c15]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-01d37c15] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-01d37c15] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-01d37c15] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-01d37c15] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-01d37c15] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-01d37c15] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-01d37c15]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-01d37c15]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-01d37c15] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-01d37c15] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-01d37c15] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-01d37c15] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-01d37c15] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-01d37c15] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-01d37c15] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-01d37c15] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-01d37c15] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-01d37c15] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-01d37c15] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-01d37c15] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-01d37c15] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-01d37c15] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-01d37c15] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-01d37c15] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-01d37c15] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-01d37c15] { display: none; } .b-post__unknown.m-fluid-height[data-v-01d37c15] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-01d37c15] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-01d37c15] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-01d37c15] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .switcher-media-content[data-v-03711f02] { position: absolute; bottom: 8px; left: 50%; transform: translateX(calc(-50% + 9px)); background-color: rgba(0, 0, 0, 0.12); height: 24px; display: flex; flex-direction: row; align-content: center; align-items: center; padding-left: 6px; padding-right: 6px; border-radius: 6px; font-size: 11px; line-height: 11px; z-index: 3; user-select: none; white-space: nowrap; transition: bottom 0.2s; } .switcher-media-content.m-vjs-settings-menu[data-v-03711f02] { opacity: 0; } .switcher-media-content[data-v-03711f02]:has(~ .b-slideshow .swiper-slide.swiper-slide-active .video-js.vjs-paused) { bottom: 55px; } .switcher-media-content[data-v-03711f02]:has(~ .b-slideshow .swiper-slide.swiper-slide-active .video-js.vjs-paused):has(~ .vjs-modal-dialog[aria-hidden="false"]) { bottom: 8px; } .switcher-media-content__btn[data-v-03711f02] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; position: relative; color: rgba(255, 255, 255, 0.7); line-height: 14px; } .switcher-media-content__btn[data-v-03711f02]::after { content: "•"; color: inherit; opacity: 0.75; font-size: 11px; margin-left: 4px; margin-right: 3px; } .switcher-media-content__btn[data-v-03711f02]:last-child::after { display: none; } .switcher-media-content__btn.active-btn[data-v-03711f02] { cursor: default; color: rgb(254, 254, 254); } .switcher-media-content__icon[data-v-03711f02] { width: 14px; height: 14px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .switcher-media-content__icon + .switcher-media-content__val-total[data-v-03711f02], .switcher-media-content__icon + .switcher-media-content__val[data-v-03711f02] { margin-left: 5px; } .switcher-media-content__val[data-v-03711f02] { display: none; } .active-btn .switcher-media-content__val[data-v-03711f02] { display: block; } .switcher-media-content .g-icon[data-v-03711f02] { width: 14px; height: 14px; flex: 0 0 14px; margin: auto; } .post_voting[data-v-0d49ba88] { margin: 16px 0px 0px; } .post_voting .b-post-voting__inner-wrapper[data-v-0d49ba88] { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); } .b-post__mentioned-posts-item .post_voting[data-v-0d49ba88] { margin-left: 16px; margin-right: 16px; } .post_voting_due[data-v-0d49ba88] { display: flex; align-content: center; align-items: center; background-color: rgba(138, 150, 163, 0.08); font-size: 14px; padding: 11px 15px; } .post_voting_due__item[data-v-0d49ba88] { position: relative; color: rgb(138, 150, 163); } .post_voting_due__item[data-v-0d49ba88]:first-child::before { display: none; } .post_voting_due__item[data-v-0d49ba88]::before { content: "•"; margin-left: 6px; margin-right: 3px; color: rgba(138, 150, 163, 0.75); font-size: 14px; } .post_voting_due__item .g-icon[data-v-0d49ba88] { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 5px; } .post_voting_due__item .g-page-title__link[data-v-0d49ba88]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .post_voting_due__item[data-v-0d49ba88]:focus-visible { outline: none; } .post_voting_due__item[data-v-0d49ba88]:focus-visible .g-page__link { text-decoration: underline; color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post_voting_percent { background-color: rgba(0, 175, 240, 0.12); position: absolute; max-width: calc(100% - 12px); left: 6px; top: 6px; bottom: 6px; border-radius: 6px; pointer-events: none; } [data-v-0d49ba88] .post_voting_percent.m-level-correct { background-color: rgba(53, 208, 99, 0.12); } [data-v-0d49ba88] .post_voting_percent.m-level-incorrect { background-color: rgba(138, 150, 163, 0.12); } .post_voting[data-v-0d49ba88] .vote-button-wrapper { display: block; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .post_voting[data-v-0d49ba88] + .b-post__unknown { margin-top: 16px; } .vote-button-wrapper[data-v-0d49ba88] { width: 100%; } @media (any-hover: hover) and (pointer: fine) { .vote-button-wrapper[data-v-0d49ba88]:focus-visible::after { outline-offset: 0px; } .vote-button-wrapper[data-v-0d49ba88]:focus-visible .post-vote-button__icon { color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post-vote-button { border: medium; background: none; padding: 12px 16px; font-size: 14px; line-height: 20px; font-weight: 500; width: 100%; text-align: left; border-radius: 6px; transition: background-color 0.5s linear; display: flex; flex-direction: row; align-content: center; align-items: center; position: relative; min-height: 48px; z-index: 0; } [data-v-0d49ba88] .post-vote-button[disabled] { pointer-events: none; opacity: 0.4; } [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover { color: rgb(0, 175, 240); } [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover:focus-visible { color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post-vote-button__icon { margin-left: -4px; margin-right: 10px; width: 24px; height: 24px; display: flex; flex-direction: row; place-content: center; align-items: center; transition: color 0.1s; } [data-v-0d49ba88] .post-vote-button__icon.m-correct { color: rgb(53, 208, 99); } [data-v-0d49ba88] .post-vote-button__icon.m-incorrect { color: rgba(138, 150, 163, 0.4); } [data-v-0d49ba88] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-correct, [data-v-0d49ba88] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-incorrect { color: rgb(0, 145, 234); } [data-v-0d49ba88] .post-vote-button .b-input-radio__label { position: relative; left: auto; top: auto; border-color: rgba(138, 150, 163, 0.75); margin-right: 0px; } [data-v-0d49ba88] .post-vote-button.m-pass { background-color: rgba(53, 208, 99, 0.12); } [data-v-0d49ba88] .post-vote-button.m-fail { background-color: rgba(255, 96, 96, 0.12); } [data-v-0d49ba88] .post-vote-button__label { flex: 1 1 0%; position: relative; } [data-v-0d49ba88] .post-vote-button__count { margin-left: 15px; } [data-v-0d49ba88] .post-vote-button.m-unvoted { color: rgb(138, 150, 163); } .m-owner[data-v-0d49ba88] .post-vote-button.m-unvoted { color: var(--title-color); } .m-owner[data-v-0d49ba88] .post-vote-button.m-unvoted.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } [data-v-0d49ba88] .post-vote-button.m-voted { color: var(--title-color); } .b-post[data-v-2c1bc45c] { padding-bottom: 14px; } .b-useful-data .b-post[data-v-2c1bc45c] { padding-bottom: 0px; } .b-post.is-not-post-page[data-v-2c1bc45c]::after { content: ""; width: calc(100% + 32px); border-bottom: 1px solid rgba(138, 150, 163, 0.25); display: block; margin-left: -16px; margin-right: -16px; margin-top: 16px; } .b-post__mentioned-posts-item .b-post.is-not-post-page[data-v-2c1bc45c]::after, .b-useful-data .b-post.is-not-post-page[data-v-2c1bc45c]::after { display: none; } .b-post.is-not-post-page[data-v-2c1bc45c]:has(.b-post__tools:last-child)::after { margin-top: 14px; } .b-post.is-not-post-page[data-v-2c1bc45c]:has(.b-comments:last-child)::after { margin-top: 0px; } .b-post.is-not-post-page.m-stream-post[data-v-2c1bc45c]::after { margin-top: 27px; } .b-post .b-comments[data-v-2c1bc45c]:not(:empty) { padding-top: 8px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type { padding-bottom: 0px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-top: 16px; } .l-wrapper__content .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-bottom: 0px; } .l-wrapper__sidebar .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-bottom: 16px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-child::after { display: none; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] { border-radius: 6px; background-color: var(--bg-color); z-index: 1; } .m-bg-color-gray .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] { background-color: var(--marked-color); } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:first-child, .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-bottom-right-radius: 0px; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] + .audio-wrapper { margin-bottom: -6px; } .b-post.m-save-later[data-v-2c1bc45c]:last-of-type { padding-bottom: 16px; } .b-post[data-v-2c1bc45c] .b-post__header .dropdown { margin: -5px -5px -6px 8px; } .b-post__mentioned-users-list[data-v-2c1bc45c] { flex-grow: 0; margin-top: 12px; margin-bottom: -12px; } @media (min-width: 1280px) { .b-post__mentioned-users-list .col-lg-6[data-v-2c1bc45c]:first-child { padding-right: 8px; } .b-post__mentioned-users-list .col-lg-6:first-child + .col-lg-6[data-v-2c1bc45c] { padding-left: 8px; } } .b-post__mentioned-posts-item[data-v-2c1bc45c] { position: relative; margin: 12px 0px 0px; width: 100%; } .b-post__mentioned-posts-item__link[data-v-2c1bc45c] { position: absolute; inset: 0px; z-index: 1; } @media (any-hover: hover) and (pointer: fine) { .b-post__mentioned-posts-item__link:focus-visible ~ .b-post[data-v-2c1bc45c] { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } } .b-post__mentioned-posts-item .b-post[data-v-2c1bc45c] { padding-top: 12px; padding-bottom: 16px; } .b-post__mentioned-posts-item .b-post__tools[data-v-2c1bc45c] { opacity: 0.5; padding-left: 16px; padding-right: 16px; } .b-post__mentioned-posts-item .b-post .b-summary-list[data-v-2c1bc45c] { padding-left: 16px; padding-right: 16px; } [data-v-2c1bc45c] .b-post__mentioned-posts-item .b-post .b-summary-list .b-summary-list__item { opacity: 0.5; } .b-post__header[data-v-2c1bc45c] { padding: 3px 0px 0px 60px; min-height: 54px; position: relative; margin: 0px 0px 8px; } .b-post__header--statistics[data-v-2c1bc45c] { padding-left: 0px; padding-top: 0px; min-height: auto; display: flex; justify-content: space-between; padding-right: 36px; margin-bottom: 10px; } .b-post__header.m-w24[data-v-2c1bc45c] { padding: 1px 0px 0px 36px; min-height: 24px; } .b-post__header.m-w24 .b-post__avatar[data-v-2c1bc45c] { left: 0px; top: 1px; } .b-post__header.m-w36[data-v-2c1bc45c] { padding: 1px 0px 0px 48px; } .b-post__header.m-w36 .b-post__avatar[data-v-2c1bc45c] { left: 0px; } .m-queue-post .b-post__header[data-v-2c1bc45c] { padding-left: 24px; padding-top: 4px; margin-bottom: 8px; } .b-post__mentioned-posts-item .b-post__header[data-v-2c1bc45c] { padding-top: 0px; padding-left: 56px; margin-left: 12px; margin-right: 12px; } .b-post__header .b-username-row.m-gap-lg[data-v-2c1bc45c] { margin-bottom: 5px; } .b-post__content.m-type-message[data-v-2c1bc45c] { display: flex; flex-direction: column-reverse; overflow: hidden; } .b-post__content.m-type-message ~ .b-post__tools[data-v-2c1bc45c] { margin-left: -7px; } [data-v-2c1bc45c] .b-post__content .audio-wrapper + .b-post__unknown { margin-top: 16px; } .b-post__avatar[data-v-2c1bc45c] { position: absolute; top: 3px; left: 2px; } .b-post__mentioned-posts-item .b-post__avatar[data-v-2c1bc45c] { top: 4px; left: 6px; } .b-post__avatar a[data-v-2c1bc45c] { display: inline-block; vertical-align: top; } @media (any-hover: hover) and (pointer: fine) { .b-post__avatar a[data-v-2c1bc45c]:focus-visible { outline: none; } .b-post__avatar a[data-v-2c1bc45c]:focus-visible .g-avatar__img-wrapper::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } .b-post__avatar a:focus-visible.has-started-stream[data-v-2c1bc45c] .g-avatar__img-wrapper::after, .b-post__avatar a:focus-visible.has-story[data-v-2c1bc45c] .g-avatar__img-wrapper::after { outline-offset: 4px; } } [data-v-2c1bc45c] .b-post__queue_labels .g-btn.m-btn-icon .g-icon { transform: translateY(-1px); } .b-post__queue-icon[data-v-2c1bc45c] { position: absolute; left: -4px; top: 3px; font-size: 24px; } .m-save-later .b-post__queue-icon[data-v-2c1bc45c] { opacity: 0.5; } .m-bg-color-gray .m-save-later .b-post__queue-icon .g-icon[data-v-2c1bc45c] { color: rgb(138, 150, 163); } .b-post__queue-icon .g-icon[data-v-2c1bc45c] { width: 24px; height: 24px; flex: 0 0 24px; } .m-save-later[data-v-2c1bc45c]:not(.m-active-state) .b-post__queue-cell.m-date-case { color: rgb(138, 150, 163); } .b-post__date[data-v-2c1bc45c] { font-size: 14px; color: rgb(138, 150, 163); margin: 0px 0px 0px auto; white-space: nowrap; text-align: right; } .b-post__date-remaining[data-v-2c1bc45c] { display: flex; flex-direction: row; place-content: center flex-end; align-items: center; opacity: 0.75; } .m-pinned .b-post__date-remaining[data-v-2c1bc45c] { margin-right: 6px; margin-left: 12px; } .b-post__date-remaining[data-v-2c1bc45c] .g-icon { margin: 0px 0px 0px 4px; width: 16px; height: 16px; flex: 0 0 16px; display: block; } .b-post__date[href][m-hover-state][data-v-2c1bc45c] { color: rgb(0, 145, 234); text-decoration-line: underline; } @media (any-hover: hover) and (pointer: fine) { .b-post__date[href][data-v-2c1bc45c]:hover { color: rgb(0, 145, 234); text-decoration-line: underline; } } .b-post__tools[data-v-2c1bc45c] { font-size: 13px; font-weight: 500; padding: 8px 0px 0px; margin-left: -6px; margin-right: -6px; display: flex; position: relative; user-select: none; } .b-post__tools[data-v-2c1bc45c]:has(+ .b-summary-list) { padding-bottom: 4px; } .b-post__tools__item[data-v-2c1bc45c] { display: flex; align-content: center; align-items: center; white-space: nowrap; color: rgb(138, 150, 163); margin-right: 4px; } .b-post__tools__item.m-last[data-v-2c1bc45c] { margin-left: auto; margin-right: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] { min-width: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] .b-post__tools__btn { padding: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] .b-flexible-behavior-icon .g-icon { margin-right: 0px; } .b-post__tools__item.m-active .g-icon[data-v-2c1bc45c] { color: rgb(0, 145, 234); } .b-post__tools__item__inner[data-v-2c1bc45c] { flex: 1 1 0%; text-align: initial; } .b-post__tools__item .g-icon[data-v-2c1bc45c] { color: inherit; } .b-post__tools__btn[data-v-2c1bc45c] { padding: 6px; } [data-v-2c1bc45c] .b-post__tools__more { display: flex; place-content: center flex-end; align-items: center; position: static; } .b-post__header--statistics[data-v-2c1bc45c] .b-post__tools__more { position: absolute; right: 0px; top: 4px; } [data-v-2c1bc45c] .b-post__streaming-actions { position: absolute; inset: 0px; pointer-events: none; z-index: 0; text-align: start; } [data-v-2c1bc45c] .b-post__streaming-actions .b-streaming__wrapper-comments { position: absolute; bottom: 54px; left: 16px; max-height: calc(100% - 54px); color: rgb(254, 254, 254); transition: bottom 0.2s 0.5s; overflow: hidden; max-width: 380px; width: 100%; } .b-post__text[data-v-2c1bc45c] { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 5px; } [data-v-2c1bc45c] .b-post__text:first-child .b-youtube_container { margin-top: 0px; } [data-v-2c1bc45c] .b-post__text:not(:last-child) .b-youtube_container { margin-bottom: 16px; } .m-mode-dark .b-post[data-v-2c1bc45c] .b-post__text [color="#000000"] { color: rgb(246, 247, 248) !important; } .b-post__text-el[data-v-2c1bc45c] .g-truncated-text { padding-left: 4px; margin-left: -4px; } .m-mode-dark .b-post__text-el.m-possible-markdown[data-v-2c1bc45c] [color="#000000"] { color: rgb(246, 247, 248) !important; } .m-type-message .b-post__text-el[data-v-2c1bc45c] { position: relative; padding: 8px 12px; background-color: var(--bg-color); display: flex; } .m-bg-color-gray .m-type-message .b-post__text-el[data-v-2c1bc45c] { background-color: var(--marked-color); } .m-type-message .b-post__text-el[data-v-2c1bc45c]::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background-color: rgba(138, 150, 163, 0.12); } .m-queue-post .m-type-message .b-post__text-el[data-v-2c1bc45c]::before { background-color: rgba(0, 175, 240, 0.12); } .m-type-message .b-post__text[data-v-2c1bc45c] { padding: 0px; margin-bottom: 0px; display: flex; z-index: 2; } .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::before { border-radius: 0px 0px 6px; } .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::before { border-bottom-right-radius: 0px; border-bottom-left-radius: 6px; } .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 0px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--bg-color) 6px,rgba(138,150,163,.12) 6px); right: -6px; transform: rotate(-180deg); } .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 0px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--bg-color) 6px,rgba(0,175,240,.12) 6px); left: -6px; transform: rotate(-90deg); } .m-bg-color-gray .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 6px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--marked-color) 6px,rgba(0,175,240,.12) 6px); left: -6px; transform: rotate(-90deg); } .m-type-message .b-post__text + .audio-wrapper[data-v-2c1bc45c]:last-child { margin-bottom: -6px; } .m-type-message .b-post__text + .audio-wrapper:last-child .b-audioplayer[data-v-2c1bc45c] { border-bottom-left-radius: 0px; } .m-queue-post .m-type-message .b-post__text + .audio-wrapper:last-child .b-audioplayer[data-v-2c1bc45c] { border-bottom-left-radius: 6px; } .m-type-message .b-post__text:not(.m-media-text) .b-post__text-el[data-v-2c1bc45c] { padding-top: 14px; } .m-type-message .b-post__text:not(.m-media-text) .b-post__text-el[data-v-2c1bc45c]::after { top: 6px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text) + .b-chat__message__list-titles[data-v-2c1bc45c]:not(:last-child) { margin-bottom: -6px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text):last-child .b-post__text-el[data-v-2c1bc45c] { padding-top: 8px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text):last-child .b-post__text-el[data-v-2c1bc45c]::after { content: none; } .m-type-message .b-post__text:not(.m-media-text) + .post_media ~ .audio-wrapper[data-v-2c1bc45c] { margin-bottom: -6px; } .m-type-message .b-post__text:last-child .b-post__text-el[data-v-2c1bc45c]::before { border-radius: 6px 6px 6px 0px; } .m-queue-post .m-type-message .b-post__text:last-child .b-post__text-el[data-v-2c1bc45c]::before { border-bottom-right-radius: 0px; border-bottom-left-radius: 6px; } .m-type-message .b-post__text.m-media-text + .post_media[data-v-2c1bc45c] { border-bottom-right-radius: 0px; z-index: 0; } .m-type-message .b-post__text.m-media-text + .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } .m-type-message .b-post__text.m-media-text[data-v-2c1bc45c]::after { content: ""; max-width: 6px; flex: 1 1 0%; height: 6px; margin-top: -6px; margin-left: auto; background: radial-gradient(circle at left top,hsla(0,0%,100%,0) 6px,var(--bg-color) 6px); } .m-queue-post .m-type-message .b-post__text.m-media-text[data-v-2c1bc45c]::after { margin-left: 0px; margin-right: auto; order: -1; transform: rotate(90deg); } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c] { border-top-left-radius: 6px; border-top-right-radius: 6px; } .m-type-message .b-post__text + .post_media + .b-chat__message__list-titles + .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-top-left-radius: 0px; border-top-right-radius: 0px; } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c]:last-child { border-bottom-left-radius: 0px; } .m-type-message .b-post__text + .post_media ~ .b-chat__message__list-titles[data-v-2c1bc45c]:not(:last-child) { margin-bottom: -6px; } .m-type-message .b-post__text + .post_media ~ .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-bottom-left-radius: 0px; border-bottom-right-radius: 6px; } .m-queue-post .m-type-message .b-post__text + .post_media ~ .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-bottom-right-radius: 0px; } .m-queue-post .m-type-message .b-post__text[data-v-2c1bc45c] { justify-content: flex-end; } .m-queue-post .m-type-message .b-post__text ~ .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-bottom-left-radius: 0px; } .b-post__mentioned-posts-item .b-post__text[data-v-2c1bc45c] { padding-left: 16px; padding-right: 16px; border-radius: 6px; } .b-post__text[data-v-2c1bc45c] p { margin-bottom: 0px; } .b-post__text[data-v-2c1bc45c] p > img { margin-left: -16px; margin-right: -16px; } .b-post__text[data-v-2c1bc45c] p span.emoji-outer { vertical-align: bottom; font-size: 1.3334em; line-height: 1em; } .b-post__text[data-v-2c1bc45c] p.trunc-text { max-height: 4.35em; } .b-post__text + .post_media[data-v-2c1bc45c] { margin-top: 12px; } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c] { margin-top: 0px; } .b-post__labels-controls[data-v-2c1bc45c] { margin-bottom: 10px; } .b-post__labels-controls .b-list-titles[data-v-2c1bc45c] { margin-bottom: 0px; } .b-post__pinned[data-v-2c1bc45c] { color: rgba(138, 150, 163, 0.75); order: 2; margin-left: 10px; } .b-post__pinned .g-icon[data-v-2c1bc45c] { width: 16px; height: 16px; flex: 0 0 16px; display: block; } [data-v-2c1bc45c] .b-post__over-media { position: absolute; padding: 16px; left: 16px; right: 16px; bottom: 16px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.12); z-index: 2; } [data-v-2c1bc45c] .b-post__over-media__description { color: rgb(254, 254, 254); font-weight: 500; font-size: 12px; line-height: 16px; display: block; text-align: left; margin-bottom: 13px; } [data-v-2c1bc45c] .b-post__over-media__description .b-price { color: inherit; font: inherit; } .b-post__profile-details[data-v-2c1bc45c] { display: flex; flex-direction: row; align-content: center; align-items: center; margin-left: auto; padding-left: 10px; white-space: nowrap; margin-right: -1px; } .b-post__mentioned-posts-item .b-post[data-v-2c1bc45c] .b-audioplayer { margin-left: 16px; margin-right: 16px; } .m-border-post[data-v-2c1bc45c] { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; } .b-profile-info-card[data-v-235b6557] { width: 128px; height: 168px; flex: 0 0 128px; position: relative; cursor: pointer; display: block; border-radius: 6px; overflow: hidden; } .b-profile-info-card[data-v-235b6557]:has(.b-profile-info-card__link:focus-visible) { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } .b-dragscroll .b-profile-info-card[data-v-235b6557]:not(:last-child), .b-things__group-items .b-profile-info-card[data-v-235b6557]:not(:last-child) { margin-right: 8px; white-space: normal; } .b-profile-info-card[data-v-235b6557]::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; border: 1px solid rgba(138, 150, 163, 0.25); z-index: 2; pointer-events: none; } .b-profile-info-card.m-friend-card .b-profile-info-card__link[data-v-235b6557] { display: block; padding: 16px 12px; } .b-profile-info-card.m-friend-recommended[data-v-235b6557] { padding: 14px; width: auto; height: 128px; margin-bottom: 16px; } .m-selected-bg .b-profile-info-card.m-friend-recommended[data-v-235b6557] { margin-bottom: 8px; } .m-selected-bg .b-profile-info-card.m-friend-recommended[data-v-235b6557]:last-child { margin-bottom: 0px; } .b-story-mention .b-profile-info-card.m-friend-recommended[data-v-235b6557] { min-width: 344px; } .b-profile-info-card__link[data-v-235b6557]:hover { color: inherit; } .b-profile-info-card__link:hover .g-user-name[data-v-235b6557], .b-profile-info-card__link:hover .g-user-username[data-v-235b6557] { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .b-profile-info-card__link[data-v-235b6557]:focus-visible { color: inherit; } .b-profile-info-card__link:focus-visible .g-user-name[data-v-235b6557], .b-profile-info-card__link:focus-visible .g-user-username[data-v-235b6557] { text-decoration: underline; } } .b-profile-info-card__preview[data-v-235b6557] { width: inherit; padding-top: 100%; display: block; position: relative; background-size: cover; } .b-profile-info-card__preview img[data-v-235b6557] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .b-profile-info-card__preview[data-v-235b6557]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background: linear-gradient(transparent, rgb(0, 0, 0)); pointer-events: none; z-index: 0; opacity: 0.4; } .b-profile-info-card__text-preview[data-v-235b6557] { position: absolute; inset: 0px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; color: rgb(0, 175, 240); font-weight: 700; overflow: hidden; pointer-events: none; font-size: 100px; } .b-profile-info-card__title[data-v-235b6557] { position: absolute; color: rgb(254, 254, 254); font-size: 14px; line-height: 20px; left: 16px; right: 16px; bottom: 12px; z-index: 1; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-profile-info-card__section[data-v-235b6557] { color: rgb(138, 150, 163); font-size: 12px; line-height: 16px; display: flex; flex-direction: row; align-content: center; align-items: center; padding-left: 16px; padding-right: 16px; height: 40px; } .b-profile-info-card__section-icon[data-v-235b6557] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; margin-right: 5px; } .b-profile-info-card__section-icon .g-icon[data-v-235b6557] { width: 16px; height: 16px; flex: 0 0 16px; } .b-profile-info-card__section-name.m-few-lines[data-v-235b6557] { display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-profile-info-card__btn-move[data-v-235b6557] { cursor: ew-resize; margin-left: auto; } .b-things__sortable-ghost[data-v-235b6557] { opacity: 0; } .b-things__sortable-drag[data-v-235b6557] { background: var(--bg-color); } .b-things__sortable-drag .b-things__icon-move[data-v-235b6557] { color: rgb(0, 175, 240); } .b-dragscroll[data-v-5a3acf4f] { display: flex; align-content: stretch; align-items: stretch; line-height: normal; user-select: none; } .b-dragscroll.m-full-width[data-v-5a3acf4f] { flex: 0 0 100%; } .b-dragscroll.m-gaps-inside[data-v-5a3acf4f] { padding-left: 16px; padding-right: 16px; } .b-dragscroll.m-gaps-outside[data-v-5a3acf4f] { margin-left: -16px; margin-right: -16px; flex: 0 0 calc(100% + 32px); } .b-dragscroll.m-gaps-vertical[data-v-5a3acf4f] { padding-top: 16px; padding-bottom: 16px; } .b-dragscroll.m-left-gap-outside[data-v-5a3acf4f] { margin-left: -16px; } .b-tabs__nav.m-single-current .b-dragscroll.m-left-gap-outside + .dropdown[data-v-5a3acf4f] { margin-left: auto; padding-left: 10px; } .b-dragscroll.m-wrap-items-text > [data-v-5a3acf4f]:not(.g-text-ellipsis), .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] :not(.g-text-ellipsis) { white-space: normal; } .b-dragscroll.m-wrap-items-text > .g-text-ellipsis [data-v-5a3acf4f], .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] .g-text-ellipsis * { white-space: inherit; } .b-dragscroll[data-v-5a3acf4f]:not(.m-wrap-items-text) * { white-space: nowrap; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item) { margin-right: 8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item).vue-recycle-scroller__item-wrapper { margin-right: -8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :last-child { margin-right: 0px; } @supports (-moz-appearance:none) { .b-dragscroll[data-v-5a3acf4f] > :last-child { margin-right: 16px; } } .b-dragscroll > div:last-child .b-tabs__nav__item[data-v-5a3acf4f] { margin-right: 0px; } .b-dragscroll.m-reset-overscroll[data-v-5a3acf4f] { overscroll-behavior: auto; } .b-dragscroll.m-scroll-behavior[data-v-5a3acf4f] { scroll-behavior: smooth; } .b-dragscroll button[data-no-dragscroll] [data-v-5a3acf4f], .b-dragscroll[data-v-5a3acf4f] button[data-no-dragscroll] * { pointer-events: none; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view { width: 134px; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view > .b-posts_preloader { height: 100%; } .m-friend-recommended .b-friend__content[data-v-cdcbc684] { padding: 11px 11px 11px 128px; border-radius: 0px 0px 6px 6px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.25); } .b-friend__content .b-username-row[data-v-cdcbc684] { max-width: 100%; flex: 0 0 100%; justify-content: center; } .m-friend-recommended .b-friend__content .b-username-row[data-v-cdcbc684] { justify-content: flex-start; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-name, .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-username { color: rgb(254, 254, 254); } .b-friend__content .g-user-name[data-v-cdcbc684] { font-size: 14px; line-height: 24px; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-name { font-size: 19px; line-height: 24px; } .b-friend__content .g-user-username[data-v-cdcbc684] { font-size: 12px; line-height: 16px; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-username { font-size: 14px; line-height: 18px; } .b-friend__avatar[data-v-cdcbc684] { margin: 0px auto; z-index: 1; } .m-friend-recommended .b-friend__avatar[data-v-cdcbc684] { position: absolute; left: 14px; bottom: 14px; } .b-friend .b-dropdown[data-v-cdcbc684] { position: absolute; right: 0px; top: 5px; z-index: 3; } .b-friend .g-icon.m-has-promo[data-v-cdcbc684] { display: block; } .b-posts_preloader.m-friend-recommended[data-v-cdcbc684] { height: 100%; } .b-list-titles[data-v-f7c4795c] { display: flex; align-items: center; margin-bottom: 10px; } .m-subscriptions .b-list-titles[data-v-f7c4795c] { margin-bottom: 12px; } .b-selection-user .b-list-titles[data-v-f7c4795c] { margin-left: -6px; min-width: 0px; } .b-list-titles.m-right-together[data-v-f7c4795c] { margin-right: -16px; } .b-list-titles.m-right-together .b-dragscroll[data-v-f7c4795c] { padding-right: 16px; } .b-list-titles.m-bubble-view[data-v-f7c4795c] { padding: 10px 0px 10px 12px; border-radius: inherit; } .m-queue-post .m-type-message .b-list-titles[data-v-f7c4795c] { background-color: rgba(0, 175, 240, 0.12); } .b-list-titles.m-over-img[data-v-f7c4795c] { position: absolute; right: 0px; bottom: 15px; width: calc(100% - 66px); color: rgb(254, 254, 254); padding-left: 62px; z-index: 2; } .b-list-titles.m-over-img[data-v-f7c4795c] .b-dot-item::after { color: rgb(254, 254, 254); } .b-list-titles.g-gray-text[data-v-f7c4795c] .b-dot-item::after { color: rgb(138, 150, 163); } .b-list-titles[data-v-f7c4795c] .b-dot-item::after { color: var(--text-color); } .b-list-titles[data-v-f7c4795c] .g-btn.m-link .g-icon { vertical-align: top; margin-right: 5px; margin-top: 2px; } .g-btn.m-btn-icon[data-v-f7c4795c] { width: auto; height: 16px; flex: initial; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-btn-icon[data-v-f7c4795c]:focus-visible { outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: 4px; } } [data-v-f7c4795c] .g-btn.m-btn-icon { display: flex; flex-direction: row; place-content: center; align-items: center; margin-right: 7px; } [data-v-f7c4795c] .g-btn.m-btn-icon:not(.m-reset-width) { min-width: 24px; margin-right: 4px; } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon { color: inherit; line-height: 18px; min-height: auto; z-index: 1; } [data-v-f7c4795c] .g-btn.m-btn-icon .g-icon { width: 16px; height: 16px; flex: 0 0 16px; color: rgb(0, 175, 240); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon .g-icon { color: inherit; } [data-v-f7c4795c] .g-btn.m-btn-icon:hover .g-icon { color: rgb(0, 145, 234); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon:hover .g-icon { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { [data-v-f7c4795c] .g-btn.m-btn-icon:focus-visible .g-icon { color: rgb(0, 145, 234); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon:focus-visible .g-icon { color: rgb(254, 254, 254); } } [data-v-f7c4795c] .g-btn.m-btn-icon.m-current, [data-v-f7c4795c] .g-btn.m-btn-icon.m-current:hover { background: rgba(0, 175, 240, 0.12); color: var(--text-color); } .banner_place[data-v-57df4e2a] { position: relative; max-width: 100%; padding-bottom: 6px; } @media (max-width: 1003.98px) { .banner_place[data-v-57df4e2a] { margin-bottom: 16px; padding-bottom: 16px; } .banner_place[data-v-57df4e2a]::after { content: ""; position: absolute; bottom: 0px; left: -16px; right: -16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } } .banner_place[data-v-57df4e2a] .swiper-pagination-bullets { margin-top: 12px; } .banner_place[data-v-57df4e2a]:first-child { margin-top: 16px; } .banner_place_border[data-v-57df4e2a] { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); } .banner_place img[data-v-57df4e2a] { border-radius: 6px; } .banner_place[data-v-57df4e2a] .swiper-wrapper { display: grid; grid-auto-flow: column; align-items: flex-start; } .b-recommended.m-selected-bg[data-v-6e1821da] { padding: 16px; border-radius: 6px; background-color: rgba(138, 150, 163, 0.08); margin-bottom: 56px; } @media (min-width: 500px) { .b-recommended.m-selected-bg[data-v-6e1821da] { margin-bottom: 16px; } } @media (max-width: 1003.98px) { .b-feed__aside .b-recommended[data-v-6e1821da] { margin-left: -16px; margin-right: -16px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin-bottom: 20px; padding-bottom: 16px; } .vue-recycle-scroller .b-feed__aside .b-recommended[data-v-6e1821da] { margin-top: -15px; } .b-feed__aside:last-child .b-recommended[data-v-6e1821da] { border-bottom: medium; border-top: 1px solid rgba(138, 150, 163, 0.25); margin-bottom: 0px; margin-top: 10px; } } .b-recommended[data-v-6e1821da] .g-section__header { margin-right: 74px; justify-content: flex-start; } .b-recommended[data-v-6e1821da] .g-section-title { margin-right: auto; } .b-recommended[data-v-6e1821da] .g-btn.m-icon { margin: -3px 0px -3px 6px; } [data-v-6e1821da] .b-recommended__list { padding: 13px 0px 6px; position: relative; } [data-v-6e1821da] .b-recommended__wrapper { position: relative; min-height: 360px; } @media (min-width: 768px) { [data-v-6e1821da] .b-recommended__wrapper { min-height: 493px; } } @media (max-width: 1003.98px) { [data-v-6e1821da] .b-recommended__wrapper:not(:last-child) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-feed__aside .b-recommended[data-v-6e1821da] .b-recommended__wrapper { padding-left: 16px; padding-right: 16px; padding-bottom: 10px; } .b-feed__aside .b-recommended .b-expired__wrapper[data-v-6e1821da] { padding-left: 16px; padding-right: 16px; } } .b-recommended[data-v-6e1821da] .swiper-wrapper { display: grid; grid-auto-flow: column; align-items: flex-start; } .b-recommended[data-v-6e1821da] .swiper-wrapper .swiper-slide .b-posts_preloader { height: 128px; margin-bottom: 16px; } .b-recommended[data-v-6e1821da] .swiper-wrapper .swiper-slide .b-posts_preloader:last-child, .b-recommended[data-v-6e1821da] .swiper-wrapper .swiper-slide .b-profile-info-card:last-child { margin-bottom: 0px; } .b-recommended[data-v-6e1821da] [class*="swiper-button-"] { position: absolute; top: -28px; bottom: auto; left: auto; z-index: 0; } @media (max-width: 767.98px) { .b-recommended[data-v-6e1821da] [class*="swiper-button-"] { top: -30px; } } .b-recommended[data-v-6e1821da] [class*="swiper-button-"]::after { display: block; } .b-recommended[data-v-6e1821da] [class*="swiper-button-"][disabled] { opacity: 0.35; pointer-events: none; } .b-recommended[data-v-6e1821da] .swiper-button-prev { right: 40px; } .b-recommended[data-v-6e1821da] .swiper-button-next { right: 0px; } .b-profile__header[data-v-c2f46332] { height: 180px; position: relative; } .b-profile__header.m-modal-size[data-v-c2f46332] { height: 90px; } .b-profile__header.m-modal-size.m-shadow-bottom[data-v-c2f46332]::before { transform: rotate(180deg); height: inherit; opacity: 0.3; } .b-profile__header.m-rounded-top-corners[data-v-c2f46332] { border-top-left-radius: 6px; border-top-right-radius: 6px; } .b-profile__header.m-rounded-top-corners .b-profile__header__cover-img[data-v-c2f46332] { border-radius: inherit; } .b-profile__header.m-shadow-top[data-v-c2f46332]::after { content: ""; background: linear-gradient(rgb(0, 0, 0), rgba(138, 150, 163, 0)) 0% 0% / 100% 144px no-repeat; position: absolute; inset: 0px; opacity: 0.4; } .b-profile__header.m-overlay-layer[data-v-c2f46332]::after { position: absolute; inset: 0px; background: rgb(0, 0, 0); opacity: 0.12; pointer-events: none; content: ""; } .b-profile__header.m-shadow-bottom[data-v-c2f46332]::before { content: ""; background: linear-gradient(rgba(138, 150, 163, 0), rgb(0, 0, 0)); position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; pointer-events: none; opacity: 0.25; z-index: 1; } .l-profile-page .b-profile__header[data-v-c2f46332] + .b-profile__header__user { margin-top: -32px; padding-top: 48px; } .b-profile__header__cover[data-v-c2f46332] { position: relative; padding-top: 8px; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.24) 23%, rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.06) 56%, rgba(0, 0, 0, 0.05) 63%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0.12) 84%, rgba(0, 0, 0, 0.24)); } .b-profile__header__cover-img[data-v-c2f46332] { position: absolute; left: 0px; top: 0px; pointer-events: none; width: 100%; height: 100%; object-fit: cover; display: block; } .l-profile-container.m-parent-sticky-header[data-v-73b30a66] { position: relative; z-index: 0; } .b-profile__content.m-over-gap[data-v-73b30a66] { margin-top: 23px; } .b-user-info[data-v-73b30a66] { font-size: 16px; line-height: 24px; margin-bottom: 19px; } .b-user-info.m-mb-sm[data-v-73b30a66] { margin-bottom: 12px; } [data-v-73b30a66] .b-user-info__detail { position: relative; font-size: 14px; line-height: 20px; margin-top: 3px; margin-bottom: 4px; color: rgb(138, 150, 163); } [data-v-73b30a66] .b-user-info__detail + .b-user-info__detail, [data-v-73b30a66] .b-user-info__detail:first-child { margin-top: 0px; } [data-v-73b30a66] .b-user-info__text p { margin-bottom: 0px; } [data-v-73b30a66] .b-user-info__detail.m-markdown em > strong, [data-v-73b30a66] .b-user-info__detail.m-markdown strong > em, [data-v-73b30a66] .b-user-info__text.m-markdown em > strong, [data-v-73b30a66] .b-user-info__text.m-markdown strong > em { color: rgb(0, 175, 240); } .b-user-info__detail a[data-v-73b30a66], .b-user-info__text a[data-v-73b30a66] { color: rgb(138, 150, 163); } .b-user-info__detail a[data-v-73b30a66]:hover, .b-user-info__text a[data-v-73b30a66]:hover { text-decoration: underline; color: rgb(0, 145, 234); } [data-v-73b30a66] .b-user-info__detail .g-icon.m-initial-icon, [data-v-73b30a66] .b-user-info__text .g-icon.m-initial-icon { margin-right: 5px; transform: translateY(2px); vertical-align: top; } .b-profile-section-btns[data-v-73b30a66] { position: relative; } .b-profile-section-btns.m-over-separator[data-v-73b30a66] { border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 8px; } .b-profile-section-btns.m-over-separator[data-v-73b30a66]::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 8px; background-color: var(--marked-color); } .b-with-over-separator[data-v-73b30a66] { position: relative; border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 8px; } .b-with-over-separator[data-v-73b30a66]::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 8px; background-color: var(--marked-color); } .b-profile__names[data-v-73b30a66] { margin-top: 14px; } .b-group-profile-btns[data-v-73b30a66] { max-width: calc(100% - 114px); } .b-fraud-user[data-v-4d3d757d] { font-size: 16px; line-height: 24px; padding: 16px 16px 0px; border-top: 1px solid rgba(138, 150, 163, 0.25); margin: 3px 0px 0px; } @media (min-width: 768px) { .b-fraud-user[data-v-4d3d757d] { margin-left: 16px; margin-right: 16px; padding: 16px 0px 0px; } } .b-fraud-user p[data-v-4d3d757d] { margin: 0px 0px 8px; } .b-fraud-user .g-danger-text[data-v-4d3d757d] { color: rgb(255, 96, 96); } .b-fraud-user h4.g-section-title[data-v-4d3d757d] { color: inherit; padding: 0px 0px 11px; } .b-fraud-user h5.g-section-title[data-v-4d3d757d] { font-size: 14px; padding: 10px 0px 7px; } .b-fraud-user .b-table[data-v-4d3d757d] { margin: 17px 0px 0px; font-size: 14px; border-radius: 6px 6px 0px 0px; } .b-fraud-user .b-table thead th[data-v-4d3d757d] { font-size: inherit; padding-top: 13px; color: rgb(138, 150, 163); } .b-fraud-user .b-table td[data-v-4d3d757d], .b-fraud-user .b-table th[data-v-4d3d757d] { padding-left: 16px; } .b-fraud-user .b-table td[data-v-4d3d757d]:first-child, .b-fraud-user .b-table th[data-v-4d3d757d]:first-child { width: 80px; } .b-fraud-user .b-table td[data-v-4d3d757d]:last-child, .b-fraud-user .b-table th[data-v-4d3d757d]:last-child { text-align: right; } .b-fraud-user .b-table td[data-v-4d3d757d] { padding-bottom: 11px; padding-top: 0px; } .b-fraud-user .b-table tr:first-child ~ tr td[data-v-4d3d757d]::after { content: none; } .b-fraud-user__proceed[data-v-4d3d757d] { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(138, 150, 163, 0.25) rgba(138, 150, 163, 0.25); border-image: none; padding: 15px; border-radius: 0px 0px 6px 6px; margin: 0px 0px 50px; } .b-fraud-user__proceed[data-v-4d3d757d] .g-input__wrapper.b-input-radio__wrapper { padding-right: 0px; padding-left: 0px; } .b-fraud-user__proceed[data-v-4d3d757d] .g-btn { padding-top: 6px; padding-bottom: 6px; } .b-fraud-user__total[data-v-4d3d757d] { font-weight: 500; text-align: right; margin: 0px 0px 16px; } .b-fraud-user__total__value[data-v-4d3d757d] { font-size: 19px; } .b-fraud-user__date[data-v-4d3d757d] { font-size: 12px; color: rgb(138, 150, 163); text-align: center; } .b-under-field[data-v-4e723aa7] { padding-top: 4px; } .m-type-field ~ .b-under-field[data-v-4e723aa7] { height: 52px; } .b-field-hint[data-v-4e723aa7] { color: rgb(138, 150, 163); flex: 1 1 0%; } .m-error .b-field-hint[data-v-4e723aa7] { color: rgb(255, 96, 96); } .count-block[data-v-4e723aa7] { color: rgb(138, 150, 163); } input:autofill { animation-name: on-auto-fill-start; } .b-stream-view__link[data-v-5b732e1c] { flex: 1 1 0%; width: 100%; display: block; } .b-post-media-size-area .b-stream-view__link[data-v-5b732e1c] { position: absolute; left: 0px; right: 0px; z-index: 2; max-height: 100%; } .b-post-media-size-area:not([style*="padding-top"]) .b-stream-view__link[data-v-5b732e1c] { top: 0px; bottom: 0px; } .b-post-media-size-area[style*="padding-top"] .b-stream-view__link[data-v-5b732e1c] { top: 50%; transform: translateY(-50%); } .b-post-media-size-area[style*="padding-top"] .b-stream-view__link .b-post__media__img[data-v-5b732e1c] { position: relative; inset: auto; transform: none; } .b-post-media-size-area[style*="padding-top"] div.b-stream-view__link[data-v-5b732e1c] { padding-top: 59.613%; overflow: hidden; } .b-stream-view__link[data-v-5b732e1c]::after { content: ""; inset: 0px; position: absolute; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.24) 23%, rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.06) 56%, rgba(0, 0, 0, 0.05) 63%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0.12) 84%, rgba(0, 0, 0, 0.24)); z-index: 1; } .m-enable-blur-support .b-stream-view__link .b-post__media__item-inner[data-v-5b732e1c] { transform: none; } .b-stream-view__link .b-post__media__img.m-blur-static[data-v-5b732e1c] { transition: opacity 0.4s; background-color: transparent; display: block; height: auto; filter: blur(50px) opacity(90%); background-position: 50% center; background-size: cover; } .b-stream-view__link .b-post__media__img.m-blur-static.m-blur-static[data-v-5b732e1c] { width: 100%; max-width: 100%; flex: 0 0 100%; max-height: inherit; height: 100%; transform: scale(1.25); } .m-enable-blur-support * .b-stream-view__link .b-post__media__img.m-blur-static.m-blur-static[data-v-5b732e1c] { transform: scale(1.25) translateZ(0px); z-index: -1; } .b-stream-view__link .b-post__media__img.m-blur-static[data-v-5b732e1c]:not(.m-blur-static) { position: absolute; inset: -75px; } .m-enable-blur-support * .b-stream-view__link .b-post__media__img.m-blur-static[data-v-5b732e1c]:not(.m-blur-static) { transform: translateZ(0px); z-index: -1; } .b-post-media-size-area[style*="padding-top"] .b-stream-view__link .b-post__media__img.m-blur-static[data-v-5b732e1c] { height: auto; } .m-stream-post .b-post__date[data-v-5b732e1c] { font-weight: 600; text-transform: uppercase; } .m-scheduled-stream .b-post__media__item-inner[data-v-5b732e1c]::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 50%; background: linear-gradient(rgba(0, 0, 0, 0.4), transparent); z-index: 2; } .b-post-event-detail[data-v-5b732e1c] { position: absolute; top: 14px; left: 16px; right: 16px; color: rgb(254, 254, 254); z-index: 2; } .b-post-event-detail__icon[data-v-5b732e1c] { width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; border-radius: 1000px; position: absolute; left: 0px; top: 2px; } .b-post-event-detail__icon.m-stream-bg-color[data-v-5b732e1c] { background-color: rgb(255, 96, 96); } .b-post-event-detail__content[data-v-5b732e1c] { font-size: 14px; line-height: 20px; padding-left: 48px; text-align: left; } .b-post-event-detail__main[data-v-5b732e1c] { font-weight: 500; } .m-scheduled-stream .b-post__media__item-inner[data-v-ab3feb7c]::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 50%; background: linear-gradient(rgba(0, 0, 0, 0.4), transparent); z-index: 2; } .b-post-event-detail[data-v-ab3feb7c] { position: absolute; top: 14px; left: 16px; right: 16px; color: rgb(254, 254, 254); z-index: 2; } .b-post-event-detail__icon[data-v-ab3feb7c] { width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; border-radius: 1000px; position: absolute; left: 0px; top: 2px; } .b-post-event-detail__icon.m-stream-bg-color[data-v-ab3feb7c] { background-color: rgb(255, 96, 96); } .b-post-event-detail__content[data-v-ab3feb7c] { font-size: 14px; line-height: 20px; padding-left: 48px; text-align: left; } .b-post-event-detail__main[data-v-ab3feb7c] { font-weight: 500; } .p-posts-index-index .b-post__wrapper[data-v-228fe83a] .b-post { flex: 1 1 0%; display: flex; flex-direction: column; } .p-posts-index-index .b-post__wrapper[data-v-228fe83a] .b-post:has(.b-comments) { padding-bottom: 0px; } .p-posts-index-index .b-post__wrapper[data-v-228fe83a] { margin: 0px; border: medium; padding-bottom: 0px; flex: 1 1 0%; display: flex; flex-direction: column; min-height: calc(var(--vh, 1vh)*100 - 82px); } @media (max-width: 499.98px) { .p-posts-index-index .b-post__wrapper[data-v-228fe83a] { min-height: calc(var(--vh, 1vh)*100 - 139px); } } .b-post__wrapper > .g-icon[data-v-228fe83a] { position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); } .b-post__wrapper[style*="height"][data-v-228fe83a] { position: relative; pointer-events: none; } .b-post__wrapper[style*="height"][data-v-228fe83a] .b-post { position: absolute; inset: 0px; } .b-no-posts[data-v-228fe83a] { flex: 1 1 0%; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-no-posts[data-v-228fe83a]:has(> .empty-message) { position: relative; } .b-no-posts__create-post-link[data-v-228fe83a] { margin-top: 96px; margin-bottom: 96px; } @media (max-width: 1003.98px) { .b-no-posts__create-post-link[data-v-228fe83a] { margin-top: 30px; margin-bottom: 30px; } } .vdatetime > * { user-select: none; } .vdatetime-fade-enter-active, .vdatetime-fade-leave-active { transition: opacity 0.4s; } .vdatetime-fade-enter, .vdatetime-fade-leave-to { opacity: 0; } .vdatetime-overlay { z-index: 999; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.5); transition: opacity 0.5s; } .m-vdatetime-tabs .vdatetime-popup__header { margin-bottom: 0px; padding-bottom: 5px; } .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__date, .m-vdatetime-tabs .vdatetime-popup__header .vdatetime-popup__year, .m-vdatetime-tabs .vdatetime-popup__header::after { display: none; } .m-vdatetime-tabs .vdatetime-popup__title { margin-bottom: 0px; } .m-vdatetime-tabs .vdatetime-popup__body { min-height: 300px; } .m-vdatetime-tabs .vdatetime-popup__tabs { display: flex; margin: 0px 16px 22px; width: calc(100% - 32px); border-bottom: 1px solid rgba(138, 150, 163, 0.33); } .m-vdatetime-tabs .vdatetime-popup__tab { font-size: 15px; font-weight: 600; color: rgb(138, 150, 163); position: relative; flex: 0 0 auto; cursor: pointer; padding: 20px 3px; } .m-vdatetime-tabs .vdatetime-popup__tab:not(:first-child) { margin-left: 17px; } .m-vdatetime-tabs .vdatetime-popup__tab::after { content: ""; position: absolute; left: 0px; bottom: -2px; height: 2px; background-color: rgb(39, 39, 43); width: 0px; transition: width 0.3s; } .m-mode-dark .m-vdatetime-tabs .vdatetime-popup__tab::after { background-color: rgb(254, 254, 254); } .m-vdatetime-tabs .vdatetime-popup__tab.active { color: rgb(39, 39, 43); font-weight: 600; } .m-mode-dark .m-vdatetime-tabs .vdatetime-popup__tab.active { color: rgb(254, 254, 254); } .m-vdatetime-tabs .vdatetime-popup__tab.active::after { width: 100%; } .vdatetime-popup { box-sizing: border-box; z-index: 1000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 340px; max-width: calc(100% - 30px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px; color: rgb(68, 68, 68); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; line-height: 1.18; background: rgb(255, 255, 255); } .vdatetime-popup * { user-select: none; box-sizing: border-box; } .vdatetime-popup__header { padding: 18px 30px; background: rgb(63, 81, 181); color: rgb(255, 255, 255); font-size: 32px; } .vdatetime-popup__title { margin-bottom: 8px; font-size: 21px; font-weight: 300; } .vdatetime-popup__year { font-weight: 300; font-size: 14px; opacity: 0.7; cursor: pointer; transition: opacity 0.3s; } .vdatetime-popup__year:hover { opacity: 1; } .vdatetime-popup__date { line-height: 1; cursor: pointer; } .vdatetime-popup__actions { padding: 0px 20px 10px 30px; text-align: right; } .vdatetime-popup__actions__button { display: inline-block; border: medium; padding: 10px 20px; background: transparent; font-size: 16px; color: rgb(63, 81, 181); cursor: pointer; transition: color 0.3s; } .vdatetime-popup__actions__button:hover { color: rgb(68, 68, 68); } .vdatetime-popup__actions__button.disabled { opacity: 0.25; color: rgb(68, 68, 68); cursor: default; } .vdatetime-calendar__navigation, .vdatetime-calendar__navigation * { box-sizing: border-box; } .vdatetime-calendar__navigation { position: relative; margin: 15px 0px; padding: 0px 30px; width: 100%; } .vdatetime-calendar__navigation--next, .vdatetime-calendar__navigation--previous { position: absolute; top: 0px; padding: 0px 5px; width: 18px; cursor: pointer; } .vdatetime-calendar__navigation--next svg, .vdatetime-calendar__navigation--previous svg { width: 8px; height: 13px; } .vdatetime-calendar__navigation--next svg path, .vdatetime-calendar__navigation--previous svg path { transition: stroke 0.3s; } .vdatetime-calendar__navigation--next:hover svg path, .vdatetime-calendar__navigation--previous:hover svg path { stroke: rgb(136, 136, 136); } .vdatetime-calendar__navigation--previous { left: 25px; } .vdatetime-calendar__navigation--next { right: 25px; transform: scaleX(-1); } .vdatetime-calendar__current--month { text-align: center; text-transform: capitalize; } .vdatetime-calendar__month { padding: 0px 20px; transition: height 0.2s; } .vdatetime-calendar__month__day, .vdatetime-calendar__month__weekday { display: inline-block; width: 14.2857%; line-height: 36px; text-align: center; font-size: 15px; font-weight: 300; } .vdatetime-calendar__month__day > span, .vdatetime-calendar__month__weekday > span { display: block; width: 100%; position: relative; height: 0px; padding: 0px 0px 100%; overflow: hidden; } .vdatetime-calendar__month__day > span > span, .vdatetime-calendar__month__weekday > span > span { display: flex; justify-content: center; align-items: center; position: absolute; inset: 0px; border: 0px; border-radius: 50%; transition: background-color 0.3s, color 0.3s; } .vdatetime-calendar__month__weekday { font-weight: 700; } .vdatetime-calendar__month__day { cursor: pointer; } .vdatetime-calendar__month__day:hover > span > span { background: rgb(238, 238, 238); } .vdatetime-calendar__month__day--selected:hover > span > span, .vdatetime-calendar__month__day--selected > span > span { color: rgb(255, 255, 255); background: rgb(63, 81, 181); } .vdatetime-calendar__month__day--disabled { opacity: 0.4; cursor: default; } .vdatetime-calendar__month__day--disabled:hover > span > span { color: inherit; background: transparent; } .vdatetime-time-picker { box-sizing: border-box; } .vdatetime-time-picker::after { content: ""; display: table; clear: both; } .vdatetime-time-picker * { box-sizing: border-box; } .vdatetime-time-picker__list { float: left; width: 50%; height: 305px; overflow-y: scroll; } .vdatetime-time-picker__list::-webkit-scrollbar { width: 3px; } .vdatetime-time-picker__list::-webkit-scrollbar-track { background: rgb(239, 239, 239); } .vdatetime-time-picker__list::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); } .vdatetime-time-picker__with-suffix .vdatetime-time-picker__list { width: 33.3%; } .vdatetime-time-picker__item { padding: 10px 0px; font-size: 20px; text-align: center; cursor: pointer; transition: font-size 0.3s; } .vdatetime-time-picker__item:hover { font-size: 32px; } .vdatetime-time-picker__item--selected { color: rgb(63, 81, 181); font-size: 32px; } .vdatetime-time-picker__item--disabled { opacity: 0.4; cursor: default; font-size: 20px !important; } .vdatetime-year-picker { box-sizing: border-box; } .vdatetime-year-picker::after { content: ""; display: table; clear: both; } .vdatetime-year-picker * { box-sizing: border-box; } .vdatetime-year-picker__list { float: left; width: 100%; height: 305px; overflow-y: scroll; } .vdatetime-year-picker__list::-webkit-scrollbar { width: 3px; } .vdatetime-year-picker__list::-webkit-scrollbar-track { background: rgb(239, 239, 239); } .vdatetime-year-picker__list::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); } .vdatetime-year-picker__item { padding: 10px 0px; font-size: 20px; text-align: center; cursor: pointer; transition: font-size 0.3s; } .vdatetime-year-picker__item:hover { font-size: 32px; } .vdatetime-year-picker__item--selected { color: rgb(63, 81, 181); font-size: 32px; } .vdatetime-year-picker__item--disabled { opacity: 0.4; cursor: default; } .vdatetime-year-picker__item--disabled:hover { color: inherit; background: transparent; } .vdatetime-month-picker { box-sizing: border-box; } .vdatetime-month-picker::after { content: ""; display: table; clear: both; } .vdatetime-month-picker * { box-sizing: border-box; } .vdatetime-month-picker__list { float: left; width: 100%; height: 305px; overflow-y: scroll; } .vdatetime-month-picker__list::-webkit-scrollbar { width: 3px; } .vdatetime-month-picker__list::-webkit-scrollbar-track { background: rgb(239, 239, 239); } .vdatetime-month-picker__list::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); } .vdatetime-month-picker__item { padding: 10px 0px; font-size: 20px; text-align: center; cursor: pointer; transition: font-size 0.3s; } .vdatetime-month-picker__item:hover { font-size: 32px; } .vdatetime-month-picker__item--selected { color: rgb(63, 81, 181); font-size: 32px; } .vdatetime-month-picker__item--disabled { opacity: 0.4; cursor: default; } .vdatetime-month-picker__item--disabled:hover { color: inherit; background: transparent; } .b-bundles-group .b-tab-container[data-v-58699068] { padding-left: 16px; padding-right: 16px; padding-bottom: 16px; } .m-last-posts__preloader[data-v-755efde7] { padding: calc(12.5% - 8.5px) 0px; } .b-profile__content__list[data-v-f32f9418]:empty { display: none; } .b-profile__content__item[data-v-f32f9418] { position: relative; } .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418] { overflow: hidden; } @media (min-width: 1004px) { .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418] { margin-bottom: 16px; } .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418]:last-child { margin-bottom: 0px; } } .m-my-profile .b-profile__content__item[data-v-f32f9418]:last-child { border-bottom: medium; } @media (max-width: 1003.98px) { .m-my-profile .b-profile__content__item[data-v-f32f9418]:last-child::after { display: none; } } .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418] .b-tab-container { padding-bottom: 16px; } .b-profile__content__item[data-v-f32f9418] .b-tab-container.m-loading-content { min-height: 168px; display: flex; flex-direction: row; place-content: center; align-items: center; } .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; pointer-events: none; } @media (max-width: 1003.98px) { .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418]::after { height: 1px; background-color: rgba(138, 150, 163, 0.25); } } @media (min-width: 1004px) { .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418]::after { top: 0px; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; } } @media (max-width: 1003.98px) { .l-wrapper__sidebar .b-profile__content__item[data-v-f32f9418]:last-child::after { display: none; } .b-profile__content__item.active[data-v-f32f9418] { border-bottom: 8px solid var(--marked-color); padding-bottom: 16px; } .b-profile__content__item.active[data-v-f32f9418]:last-child { border-bottom: medium; } } @media (max-width: 767.98px) { .b-profile__bio__content[data-v-f32f9418] { padding-left: 16px; padding-right: 16px; } } .b-profile-list[data-v-f32f9418] { position: relative; z-index: 0; } @media (max-width: 1003.98px) { .b-profile-list[data-v-f32f9418]:not(:empty) { border-top: 1px solid rgba(138, 150, 163, 0.25); } } .b-profile-list.m-separate-line[data-v-f32f9418] { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding-bottom: 30px; } @media (min-width: 1004px) { .b-profile-list.m-separate-line[data-v-f32f9418] { margin-bottom: 30px; } } .b-profile__user[data-v-3ea4788a] { margin-top: -50px; } .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin: -42px 0px 6px; pointer-events: none; } .modal .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin-bottom: 14px; } .b-profile__user.m-inside-modelcard .g-avatar[data-v-3ea4788a] { pointer-events: auto; } .l-profile-page .b-profile__user[data-v-3ea4788a] { flex-wrap: wrap; margin-bottom: 11px; margin-top: 0px; } .b-profile__user__info[data-v-3ea4788a] { flex-grow: 1; padding-top: 2px; padding-bottom: 2px; min-width: 0px; } .b-profile__user__info.m-with-status[data-v-3ea4788a] { padding-top: 50px; padding-bottom: 0px; position: relative; } .m-inside-modelcard .b-profile__user__info [data-v-3ea4788a] { pointer-events: auto; } .b-profile-status[data-v-19250307] { font-size: 14px; line-height: 18px; color: rgb(254, 254, 254); } .b-compact-header .b-profile-status[data-v-19250307], .l-profile-page .b-profile-status[data-v-19250307] { color: rgb(138, 150, 163); margin-bottom: auto; } .b-users__item.m-subscriptions .b-profile-status[data-v-19250307] { margin-bottom: 0px; position: absolute; left: 0px; bottom: 64px; display: block; } .b-profile-status.m-online[data-v-19250307], .b-profile-status.m-restricted[data-v-19250307], .b-profile-status.online_status_class[data-v-19250307] { padding-left: 14px; position: relative; } .b-profile-status.m-online[data-v-19250307]::after, .b-profile-status.m-restricted[data-v-19250307]::after { content: ""; width: 8px; height: 8px; border-radius: 1000px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } .b-profile-status.m-online[data-v-19250307]::after { background-color: rgb(53, 208, 99); } .b-profile-status.m-restricted[data-v-19250307]::after { content: none; } .b-profile-status.m-separator[data-v-19250307] { position: relative; } .b-profile-status.m-separator .b-dropdown[data-v-19250307]:not(:last-child)::after, .b-profile-status.m-separator[data-v-19250307]::before { content: "•"; color: rgba(138, 150, 163, 0.75); margin-left: 8px; margin-right: 8px; } .b-profile-status .b-post__tools__more[data-v-19250307] { margin-left: auto; margin-right: 7px; } .b-profile-status__icon[data-v-19250307] { width: 8px; height: 8px; background: var(--bg-color); position: absolute; left: 0px; top: 5px; color: rgb(254, 254, 254); } .b-profile-status__icon[data-v-19250307]::after { content: ""; position: absolute; inset: 0px; background-color: rgba(138, 150, 163, 0.4); border-radius: 1000px; z-index: 0; } .b-profile-status__icon .g-icon[data-v-19250307] { width: 8px; height: 8px; flex: 0 0 8px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 1; } .b-profile-status .g-avatar__icon[data-v-19250307] { width: 9px; height: 9px; flex: 0 0 9px; left: -1px; right: auto; top: 50%; transform: translateY(-50%); position: absolute; background: rgb(255, 72, 91); border-color: var(--bg-color); border-radius: 1000px; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-profile-status .g-avatar__icon .g-icon[data-v-19250307] { vertical-align: top; fill: rgb(254, 254, 254); width: 8px; height: 8px; flex: 0 0 8px; } .b-profile-status span[title][data-v-19250307] { margin-left: 4px; } .b-users__item.m-subscriptions .b-profile-status span[title][data-v-19250307] { margin-left: 0px; } .b-profile__sections[data-v-468f1f31] { --size-gradient: 13px; padding: 2px 0px 0px; margin: 0 0 0 calc(var(--size-gradient)*-1); mask-image: linear-gradient(to right,transparent 0,#000 var(--size-gradient),#000 calc(100% - var(--size-gradient)),transparent 100%); color: rgb(254, 254, 254); } .b-profile__sections .b-dragscroll[data-v-468f1f31] { padding-left: var(--size-gradient); padding-right: var(--size-gradient); } .b-compact-header.m-sticky .b-profile__sections[data-v-468f1f31] { display: none; } .b-profile__sections .b-dot-item[data-v-468f1f31]::after { opacity: 0.75; } .b-profile__sections__item[data-v-468f1f31] { color: inherit; } .b-profile__sections__item .m-likes[data-v-468f1f31] { cursor: default; } .b-profile__sections__item .g-icon[data-v-468f1f31] { margin-right: 4px; position: relative; top: -1px; } .b-profile__sections__item a[data-v-468f1f31]:hover { color: inherit; text-decoration: underline; } .b-profile__sections__link[data-v-468f1f31]:not(.m-no-hover) { cursor: pointer; } .b-profile__sections__link[data-v-468f1f31]:not(.m-no-hover):hover { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .b-profile__sections__item.has-tooltip[data-v-468f1f31]:focus-visible, .b-profile__sections__item.has-tooltip[data-v-468f1f31]:has(.g-icon):focus-visible, .b-profile__sections__link.has-tooltip[data-v-468f1f31]:focus-visible, .b-profile__sections__link.has-tooltip[data-v-468f1f31]:has(.g-icon):focus-visible { outline: none; text-decoration: underline; } } .b-profile__sections__count[data-v-468f1f31] { margin-right: 4px; } .b-profile__sections__count[data-v-468f1f31]:last-child { margin-right: 0px; } .js-compact-sticky-header[data-v-468f1f31] { right: var(--scrollbar-width); } .b-compact-header[data-v-468f1f31] { position: sticky; left: 0px; right: 0px; top: -56px; height: 56px; margin-bottom: -56px; transition: top 0.2s; z-index: 6; } .b-compact-header__wrapper[data-v-468f1f31] { padding: 7px 10px 7px 0px; height: inherit; } .b-compact-header:not(.m-sticky) .b-profile-status[data-v-468f1f31] { display: none; } .b-compact-header:not(.m-sticky) .g-page__header__btn[data-v-468f1f31]::after { background-color: rgb(254, 254, 254); } .b-compact-header:not(.m-sticky) .b-user-name__btn-edit[data-v-468f1f31], .b-compact-header[data-v-468f1f31]:not(.m-sticky) .g-user-name { color: rgb(254, 254, 254); } .b-compact-header.m-sticky[data-v-468f1f31] { color: var(--text-color); background-color: var(--bg-color); border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-compact-header.m-sticky[data-v-468f1f31]:not(.g-header-sticky-edge) { top: 0px; } @media (min-width: 500px) { body[style*="padding-right"] #content[style*="margin-left"] .b-compact-header.m-sticky[data-v-468f1f31] { box-sizing: content-box; } } .b-compact-header.m-sticky .dropdown-toggle[data-v-468f1f31] { color: var(--text-color); } .b-compact-header.m-sticky .b-profile__sections__item[data-v-468f1f31]:not(:last-child)::after { background-color: rgb(138, 150, 163); } .b-compact-header.m-sticky .b-profile__sections__link[data-v-468f1f31] { color: rgb(138, 150, 163); } .b-compact-header.m-sticky .dropdown[data-v-468f1f31] .dropdown-toggle { color: var(--text-color); } .b-compact-header.m-sticky .dropdown[data-v-468f1f31] .dropdown-toggle:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-compact-header.m-sticky .dropdown[data-v-468f1f31] .dropdown-toggle:focus-visible { color: rgb(0, 145, 234); } } @media (max-width: 767.98px) { .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky[data-v-468f1f31] { color: var(--text-color); background-color: var(--bg-color); border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .b-compact-header__wrapper .b-profile__sections[data-v-468f1f31] { display: none; } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .b-compact-header__wrapper .b-profile-status[data-v-468f1f31] { display: block; } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .dropdown-toggle[data-v-468f1f31] { color: var(--text-color); } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .b-profile__sections__item[data-v-468f1f31]:not(:last-child)::after { background-color: rgb(138, 150, 163); } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .b-profile__sections__link[data-v-468f1f31] { color: rgb(138, 150, 163); } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .dropdown .dropdown-toggle[data-v-468f1f31] { color: var(--text-color); } .m-sidebar-visible.m-prevent-scrolling body[style*="top"] .b-compact-header.m-sticky .dropdown .dropdown-toggle[data-v-468f1f31]:hover { color: rgb(0, 145, 234); } } .b-compact-header .g-page__header__btn[data-v-468f1f31] { margin-right: 9px; margin-left: -7px; } .b-compact-header__upcoming-streams-page h2[data-v-468f1f31] { font-size: 19px; line-height: 24px; margin-bottom: 0px; } .b-compact-header .b-username-row[data-v-468f1f31] { max-width: 100%; flex: 0 0 100%; } .fast-verify-error { text-align: right; font-style: italic; color: rgb(231, 108, 108); } .b-preloader-height[data-v-9267325e] { min-height: calc(var(--vh, 1vh)*100 - 56px); display: flex; flex-flow: wrap; place-content: center; align-items: center; } .b-preloader-height .b-content-filter-wrapper[data-v-9267325e], .b-preloader-height .b-tabs__nav[data-v-9267325e] { width: 100%; } .b-preloader-height .user_posts[data-v-9267325e] { padding-top: 0px; } .l-wrapper__content > .b-wrapper-404.g-sides-gaps[data-v-020f8ab8], .m-black-body .b-wrapper-404[data-v-020f8ab8] { min-height: calc(var(--vh, 1vh)*100); } .m-black-body .b-404[data-v-020f8ab8] { color: rgb(254, 254, 254); } .b-404__title[data-v-020f8ab8] { font-size: 30px; margin-bottom: 10px; margin-top: 0px; } .b-404__subtitle[data-v-020f8ab8] { margin-bottom: 30px; font-size: 18px; } .b-404__description[data-v-020f8ab8] { color: rgb(138, 150, 163); } .b-story-item[data-v-3573f929] { border-radius: 6px; width: 128px; height: 128px; flex: 0 0 128px; min-height: 100%; position: relative; overflow: hidden; cursor: pointer; text-align: left; display: block; } @media (any-hover: hover) and (pointer: fine) { .b-story-item[data-v-3573f929]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .b-story-item.m-btn-sm[data-v-3573f929] { width: 64px; height: 64px; flex: 0 0 64px; } .b-story-item[data-v-3573f929]::after { content: ""; pointer-events: none; inset: 0px; border: 1px solid rgba(138, 150, 163, 0.25); position: absolute; z-index: 1; border-radius: inherit; } .b-story-item.m-create[data-v-3573f929] { transition: color 0.1s; } .b-story-item.m-create[data-v-3573f929]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-create[data-v-3573f929]:focus-visible { color: rgb(0, 145, 234); } } .b-story-item.m-story-archive .b-story-item__inside[data-v-3573f929] { opacity: 0.5; background-color: transparent; } .b-story-item.m-viewed .b-story-item__inside[data-v-3573f929] { opacity: 0.5; background-color: rgb(0, 0, 0); } .b-story-item.m-viewed:hover .b-story-item__icon[data-v-3573f929] { border-color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-viewed:focus-visible .b-story-item__icon[data-v-3573f929] { border-color: rgb(254, 254, 254); } } .b-story-item.m-blur-story-item .img-responsive[data-v-3573f929] { filter: blur(15px); } .b-story-item.m-story-item-own:hover .b-story-item__icon[data-v-3573f929] { background-color: rgba(255, 255, 255, 0.12); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-story-item-own:focus-visible .b-story-item__icon[data-v-3573f929] { background-color: rgba(255, 255, 255, 0.12); } } .b-story-item.m-scheduled-story[data-v-3573f929] { color: rgb(254, 254, 254); } .b-story-item.m-scheduled-story .img-responsive[data-v-3573f929] { opacity: 0.5; } .b-story-item.m-gradient-overlay[data-v-3573f929] { color: rgb(254, 254, 254); } .b-story-item__inside[data-v-3573f929] { position: absolute; inset: 0px; padding: 11px 16px; display: flex; flex-direction: column; justify-content: flex-end; color: inherit; height: 100%; } .m-gradient-overlay .b-story-item__inside[data-v-3573f929]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background: linear-gradient(0deg, rgb(0, 0, 0), transparent); opacity: 0.4; transition: opacity 0.1s; outline: none; } .m-gradient-overlay:hover .b-story-item__inside[data-v-3573f929]::after { opacity: 0.33; } .m-gradient-overlay:focus-visible .b-story-item__inside[data-v-3573f929]::after { opacity: 0.33; } .m-gradient-backward .b-story-item__inside[data-v-3573f929]::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.25)); z-index: 2; } .m-paid-stream .b-story-item__inside[data-v-3573f929]::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 175, 240); transform-origin: left top 0px; transition: opacity 0.1s; border-radius: 6px; pointer-events: none; opacity: 0; z-index: 1; } .m-paid-stream.m-unlock-stream .b-story-item__inside[data-v-3573f929]::before { opacity: 1; } .b-story-item__inside[data-v-3573f929] .b-dropdown.m-dropdown-position { position: absolute; top: 8px; right: 8px; z-index: 3; } .b-story-item__icon[data-v-3573f929] { width: 36px; height: 36px; border-radius: 1000px; color: rgb(254, 254, 254); display: flex; flex-direction: column; place-content: center; align-items: center; overflow: hidden; border-width: 2px; border-style: solid; transition: border-color 0.1s, background-color 0.1s; z-index: 2; position: absolute; left: 14px; top: 14px; box-sizing: content-box; } .b-story-item__icon.m-avatar[data-v-3573f929] { border: medium; overflow: visible; border-radius: 0px; } .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929]:first-child { z-index: 1; } .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929]:nth-child(2) { margin-top: -100%; margin-left: 40px; z-index: 0; } .m-paid-stream .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929] { transition: transform 0.1s; } .m-unlock-stream .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929] { transform: translateX(calc(-100% - 20px)); } .m-gradient-overlay .b-story-item__icon[data-v-3573f929]:not(.m-avatar) { border-color: rgba(255, 255, 255, 0.5); } .m-gradient-overlay .b-story-item__icon[data-v-3573f929]:not(.m-avatar)::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.2; background-color: rgb(0, 0, 0); z-index: -1; } .m-gradient-overlay:not(.m-story-item-own):focus-visible .b-story-item__icon[data-v-3573f929]:not(.m-avatar), .m-gradient-overlay:not(.m-story-item-own):hover .b-story-item__icon[data-v-3573f929]:not(.m-avatar) { border-color: rgb(254, 254, 254); } .m-create[data-v-3573f929] .b-story-item__icon { border-color: rgba(138, 150, 163, 0.08); color: rgb(0, 175, 240); transition: border-color 0.1s; } .m-create[data-v-3573f929]:hover .b-story-item__icon { border-color: transparent; background-color: rgba(0, 145, 234, 0.06); } .m-create[data-v-3573f929]:focus-visible .b-story-item__icon { border-color: transparent; background-color: rgba(0, 145, 234, 0.06); } .b-story-item__text[data-v-3573f929] { position: relative; z-index: 2; font-size: 14px; line-height: 20px; order: 1; font-weight: 500; } .m-create:not(.m-gradient-overlay):not(:hover):not(:focus-visible) .b-story-item__text[data-v-3573f929] { color: var(--text-color); } .m-gradient-overlay .b-story-item__text[data-v-3573f929] { color: inherit; } .m-paid-stream .b-story-item__text[data-v-3573f929] { transition: transform 0.1s; } .m-unlock-stream .b-story-item__text[data-v-3573f929] { transform: translateY(calc(100% + 16px)); } .b-story-item__loader[data-v-3573f929] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 1000px; padding: 6px; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); } .b-story-item__loader .b-posts_preloader[data-v-3573f929] { width: 24px; height: 24px; } .b-story-item__loader .g-icon[data-v-3573f929] { color: rgb(36, 37, 41); } .b-story-item__link[data-v-3573f929] { color: rgb(254, 254, 254); display: block; } @media (min-width: 768px) { .b-story-item__link[data-v-3573f929]:hover { color: rgb(254, 254, 254); } } .b-story-item__time-scheduled[data-v-3573f929] { z-index: 2; } .b-story-item__time-scheduled .g-icon[data-v-3573f929] { width: 14px; height: 14px; flex: 0 0 14px; margin-right: 7px; } .b-story-item__text-near-avatar[data-v-3573f929] { position: absolute; left: 60px; top: 19px; right: 5px; z-index: 2; } .b-story-item__text-near-avatar[data-v-3573f929] .datetime span { display: block; } .b-story-item__text-near-avatar[data-v-3573f929] .datetime span:last-child { text-transform: uppercase; } .b-story-item__cost[data-v-3573f929] { z-index: 2; } .m-unlock-stream .b-story-item__cost[data-v-3573f929] { display: none; } .b-story-item__price[data-v-3573f929] { position: absolute; left: 10px; right: 10px; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: opacity 0.1s; z-index: 2; font-size: 20px; text-align: center; user-select: none; } .m-unlock-stream .b-story-item__price[data-v-3573f929] { opacity: 1; pointer-events: auto; } .b-story-item .b-purchase__list[data-v-3573f929] { z-index: 1; flex-grow: 0; } .b-story-item[data-v-3573f929] img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; object-position: center center; z-index: 0; pointer-events: none; } .b-story-item[data-v-3573f929] .b-posts_preloader { flex: 1 1 0%; } .b-settings[data-v-2b059710] { line-height: 24px; } #content > .b-settings[data-v-2b059710] { min-height: 100%; } @media (min-width: 768px) { .b-settings[data-v-2b059710] { display: flex; flex-direction: column; } } .b-settings.m-loader-visible[data-v-2b059710] { min-height: 100%; flex: 1 1 0%; } .b-settings__wrapper[data-v-2b059710] { min-height: calc(100dvh - 113px); } @media (min-width: 500px) { .b-settings__wrapper[data-v-2b059710] { min-height: calc(100dvh - 56px); } } @media (min-width: 1004px) { .b-settings[data-v-2b059710] .b-menu-list { border-top: 8px solid var(--marked-color); } } @media (max-width: 1003.98px) { .b-settings[data-v-2b059710] .b-menu-list:not(:first-child) { border-top: 8px solid var(--marked-color); } } .b-settings[data-v-2b059710] .b-menu-list.m-without-bold-line { border-top: medium; } @media (max-width: 1003.98px) { .b-settings[data-v-2b059710] .b-menu-list:first-child:not(.m-without-bold-line):has(> .b-menu-list__el > .b-menu-list__text.g-semibold) { border-top: 8px solid var(--marked-color); } } .b-settings[data-v-2b059710] .g-section { padding: 0px; } .b-settings[data-v-2b059710] .m-disabled > * { opacity: 0.5; pointer-events: none; } .b-settings[data-v-2b059710] .g-select__wrapper { padding: 12px 16px; } [data-v-2b059710] .b-settings__header__left-col { display: flex; flex-direction: row; align-content: center; align-items: center; height: 100%; } @media (min-width: 1004px) { [data-v-2b059710] .b-settings__header__left-col { flex: 0 0 calc(33.33% - 24px); margin-right: 32px; } } .modal .b-settings[data-v-2b059710] .b-settings__spacer.b-settings__change-email { padding-top: 0px; padding-bottom: 8px; min-height: 230px; } .modal .b-settings[data-v-2b059710] .b-settings__spacer.b-settings__change-email + .b-settings__row.g-btn__wrapper > .g-btn + .g-btn { margin-left: 4px; } [data-v-2b059710] .b-settings__spacer > p:first-child { margin-bottom: 12px; } .modal .b-settings[data-v-2b059710] .b-settings__spacer > p:first-child { margin-bottom: 16px; } [data-v-2b059710] .b-settings__spacer:has(> .g-input__wrapper + .g-input__wrapper) { padding-top: 24px; padding-bottom: 24px; } [data-v-2b059710] .b-settings__spacer[class*="g-input__"] { padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } [data-v-2b059710] .b-settings__spacer[class*="g-input__"].m-reset-bb { border-bottom: medium; } [data-v-2b059710] .b-settings__spacer[class*="g-input__"].m-reset-bb.pb-0 + .b-settings__row .g-btn__wrapper { padding-bottom: 16px; } .modal .b-settings[data-v-2b059710] .b-settings__spacer[class*="g-input__"] { padding-top: 4px; padding-bottom: 32px; } .modal .b-settings[data-v-2b059710] .b-settings__spacer[class*="g-input__"]:has(.v-input.error--text) { padding-bottom: 12px; } [data-v-2b059710] .b-settings__spacer[class*="g-input__"]:has(.g-input__help):has(+ .b-settings__row.g-btn__wrapper), [data-v-2b059710] .b-settings__spacer[class*="g-input__"]:has(.v-messages__message):has(+ .b-settings__row.g-btn__wrapper) { padding-bottom: 20px; } [data-v-2b059710] .b-input-radio__container.b-menu-list__el + .b-settings__spacer[class*="g-input__"]:has(.g-input__help) { padding-bottom: 10px; } [data-v-2b059710] .b-settings__spacer:has(> .v-text-field) { padding-top: 16px; padding-bottom: 16px; } [data-v-2b059710] .b-settings__spacer:has(> .v-text-field):has(.g-input__help) { padding-bottom: 10px; } [data-v-2b059710] .b-settings__spacer:has(> .v-text-field.v-select) { padding-top: 12px; padding-bottom: 12px; } [data-v-2b059710] .b-settings__spacer:has(> .v-text-field.v-select):has(.g-border-bottom) { padding-bottom: 11px; } [data-v-2b059710] .b-settings__spacer { padding: 14px 16px; } [data-v-2b059710] .b-settings__row.m-session-row { padding: 12px 16px 7px; } [data-v-2b059710] .b-settings__row[class*="g-btn__wrapper"] { padding: 10px 16px; } [data-v-2b059710] .b-settings__row[class*="g-btn__wrapper"]:has(.g-btn__wrapper-aligner) { padding-left: 10px; padding-right: 10px; } .b-settings[data-v-2b059710] .list-offers { width: 100%; } .b-settings[data-v-2b059710] .list-offers .b-offer-join { padding-top: 16px; padding-bottom: 16px; } .b-settings[data-v-2b059710] .b-offer-wrapper { min-height: auto; } .b-settings[data-v-2b059710] .b-offer-wrapper:not(:empty) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); margin: 0px; } .b-settings[data-v-2b059710] .b-offer-wrapper:not(:empty):last-child { border-bottom: medium; } @media (min-width: 1004px) { .b-settings[data-v-2b059710] > .g-page__header::before { content: ""; top: 0px; bottom: 0px; width: 1px; background: rgba(138, 150, 163, 0.25); position: absolute; left: 33.33%; } } .b-settings[data-v-2b059710] .g-section-title { font-style: unset; font-variant: unset; font-stretch: unset; font-size: unset; line-height: unset; font-family: unset; font-size-adjust: unset; font-kerning: unset; font-optical-sizing: unset; font-language-override: unset; font-feature-settings: unset; font-variation-settings: unset; font-weight: 500; color: var(--text-color); } .b-settings[data-v-2b059710] .g-section-title:not(.m-capitalize) { text-transform: unset; } .b-settings[data-v-2b059710] .g-section-title .g-input__help { padding: 0px; } .b-settings[data-v-2b059710] .g-section-title .g-btn { margin: 0px 0px 0px auto; } .b-settings[data-v-2b059710] .g-btn__wrapper > .g-btn__wrapper { padding: 0px; } .b-settings[data-v-2b059710] .g-btn__wrapper > .g-btn__wrapper + .g-btn__wrapper { margin-left: 11px; } .b-settings[data-v-2b059710] .g-btn__wrapper > .g-btn__wrapper.w-100 .g-btn { width: 100%; text-align: center; justify-content: center; } .b-settings[data-v-2b059710] .g-btn__wrapper .g-btn .g-icon { margin: 0px; } .b-settings[data-v-2b059710] .b-price-input { padding: 28px 16px 18px; } .b-settings__content[data-v-2b059710]:last-child { margin-bottom: 50px; } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) { margin-bottom: 0px; min-height: calc(100dvh - 113px); display: flex; flex-direction: column; } @media (min-width: 500px) { .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) { min-height: calc(100dvh - 56px); } } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results { flex: 1 1 0%; display: flex; flex-direction: column; } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results .b-offer-wrapper { flex: 1 1 0%; } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results .b-offer-wrapper .infinite-loading-container { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; } .b-settings__content:last-child.m-empty-content[data-v-2b059710] { margin-bottom: 0px; display: flex; flex-direction: column; flex: 1 1 0%; } [data-v-2b059710] .b-settings__content:last-child.m-empty-content > .b-menu-list, [data-v-2b059710] .b-settings__content:last-child.m-empty-content > .b-menu-list .b-menu-list { flex: 1 1 0%; display: inherit; flex-direction: inherit; } [data-v-2b059710] .b-settings__content:last-child.m-empty-content > .b-menu-list .infinite-loading-container:only-child { margin-top: auto; margin-bottom: auto; } [data-v-2b059710] .b-settings__content .b-things__group-items::after { content: ""; flex: 0 0 16px; height: 168px; } .b-settings__content[data-v-2b059710] .g-input__fieldset { padding-left: 0px; padding-right: 0px; } [data-v-2b059710] .b-settings__wrapper { display: flex; position: relative; min-height: calc(-113px + 100svh); } @media (min-width: 500px) { [data-v-2b059710] .b-settings__wrapper { min-height: calc(-56px + 100svh); } } @media (max-width: 1003.98px) { [data-v-2b059710] .b-settings__wrapper { flex-direction: column; } } @media (min-width: 1004px) { [data-v-2b059710] .b-settings__wrapper { flex: 1 1 0%; } [data-v-2b059710] .b-settings__wrapper::before { content: ""; top: 0px; bottom: 0px; width: 1px; background: rgba(138, 150, 163, 0.25); position: absolute; left: 33.33%; } .b-settings__nav[data-v-2b059710] { max-width: 33.33%; flex: 0 0 33.33%; margin-right: 1px; position: sticky; align-self: flex-start; top: 56px; height: calc(var(--vh, 1vh)*100 - 56px); } [data-v-2b059710] .b-settings__nav .b-menu-list:last-child { margin-bottom: 50px; } [data-v-2b059710] .b-settings__content { flex: 1 1 auto; min-width: 0px; } } @media (max-width: 559.98px) { .b-settings__g-btn-w100[data-v-2b059710] { width: 100%; } } [data-v-2b059710] .b-profile__header__cover__btns { z-index: 3; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; display: flex; } [data-v-2b059710] .b-profile__header__cover__btns .g-btn { color: rgba(255, 255, 255, 0.75); background: none; margin: 0px 8px; } [data-v-2b059710] .b-profile__header__cover__btns .g-btn:not(.m-with-icon) { padding: 0px; } [data-v-2b059710] .b-profile__header__cover__btns .g-btn:hover { color: rgb(254, 254, 254); } [data-v-2b059710] .b-profile__user .b-profile__header__cover__btns .g-btn { margin: 0px 4px; } [data-v-2b059710] .b-sessions-list .session-time { float: right; padding: 1px 0px 0px 10px; text-align: right; font-size: 14px; } [data-v-2b059710] .b-sessions-list .session-time:not(.g-blue) { color: rgb(138, 150, 163); } [data-v-2b059710] .b-session-location { font-size: 14px; color: rgb(138, 150, 163); } .m-malachite-color[data-v-2b059710] { color: rgb(30, 215, 96); } [data-v-2b059710] .phone-setting-block .g-input__wrapper { min-height: 68px; } [data-v-2b059710] .g-btn.m-profile-qrcode { min-width: 246px; width: auto; margin-top: 21px; } .b-qrcode[data-v-5aae7211] { margin: 0px auto 21px; width: 246px; position: relative; border-radius: 6px; overflow: hidden; min-height: 246px; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-qrcode[data-v-5aae7211]::after { position: absolute; pointer-events: none; left: 0px; top: 0px; bottom: 0px; width: inherit; content: ""; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: inherit; } .b-qrcode img[data-v-5aae7211] { width: inherit; height: auto; display: block; margin: 0px auto; } .modal-body .b-qrcode[data-v-5aae7211] { margin-top: 30px; margin-bottom: 10px; } .l-footer[data-v-e888ef1e] { color: rgb(138, 150, 163); border-top: 1px solid rgba(138, 150, 163, 0.25); padding-top: 14px; padding-bottom: 14px; font-size: 13px; position: relative; margin-top: 16px; } .l-footer__menu[data-v-e888ef1e] { display: flex; flex-flow: wrap; place-content: center; align-items: center; padding-top: 5px; padding-bottom: 5px; } .l-footer__menu__item[data-v-e888ef1e] { color: inherit; margin: 4px 16px; position: relative; } .l-footer__menu__item[data-v-e888ef1e]::after { content: "•"; position: absolute; right: -17px; top: 0px; bottom: 0px; font-size: 11px; display: inline-flex; flex-direction: row; align-content: center; align-items: center; pointer-events: none; color: rgb(138, 150, 163); } .l-footer__menu__item[data-v-e888ef1e]:hover { color: rgb(0, 145, 234); } .l-footer__menu__item.m-new-row[data-v-e888ef1e]::after, .l-footer__menu__item[data-v-e888ef1e]:last-child::after { content: none; } @media (min-width: 1004px) { .b-tab-container .b-spotify[data-v-863a9bc2] { margin-top: -4px; } } .b-spotify__section[data-v-863a9bc2] { margin-left: 16px; } .b-spotify__section .b-spotify__title[data-v-863a9bc2] { position: sticky; left: 0px; display: inline-block; vertical-align: top; } .b-spotify__item[data-v-863a9bc2] { width: 120px; margin-left: 8px; } .b-spotify__item[data-v-863a9bc2]:first-child { margin-left: 0px; } .b-spotify__title[data-v-863a9bc2] { flex: 0 0 100%; } .b-spotify__preview[data-v-863a9bc2] { width: inherit; padding-top: 100%; display: block; border-radius: 6px; position: relative; background-size: cover; } .b-spotify__preview[data-v-863a9bc2]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.66)); border-radius: 0px 0px 6px 6px; pointer-events: none; z-index: 0; } .b-spotify__name[data-v-863a9bc2] { position: absolute; color: rgb(254, 254, 254); left: 16px; right: 16px; bottom: 12px; z-index: 1; display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-spotify__logo[data-v-863a9bc2] { color: rgb(30, 215, 96); font-size: 15px; margin-right: 7px; } .empty-message[data-v-7ec17cde], .m-shopify-products__preloader[data-v-7ec17cde] { height: 175px; } .b-link-more[data-v-7ec17cde] { margin-bottom: -10px; padding-top: 6px; } .b-user-name__btn-edit[data-v-904053ce] { margin: 0px 0px 0px 6px; } .stories-list[data-v-3e9c194b] { transform: translateZ(0px); } .stories-list[data-v-3e9c194b]:empty { display: none; } .button-add-media[data-v-4a8fc2f5] { cursor: pointer; background: rgba(138, 150, 163, 0.08); border-radius: 6px; width: 56px; min-width: 56px; min-height: inherit; position: relative; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); padding: 0px; border: medium; align-self: stretch; } .button-add-media.m-md-width[data-v-4a8fc2f5] { width: 128px; flex: 0 0 128px; } .button-add-media[data-v-4a8fc2f5]:hover { color: rgb(0, 145, 234); background: rgba(0, 145, 234, 0.06); } .button-add-media[disabled][data-v-4a8fc2f5] { opacity: 0.4; pointer-events: none; } [data-v-41ad92ff] .modal-body.m-highlights-height { height: calc(var(--vh, 1vh)*100 - 128px); min-height: 340px; } .modal-header .g-page__header__btn.m-back-btn[data-v-41ad92ff] { margin-left: -7px; margin-right: 5px; } .b-content-filter[data-v-5e0d875d] { min-height: 56px; padding-top: 9px; padding-bottom: 9px; color: rgb(138, 150, 163); } @media (max-width: 1003.98px) { .b-content-filter.m-filter-sm[data-v-5e0d875d] { min-height: 48px; padding-top: 6px; padding-bottom: 6px; } } .b-content-filter.m-filter-sm-height[data-v-5e0d875d] { min-height: 38px; } .b-content-filter.m-inside-modal-header[data-v-5e0d875d] { padding-top: 0px; padding-bottom: 0px; margin-top: -9px; margin-bottom: -9px; min-height: auto; } .b-content-filter.m-inside-modal-header.m-filtered[data-v-5e0d875d] { border-bottom: medium; width: 100%; } .b-content-filter.m-filtered[data-v-5e0d875d] { color: rgb(0, 175, 240); } .b-content-filter.m-over-header[data-v-5e0d875d] { min-height: 48px; margin-top: -48px; z-index: 5; position: sticky; top: 0px; padding-top: 6px; padding-bottom: 6px; pointer-events: none; } .b-content-filter.m-over-header > [data-v-5e0d875d] { pointer-events: auto; } .b-content-filter.m-over-header .b-search-form[data-v-5e0d875d] { top: 6px; right: -6px; } .b-chats .b-content-filter[data-v-5e0d875d]:not(.m-reset-sides-gaps) { padding-left: 16px; padding-right: 16px; } .b-content-filter__title[data-v-5e0d875d] { color: inherit; font-size: 16px; margin: 0px; } .m-switcher-queue-btns .b-content-filter__title[data-v-5e0d875d] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; text-transform: none; } .m-filter-sm .b-content-filter__title[data-v-5e0d875d] { font-size: 14px; line-height: 20px; } .b-content-filter__title.g-text-ellipsis[data-v-5e0d875d]:has(.g-btn) { padding-top: 4px; padding-bottom: 4px; margin-top: -4px; margin-bottom: -4px; } .b-content-filter__group-btns[data-v-5e0d875d] { margin-left: auto; margin-right: -6px; } @media (max-width: 1003.98px) { .m-filter-sm .b-content-filter__group-btns[data-v-5e0d875d] { margin-right: -10px; } } .b-content-filter__group-btns .g-btn.m-flat.m-link[data-v-5e0d875d] { font-size: 14px; } .b-content-filter__group-btns .g-btn.m-flat.m-link + .m-btn-arrow[data-v-5e0d875d] { margin-left: 10px; } .b-content-filter__btn .g-btn[data-v-5e0d875d] { vertical-align: top; } .b-content-filter__clear-filters[data-v-5e0d875d] { margin-right: 6px; margin-left: -6px; } .b-content-filter[data-v-5e0d875d] .b-search-form { left: -16px; right: -16px; width: auto; color: var(--text-color); padding-right: 10px; } .vue-recycle-scroller { position: relative; } .vue-recycle-scroller.direction-vertical:not(.page-mode) { overflow-y: auto; } .vue-recycle-scroller.direction-horizontal:not(.page-mode) { overflow-x: auto; } .vue-recycle-scroller.direction-horizontal { display: flex; } .vue-recycle-scroller__slot { -moz-box-flex: 1; flex: 0 0 auto; } .vue-recycle-scroller__item-wrapper { -moz-box-flex: 1; flex: 1 1 0%; box-sizing: border-box; overflow: hidden; position: relative; } .vue-recycle-scroller.ready .vue-recycle-scroller__item-view { position: absolute; top: 0px; left: 0px; will-change: transform; } .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper { width: 100%; } .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper { height: 100%; } .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view { width: 100%; } .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view { height: 100%; } .resize-observer[data-v-b329ee4c] { border: medium; background-color: transparent; opacity: 0; } .resize-observer[data-v-b329ee4c], .resize-observer[data-v-b329ee4c] object { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%; pointer-events: none; display: block; overflow: hidden; } .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79,79,79,.4); --pswp-preloader-color-secondary: hsla(0,0%,100%,.9); --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; opacity: 0.003; contain: size layout style; } .pswp, .pswp:focus { outline: 0px; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0px); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__bg, .pswp__container, .pswp__content, .pswp__img, .pswp__item, .pswp__scroll-wrap, .pswp__zoom-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing; } .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out; } .pswp__button, .pswp__container, .pswp__counter, .pswp__img { user-select: none; } .pswp__item { z-index: 1; overflow: hidden; } .pswp__hidden { display: none !important; } .pswp__content { pointer-events: none; } .pswp__content > * { pointer-events: auto; } .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(.4,0,.22,1); z-index: 10; pointer-events: none; } .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } .pswp__button { position: relative; display: block; width: 50px; height: 60px; padding: 0px; margin: 0px; overflow: hidden; cursor: pointer; background: none; border: 0px; box-shadow: none; opacity: 0.85; appearance: none; } .pswp__button:active, .pswp__button:focus, .pswp__button:hover { transition: none; padding: 0px; background: none; border: 0px; box-shadow: none; opacity: 1; } .pswp__button:disabled { opacity: 0.3; cursor: auto; } .pswp__icn { fill: var(--pswp-icon-color); color: var(--pswp-icon-color-secondary); position: absolute; top: 14px; left: 9px; width: 32px; height: 32px; overflow: hidden; pointer-events: none; } .pswp__icn-shadow { stroke: var(--pswp-icon-stroke-color); stroke-width: var(--pswp-icon-stroke-width); fill: none; } .pswp__icn:focus { outline: 0px; } .pswp__img--with-bg, div.pswp__img--placeholder { background: var(--pswp-placeholder-bg); } .pswp__top-bar { position: absolute; left: 0px; top: 0px; width: 100%; height: 60px; display: flex; flex-direction: row; justify-content: flex-end; z-index: 10; pointer-events: none !important; } .pswp__top-bar > * { pointer-events: auto; will-change: opacity; } .pswp__button--close { margin-right: 6px; } .pswp__button--arrow { position: absolute; width: 75px; height: 100px; top: 50%; margin-top: -50px; } .pswp__button--arrow:disabled { display: none; cursor: default; } .pswp__button--arrow .pswp__icn { top: 50%; margin-top: -30px; width: 60px; height: 60px; background: none; border-radius: 0px; } .pswp--one-slide .pswp__button--arrow { display: none; } .pswp--touch .pswp__button--arrow { visibility: hidden; } .pswp--has_mouse .pswp__button--arrow { visibility: visible; } .pswp__button--arrow--prev { right: auto; left: 0px; } .pswp__button--arrow--next { right: 0px; } .pswp__button--arrow--next .pswp__icn { left: auto; right: 14px; transform: scaleX(-1); } .pswp__button--zoom { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__zoom-icn-bar-v { display: none; } .pswp__preloader { position: relative; overflow: hidden; width: 50px; height: 60px; margin-right: auto; } .pswp__preloader .pswp__icn { opacity: 0; transition: opacity 0.2s linear; animation: 0.6s linear infinite pswp-clockwise; } .pswp__preloader--active .pswp__icn { opacity: 0.85; } @keyframes pswp-clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .pswp__counter { height: 30px; margin-top: 15px; margin-inline-start: 20px; font-size: 14px; line-height: 30px; color: var(--pswp-icon-color); text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary); opacity: 0.85; } .pswp--one-slide .pswp__counter { display: none; } .pswp.pswp--open { z-index: 1039; } .pswp .pswp__top-bar { background: none; } .pswp--prevent-click-close-nonzoomable .pswp__img { cursor: default; } .pswp .pswp__img--placeholder { background: none; } .pswp .pswp__footer { color: rgb(254, 254, 254); } .pswp .pswp__header { font-weight: 500; font-size: 14px; line-height: 20px; color: rgb(254, 254, 254); } .pswp .pswp__container { z-index: 1; } .pswp .pswp__container .b-post__unknown { position: absolute; top: 50%; left: 50%; width: 300px; height: 300px; padding: 0px; margin: 0px; transform: translate3d(-50%, -50%, 0px); } .pswp .pswp__scroll-wrap { z-index: 0; } .pswp .pswp__scroll-wrap::before { content: ""; position: fixed; inset: 0px; pointer-events: none; z-index: 2; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent 160px, transparent calc(100% - 160px), rgba(0, 0, 0, 0.4)); } .pswp .pswp__ui { position: relative; height: 100%; pointer-events: none; z-index: 2; } .pswp__button--arrow--next, .pswp__button--arrow--prev { width: 72px; height: calc(100% - 49.5px); margin-top: 49.5px; top: 0px; } .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--next, .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--prev { height: calc(100% - 99px); margin-top: 49.5px; } .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--next .pswp__icn, .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--prev .pswp__icn { margin-top: 0px; } .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--next::after, .pswp:has(.pswp__footer:not(:empty)) .pswp__button--arrow--prev::after { margin-top: 0px; } .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--next, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--prev, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--next, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--prev { height: 96px; margin-top: -48px; top: 50%; } .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--next .pswp__icn, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--prev .pswp__icn, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--next .pswp__icn, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--prev .pswp__icn { margin-top: 0px; } .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--next::after, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-paused.vjs-has-started) ~ .pswp__button--arrow--prev::after, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--next::after, .pswp__container:has(.pswp__item[aria-hidden="false"] .vjs-playing.vjs-has-started) ~ .pswp__button--arrow--prev::after { margin-top: 0px; } .pswp__container:has(.pswp__item[aria-hidden="true"] .vjs-paused.vjs-has-started + .pswp__item[aria-hidden="false"]) ~ .pswp__button--arrow--next, .pswp__container:has(.pswp__item[aria-hidden="true"] .vjs-paused.vjs-has-started + .pswp__item[aria-hidden="false"]) ~ .pswp__button--arrow--prev { height: calc(100% - 99px); margin-top: 49.5px; top: 0px; } .pswp__button--arrow--next .pswp__icn, .pswp__button--arrow--prev .pswp__icn { width: 24px; height: 24px; flex: 0 0 24px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; margin: -24.75px 0px 0px; fill: rgba(255, 255, 255, 0.75); } .pswp__button--arrow--next .pswp__icn { transform: translate(-50%, -50%) rotate(180deg); } .pswp .pswp__button { opacity: 1; background: none; pointer-events: auto; z-index: 9; } .pswp .pswp__button--arrow { visibility: hidden; display: none; } .pswp .pswp__button--arrow::after { content: ""; background: radial-gradient(rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%); opacity: 0.12; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 24px; width: 36px; height: 36px; transition: opacity 0.15s; z-index: -1; pointer-events: none; } @media (any-hover: hover) and (pointer: fine) { .pswp .pswp__button--arrow:focus-visible { outline: none; } } .pswp .pswp__button--arrow[disabled] { display: none; } .pswp .pswp__button--arrow::after { margin-top: -24.75px; opacity: 0.25; } @media (min-width: 1004px) { .pswp .pswp__button--arrow:hover::after { opacity: 0.25; } .pswp .pswp__button--arrow:hover .pswp__icn { fill: rgb(254, 254, 254); } } @media (min-width: 1004px) and (any-hover: hover) and (pointer: fine) { .pswp .pswp__button--arrow { visibility: visible; opacity: 0; display: block; } .pswp .pswp__button--arrow:focus, .pswp .pswp__button--arrow:hover { opacity: 1; } } @media (min-width: 1004px) and (any-hover: hover) and (pointer: fine) and (any-hover: hover) and (pointer: fine) { .pswp .pswp__button--arrow:focus-visible { opacity: 1; } } @media (min-width: 1004px) and (any-hover: hover) and (pointer: fine) { .pswp .pswp__button--arrow:focus-visible::after { opacity: 0.25; } .pswp .pswp__button--arrow:focus-visible .pswp__icn { fill: rgb(254, 254, 254); } .pswp .pswp__button--arrow:focus-visible .pswp__icn { outline: rgb(254, 254, 254) solid 2px; outline-offset: 2px; border-radius: 6px; } } .pswp .pswp__button--close { width: 56px; height: 56px; color: rgb(254, 254, 254); margin-right: 0px; } .pswp .pswp__button--close::before { background: radial-gradient(rgb(0, 0, 0) 0px, rgba(255, 255, 255, 0) 60%); opacity: 0.12; border-radius: 24px; z-index: -1; pointer-events: none; } .pswp .pswp__button--close::after, .pswp .pswp__button--close::before { content: ""; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 36px; height: 36px; transition: opacity 0.15s; } .pswp .pswp__button--close::after { background-color: rgba(255, 255, 255, 0.12); border-radius: 1000px; opacity: 0; z-index: 0; } .pswp .pswp__button--close:hover::before { opacity: 0; } .pswp .pswp__button--close:hover::after { opacity: 1; } @media (any-hover: hover) and (pointer: fine) { .pswp .pswp__button--close:focus-visible { outline: none; } .pswp .pswp__button--close:focus-visible::before { opacity: 0; } .pswp .pswp__button--close:focus-visible::after { opacity: 1; } .pswp .pswp__button--close:focus-visible::after { outline: rgb(254, 254, 254) solid 2px; outline-offset: 2px; } } .pswp .pswp__button--close .pswp__icn { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 24px; height: 24px; flex: 0 0 24px; z-index: 1; } .pswp .pswp__preloader { position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; pointer-events: none; margin: 0px; } .pswp .pswp__preloader .pswp__icn { animation: none; } .pswp .pswp__zoom-wrap, .pswp .video-container:not(.m-full-height) { display: flex; flex-direction: row; place-content: center; align-items: center; } .pswp .video-container:not(.m-full-height) .video-wrapper { height: calc(100% - 99px); max-height: calc(100% - 99px); width: 100%; transform: translateX(0px); } .pswp .video-container:not(.m-full-height) .video-wrapper .video-js:not(.vjs-fullscreen) video.vjs-tech { max-height: calc(var(--vh, 1vh)*100 - 99px); } .pswp .video-container .video-wrapper { background: none; max-height: 100%; height: 100%; display: flex; flex-direction: row; place-content: center; align-items: center; } .pswp .video-container .video-wrapper > video { width: 100%; height: 100%; max-height: calc(var(--vh, 1vh)*100); opacity: 0; } .pswp .video-container .video-wrapper:has(.b-not-allowed-drm-description) .video-js { overflow: hidden; background-color: var(--bg-color); width: auto; height: auto; min-width: 300px; } .pswp .video-container .video-wrapper:has(.b-not-allowed-drm-description) .video-js:not(.vjs-fullscreen) .vjs-poster { display: block; position: absolute; z-index: 0; } .pswp .video-container .video-wrapper .video-js { width: 100%; height: auto; max-height: 100%; } .pswp .video-container .video-wrapper .video-js video.vjs-tech { max-height: calc(var(--vh, 1vh)*100); } @media (max-width: 767.98px) { .pswp .video-container .video-wrapper .video-js:not(.vjs-fullscreen) .vjs-poster { display: none; } } .pswp .b-wrapper { pointer-events: none; position: absolute; inset: 0px; z-index: 1; padding: 18px 16px 11px; display: flex; flex-direction: column; justify-content: space-between; } .pswp .b-wrapper > [class^="pswp__"] { display: flex; flex-direction: row; place-content: center space-between; align-items: center; } .pswp .b-wrapper > [class^="pswp__"] > * { pointer-events: auto; } .pswp .b-wrapper .pswp__footer { margin-top: auto; } .pswp .b-wrapper .b-summary-list { padding-top: 5px; padding-bottom: 5px; } .pswp .m-goto-post { padding: 0px 12px; background-color: rgba(0, 0, 0, 0.25); height: 30px; line-height: 30px; position: relative; } .pswp .m-goto-post::after { content: ""; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.12); border-radius: inherit; z-index: 0; transition: background-color 0.15s; } .pswp .m-goto-post:hover { background-color: rgba(0, 0, 0, 0.4); } .pswp .m-goto-post:hover::after { background-color: rgba(255, 255, 255, 0.25); } @media (any-hover: hover) and (pointer: fine) { .pswp .m-goto-post:focus-visible { background-color: rgba(0, 0, 0, 0.4); outline-color: rgb(254, 254, 254); } .pswp .m-goto-post:focus-visible::after { background-color: rgba(255, 255, 255, 0.25); } } .pswp .g-btn__text-wrap { position: relative; z-index: 1; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .contact_button[data-v-46f0d818] { background: rgb(0, 175, 240); width: 42px; height: 41px; border-radius: 3px 0px 0px 3px; position: fixed; right: var(--scrollbar-width); bottom: 25%; z-index: 99; transition: transform 0.3s; color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; } .contact_button[m-hover-state][data-v-46f0d818] { background: rgb(0, 145, 234); color: rgb(255, 255, 255); } @media (any-hover: hover) and (pointer: fine) { .contact_button[data-v-46f0d818]:hover { background: rgb(0, 145, 234); color: rgb(255, 255, 255); } } @media (any-hover: hover) and (pointer: fine) { .contact_button[data-v-46f0d818]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; background: rgb(0, 145, 234); color: rgb(255, 255, 255); } } .m-prevent-scrolling .contact_button[data-v-46f0d818] { z-index: 0; border-radius: 3px; } .m-black-body .contact_button[data-v-46f0d818] { display: none; } .contact_button .g-icon[data-v-46f0d818] { width: 30px; height: 30px; flex: 0 0 30px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .contact_button.m-unread[data-v-46f0d818]::after { content: ""; position: absolute; width: 14px; height: 14px; border-radius: 1000px; right: 5px; top: 5px; background: inherit; border: 2px solid; } .contact_button.m-translations[data-v-46f0d818] { transform: translateY(45px); } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-profile__user[data-v-3ea4788a] { margin-top: -50px; } .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin: -42px 0px 6px; pointer-events: none; } .modal .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin-bottom: 14px; } .b-profile__user.m-inside-modelcard .g-avatar[data-v-3ea4788a] { pointer-events: auto; } .l-profile-page .b-profile__user[data-v-3ea4788a] { flex-wrap: wrap; margin-bottom: 11px; margin-top: 0px; } .b-profile__user__info[data-v-3ea4788a] { flex-grow: 1; padding-top: 2px; padding-bottom: 2px; min-width: 0px; } .b-profile__user__info.m-with-status[data-v-3ea4788a] { padding-top: 50px; padding-bottom: 0px; position: relative; } .m-inside-modelcard .b-profile__user__info [data-v-3ea4788a] { pointer-events: auto; } .modal .g-page__header__btn[data-v-56f85835] { margin: -4px 6px -4px -7px; } .modal .g-page__header__btn + .modal-title[data-v-56f85835] { font-size: 19px; } .theme--light.v-icon { color: rgba(0, 0, 0, 0.54); } .theme--light.v-icon:focus::after { opacity: 0.12; } .theme--light.v-icon.v-icon.v-icon--disabled { color: rgba(0, 0, 0, 0.38) !important; } .theme--dark.v-icon { color: rgb(255, 255, 255); } .theme--dark.v-icon:focus::after { opacity: 0.24; } .theme--dark.v-icon.v-icon.v-icon--disabled { color: rgba(255, 255, 255, 0.5) !important; } .v-icon.v-icon { align-items: center; display: inline-flex; font-feature-settings: "liga"; font-size: 24px; justify-content: center; letter-spacing: normal; line-height: 1; position: relative; text-indent: 0px; transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility; vertical-align: middle; user-select: none; } .v-icon.v-icon::after { background-color: currentcolor; border-radius: 50%; content: ""; display: inline-block; height: 100%; left: 0px; opacity: 0; pointer-events: none; position: absolute; top: 0px; transform: scale(1.3); width: 100%; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1); } .v-icon.v-icon--dense { font-size: 20px; } .v-icon--right { margin-left: 8px; } .v-icon--left { margin-right: 8px; } .v-icon.v-icon.v-icon--link { cursor: pointer; outline: none; } .v-icon--disabled { pointer-events: none; } .v-icon--dense .v-icon__component, .v-icon--dense .v-icon__svg { height: 20px; } .v-icon__component, .v-icon__svg { height: 24px; width: 24px; } .v-icon__svg { fill: currentcolor; } .v-menu { display: none; } .v-menu--attached { display: inline; } .v-menu__content { position: absolute; display: inline-block; max-width: 80%; overflow: hidden auto; contain: content; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; border-radius: 4px; } .v-menu__content--active { pointer-events: none; } .v-menu__content--auto .v-list-item { transition-property: transform, opacity; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); } .v-menu__content--fixed { position: fixed; } .v-menu__content > .card { contain: content; backface-visibility: hidden; } .v-menu > .v-menu__content { max-width: none; } .v-menu-transition-enter .v-list-item { min-width: 0px; pointer-events: none; } .v-menu-transition-enter-to .v-list-item { transition-delay: 0.1s; } .v-menu-transition-leave-active, .v-menu-transition-leave-to { pointer-events: none; } .v-menu-transition-enter, .v-menu-transition-leave-to { opacity: 0; } .v-menu-transition-enter-active, .v-menu-transition-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .v-menu-transition-enter.v-menu__content--auto { transition: none !important; } .v-menu-transition-enter.v-menu__content--auto .v-list-item { opacity: 0; transform: translateY(-15px); } .v-menu-transition-enter.v-menu__content--auto .v-list-item--active { opacity: 1; transform: none !important; pointer-events: auto; } .v-list.accent > .v-list-item, .v-list.error > .v-list-item, .v-list.info > .v-list-item, .v-list.primary > .v-list-item, .v-list.secondary > .v-list-item, .v-list.success > .v-list-item, .v-list.warning > .v-list-item { color: rgb(255, 255, 255); } .theme--light.v-list { background: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); } .theme--light.v-list .v-list--disabled { color: rgba(0, 0, 0, 0.38); } .theme--light.v-list .v-list-group--active::after, .theme--light.v-list .v-list-group--active::before { background: rgba(0, 0, 0, 0.12); } .theme--dark.v-list { background: rgb(30, 30, 30); color: rgb(255, 255, 255); } .theme--dark.v-list .v-list--disabled { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-list .v-list-group--active::after, .theme--dark.v-list .v-list-group--active::before { background: rgba(255, 255, 255, 0.12); } .v-sheet.v-list { border-radius: 0px; } .v-sheet.v-list:not(.v-sheet--outlined) { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px; } .v-sheet.v-list.v-sheet--shaped { border-radius: 0px; } .v-list { display: block; padding: 8px 0px; position: static; transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .v-list--disabled { pointer-events: none; } .v-list--flat .v-list-item::before { display: none; } .v-list--dense .v-subheader { font-size: 0.75rem; height: 40px; padding: 0px 8px; } .v-list--nav .v-list-item:not(:last-child):not(:only-child), .v-list--rounded .v-list-item:not(:last-child):not(:only-child) { margin-bottom: 8px; } .v-list--nav .v-list-item--dense:not(:last-child):not(:only-child), .v-list--nav.v-list--dense .v-list-item:not(:last-child):not(:only-child), .v-list--rounded .v-list-item--dense:not(:last-child):not(:only-child), .v-list--rounded.v-list--dense .v-list-item:not(:last-child):not(:only-child) { margin-bottom: 4px; } .v-list--nav { padding-left: 8px; padding-right: 8px; } .v-list--nav .v-list-item { padding: 0px 8px; } .v-list--nav .v-list-item, .v-list--nav .v-list-item::before { border-radius: 4px; } .v-application--is-ltr .v-list.v-sheet--shaped .v-list-item, .v-application--is-ltr .v-list.v-sheet--shaped .v-list-item::before, .v-application--is-ltr .v-list.v-sheet--shaped .v-list-item > .v-ripple__container { border-bottom-right-radius: 32px !important; border-top-right-radius: 32px !important; } .v-application--is-rtl .v-list.v-sheet--shaped .v-list-item, .v-application--is-rtl .v-list.v-sheet--shaped .v-list-item::before, .v-application--is-rtl .v-list.v-sheet--shaped .v-list-item > .v-ripple__container { border-bottom-left-radius: 32px !important; border-top-left-radius: 32px !important; } .v-application--is-ltr .v-list.v-sheet--shaped.v-list--two-line .v-list-item, .v-application--is-ltr .v-list.v-sheet--shaped.v-list--two-line .v-list-item::before, .v-application--is-ltr .v-list.v-sheet--shaped.v-list--two-line .v-list-item > .v-ripple__container { border-bottom-right-radius: 42.6667px !important; border-top-right-radius: 42.6667px !important; } .v-application--is-rtl .v-list.v-sheet--shaped.v-list--two-line .v-list-item, .v-application--is-rtl .v-list.v-sheet--shaped.v-list--two-line .v-list-item::before, .v-application--is-rtl .v-list.v-sheet--shaped.v-list--two-line .v-list-item > .v-ripple__container { border-bottom-left-radius: 42.6667px !important; border-top-left-radius: 42.6667px !important; } .v-application--is-ltr .v-list.v-sheet--shaped.v-list--three-line .v-list-item, .v-application--is-ltr .v-list.v-sheet--shaped.v-list--three-line .v-list-item::before, .v-application--is-ltr .v-list.v-sheet--shaped.v-list--three-line .v-list-item > .v-ripple__container { border-bottom-right-radius: 58.6667px !important; border-top-right-radius: 58.6667px !important; } .v-application--is-rtl .v-list.v-sheet--shaped.v-list--three-line .v-list-item, .v-application--is-rtl .v-list.v-sheet--shaped.v-list--three-line .v-list-item::before, .v-application--is-rtl .v-list.v-sheet--shaped.v-list--three-line .v-list-item > .v-ripple__container { border-bottom-left-radius: 58.6667px !important; border-top-left-radius: 58.6667px !important; } .v-application--is-ltr .v-list.v-sheet--shaped { padding-right: 8px; } .v-application--is-rtl .v-list.v-sheet--shaped { padding-left: 8px; } .v-list--rounded { padding: 8px; } .v-list--rounded .v-list-item, .v-list--rounded .v-list-item::before, .v-list--rounded .v-list-item > .v-ripple__container { border-radius: 32px !important; } .v-list--rounded.v-list--two-line .v-list-item, .v-list--rounded.v-list--two-line .v-list-item::before, .v-list--rounded.v-list--two-line .v-list-item > .v-ripple__container { border-radius: 42.6667px !important; } .v-list--rounded.v-list--three-line .v-list-item, .v-list--rounded.v-list--three-line .v-list-item::before, .v-list--rounded.v-list--three-line .v-list-item > .v-ripple__container { border-radius: 58.6667px !important; } .v-list--subheader { padding-top: 0px; } .theme--light.v-list-item--disabled { color: rgba(0, 0, 0, 0.38); } .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { color: rgba(0, 0, 0, 0.87); } .theme--light.v-list-item .v-list-item__mask { color: rgba(0, 0, 0, 0.38); background: rgb(238, 238, 238); } .theme--light.v-list-item:not(.v-list-item--disabled) .v-list-item__action-text, .theme--light.v-list-item:not(.v-list-item--disabled) .v-list-item__subtitle { color: rgba(0, 0, 0, 0.6); } .theme--light.v-list-item:hover::before { opacity: 0.04; } .theme--light.v-list-item--active::before, .theme--light.v-list-item--active:hover::before, .theme--light.v-list-item:focus::before { opacity: 0.12; } .theme--light.v-list-item--active:focus::before, .theme--light.v-list-item.v-list-item--highlighted::before { opacity: 0.16; } .theme--dark.v-list-item--disabled { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) { color: rgb(255, 255, 255); } .theme--dark.v-list-item .v-list-item__mask { color: rgba(255, 255, 255, 0.5); background: rgb(73, 73, 73); } .theme--dark.v-list-item:not(.v-list-item--disabled) .v-list-item__action-text, .theme--dark.v-list-item:not(.v-list-item--disabled) .v-list-item__subtitle { color: rgba(255, 255, 255, 0.7); } .theme--dark.v-list-item:hover::before { opacity: 0.08; } .theme--dark.v-list-item--active::before, .theme--dark.v-list-item--active:hover::before, .theme--dark.v-list-item:focus::before { opacity: 0.24; } .theme--dark.v-list-item--active:focus::before, .theme--dark.v-list-item.v-list-item--highlighted::before { opacity: 0.32; } .v-list-item { align-items: center; display: flex; flex: 1 1 100%; letter-spacing: normal; min-height: 48px; outline: none; padding: 0px 16px; position: relative; text-decoration: none; } .v-list-item--disabled { pointer-events: none; } .v-list-item--selectable { user-select: auto; } .v-list-item::after { content: ""; min-height: inherit; font-size: 0px; } .v-list-item__action { align-self: center; margin: 12px 0px; } .v-list-item__action .v-input, .v-list-item__action .v-input--selection-controls__input, .v-list-item__action .v-input__control, .v-list-item__action .v-input__slot { margin: 0px !important; } .v-list-item__action .v-input { padding: 0px; } .v-list-item__action .v-input .v-messages { display: none; } .v-list-item__action-text { font-size: 0.75rem; } .v-list-item__avatar { align-self: center; justify-content: flex-start; } .v-list-item__avatar, .v-list-item__avatar.v-list-item__avatar--horizontal { margin-bottom: 8px; margin-top: 8px; } .v-application--is-ltr .v-list-item__avatar.v-list-item__avatar--horizontal:first-child { margin-left: -16px; } .v-application--is-rtl .v-list-item__avatar.v-list-item__avatar--horizontal:first-child { margin-right: -16px; } .v-application--is-ltr .v-list-item__avatar.v-list-item__avatar--horizontal:last-child { margin-left: -16px; } .v-application--is-rtl .v-list-item__avatar.v-list-item__avatar--horizontal:last-child { margin-right: -16px; } .v-list-item__content { align-items: center; align-self: center; display: flex; flex-wrap: wrap; flex: 1 1 0%; overflow: hidden; padding: 12px 0px; } .v-list-item__content > * { line-height: 1.1; flex: 1 0 100%; } .v-list-item__content > :not(:last-child) { margin-bottom: 2px; } .v-list-item__icon { align-self: flex-start; margin: 16px 0px; } .v-application--is-ltr .v-list-item__action:last-of-type:not(:only-child), .v-application--is-ltr .v-list-item__avatar:last-of-type:not(:only-child), .v-application--is-ltr .v-list-item__icon:last-of-type:not(:only-child) { margin-left: 16px; } .v-application--is-ltr .v-list-item__avatar:first-child, .v-application--is-rtl .v-list-item__action:last-of-type:not(:only-child), .v-application--is-rtl .v-list-item__avatar:last-of-type:not(:only-child), .v-application--is-rtl .v-list-item__icon:last-of-type:not(:only-child) { margin-right: 16px; } .v-application--is-rtl .v-list-item__avatar:first-child { margin-left: 16px; } .v-application--is-ltr .v-list-item__action:first-child, .v-application--is-ltr .v-list-item__icon:first-child { margin-right: 32px; } .v-application--is-rtl .v-list-item__action:first-child, .v-application--is-rtl .v-list-item__icon:first-child { margin-left: 32px; } .v-list-item__action, .v-list-item__avatar, .v-list-item__icon { display: inline-flex; min-width: 24px; } .v-list-item .v-list-item__subtitle, .v-list-item .v-list-item__title { line-height: 1.2; } .v-list-item__subtitle, .v-list-item__title { flex: 1 1 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v-list-item__title { align-self: center; font-size: 1rem; } .v-list-item__title > .v-badge { margin-top: 16px; } .v-list-item__subtitle { font-size: 0.875rem; } .v-list--dense .v-list-item, .v-list-item--dense { min-height: 40px; } .v-list--dense .v-list-item .v-list-item__icon, .v-list-item--dense .v-list-item__icon { height: 24px; margin-top: 8px; margin-bottom: 8px; } .v-list--dense .v-list-item .v-list-item__content, .v-list-item--dense .v-list-item__content { padding: 8px 0px; } .v-list--dense .v-list-item .v-list-item__subtitle, .v-list--dense .v-list-item .v-list-item__title, .v-list-item--dense .v-list-item__subtitle, .v-list-item--dense .v-list-item__title { font-size: 0.8125rem; font-weight: 500; line-height: 1rem; } .v-list--dense .v-list-item.v-list-item--two-line, .v-list-item--dense.v-list-item--two-line { min-height: 60px; } .v-list--dense .v-list-item.v-list-item--three-line, .v-list-item--dense.v-list-item--three-line { min-height: 76px; } .v-list-item--link { cursor: pointer; user-select: none; } .v-list-item--link::before { background-color: currentcolor; inset: 0px; content: ""; opacity: 0; pointer-events: none; position: absolute; transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .v-list .v-list-item--active, .v-list .v-list-item--active .v-icon { color: inherit; } .v-list-item__action--stack { align-items: flex-end; align-self: stretch; justify-content: space-between; white-space: nowrap; flex-direction: column; } .v-list--three-line .v-list-item .v-list-item__avatar:not(.v-list-item__avatar--horizontal), .v-list--three-line .v-list-item .v-list-item__icon, .v-list--two-line .v-list-item .v-list-item__avatar:not(.v-list-item__avatar--horizontal), .v-list--two-line .v-list-item .v-list-item__icon, .v-list-item--three-line .v-list-item__avatar:not(.v-list-item__avatar--horizontal), .v-list-item--three-line .v-list-item__icon, .v-list-item--two-line .v-list-item__avatar:not(.v-list-item__avatar--horizontal), .v-list-item--two-line .v-list-item__icon { margin-bottom: 16px; margin-top: 16px; } .v-list--two-line .v-list-item, .v-list-item--two-line { min-height: 64px; } .v-list--two-line .v-list-item .v-list-item__icon, .v-list-item--two-line .v-list-item__icon { margin-bottom: 32px; } .v-list--three-line .v-list-item, .v-list-item--three-line { min-height: 88px; } .v-list--three-line .v-list-item .v-list-item__action, .v-list--three-line .v-list-item .v-list-item__avatar, .v-list-item--three-line .v-list-item__action, .v-list-item--three-line .v-list-item__avatar { align-self: flex-start; margin-top: 16px; margin-bottom: 16px; } .v-list--three-line .v-list-item .v-list-item__content, .v-list-item--three-line .v-list-item__content { align-self: stretch; } .v-list--three-line .v-list-item .v-list-item__subtitle, .v-list-item--three-line .v-list-item__subtitle { white-space: normal; -webkit-line-clamp: 2; -moz-box-orient: vertical; display: -webkit-box; } .theme--light.v-select .v-select__selections { color: rgba(0, 0, 0, 0.87); } .theme--light.v-select .v-select__selection--disabled, .theme--light.v-select.v-input--is-disabled .v-select__selections { color: rgba(0, 0, 0, 0.38); } .theme--dark.v-select .v-select__selections, .theme--light.v-select.v-text-field--solo-inverted.v-input--is-focused .v-select__selections { color: rgb(255, 255, 255); } .theme--dark.v-select .v-select__selection--disabled, .theme--dark.v-select.v-input--is-disabled .v-select__selections { color: rgba(255, 255, 255, 0.5); } .theme--dark.v-select.v-text-field--solo-inverted.v-input--is-focused .v-select__selections { color: rgba(0, 0, 0, 0.87); } .v-select { position: relative; } .v-select:not(.v-select--is-multi).v-text-field--single-line .v-select__selections { flex-wrap: nowrap; } .v-select > .v-input__control > .v-input__slot { cursor: pointer; } .v-select .v-chip { flex: 0 1 auto; margin: 4px; } .v-select .v-chip--selected::after { opacity: 0.22; } .v-select .fade-transition-leave-active { position: absolute; left: 0px; } .v-select.v-input--is-dirty ::placeholder { color: transparent !important; } .v-select.v-input--is-dirty ::placeholder { color: transparent !important; } .v-select:not(.v-input--is-dirty):not(.v-input--is-focused) .v-text-field__prefix { line-height: 20px; top: 7px; transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); } .v-select.v-text-field--enclosed:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__selections { padding-top: 20px; } .v-select.v-text-field--outlined:not(.v-text-field--single-line) .v-select__selections { padding: 8px 0px; } .v-select.v-text-field--outlined:not(.v-text-field--single-line).v-input--dense .v-select__selections { padding: 4px 0px; } .v-select.v-text-field input { flex: 1 1 0%; min-width: 0px; position: relative; } .v-select.v-text-field:not(.v-text-field--single-line) input { margin-top: 0px; } .v-select.v-select--is-menu-active .v-input__icon--append .v-icon { transform: rotate(180deg); } .v-select.v-select--chips input { margin: 0px; } .v-select.v-select--chips .v-select__selections { min-height: 42px; } .v-select.v-select--chips.v-input--dense .v-select__selections { min-height: 40px; } .v-select.v-select--chips .v-chip--select.v-chip--active::before { opacity: 0.2; } .v-select.v-select--chips.v-select--chips--small .v-select__selections { min-height: 26px; } .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed .v-select__selections { min-height: 68px; } .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-input--dense .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-input--dense .v-select__selections { min-height: 40px; } .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small .v-select__selections { min-height: 26px; } .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small.v-input--dense .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small.v-input--dense .v-select__selections { min-height: 38px; } .v-select.v-text-field--reverse .v-select__selections, .v-select.v-text-field--reverse .v-select__slot { flex-direction: row-reverse; } .v-select.v-input--is-disabled:not(.v-input--is-readonly):not(.v-autocomplete) { pointer-events: none; } .v-select__selections { align-items: center; display: flex; flex: 1 1 0%; flex-wrap: wrap; line-height: 18px; max-width: 100%; min-width: 0px; } .v-select__selection { max-width: 90%; } .v-select__selection--comma { margin: 7px 4px 7px 0px; min-height: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .v-select.v-input--dense .v-select__selection--comma { margin: 5px 4px 3px 0px; } .v-select.v-input--dense .v-chip { margin: 0px 4px; } .v-select__slot { position: relative; align-items: center; display: flex; max-width: 100%; min-width: 0px; width: 100%; } .v-select:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__slot > input { align-self: flex-end; } .v-autocomplete.v-input > .v-input__control > .v-input__slot { cursor: text; } .v-autocomplete input { align-self: center; } .v-autocomplete.v-select.v-input--is-focused input { min-width: 64px; } .v-autocomplete:not(.v-input--is-focused).v-select--chips input { max-height: 0px; padding: 0px; } .v-autocomplete--is-selecting-index input { opacity: 0; } .v-autocomplete.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__slot > input { margin-top: 24px; } .v-autocomplete.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line):not(.v-text-field--outlined).v-input--dense .v-select__slot > input { margin-top: 20px; } .v-autocomplete__content.v-menu__content, .v-autocomplete__content.v-menu__content .v-card { border-radius: 0px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-credits-buttons[data-v-3ca587a6] { display: flex; margin: 0px auto 10px; max-width: 100%; width: 100%; } .b-credits-buttons .g-btn[data-v-3ca587a6] { min-width: 0px; padding-left: 5px; padding-right: 5px; flex: 1 1 0%; } .b-credits-buttons .g-btn + .g-btn[data-v-3ca587a6] { margin-left: 8px; } .b-credits-buttons.m-top-up-buttons-wrapper[data-v-3ca587a6] { display: inline-flex; box-shadow: rgba(138, 150, 163, 0.25) 0px 0px 0px 1px inset; border-radius: 6px; width: auto; } .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button[data-v-3ca587a6] { height: 46px; width: 78px; font-size: 14px; font-weight: 500; border-right: 1px solid rgba(138, 150, 163, 0.25); margin-top: 1px; margin-bottom: 1px; } .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button[data-v-3ca587a6]:last-child { border-right-color: transparent; } .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button.selected[data-v-3ca587a6] { background-color: rgba(0, 175, 240, 0.12); color: rgb(0, 175, 240); font-weight: 600; } .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button.selected[m-hover-state][data-v-3ca587a6] { color: var(--text-color); } @media (any-hover: hover) and (pointer: fine) { .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button.selected[data-v-3ca587a6]:hover { color: var(--text-color); } } .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button[m-hover-state][data-v-3ca587a6] { color: rgb(0, 175, 240); background: rgba(0, 175, 240, 0.05); } @media (any-hover: hover) and (pointer: fine) { .b-credits-buttons.m-top-up-buttons-wrapper .top-up-button[data-v-3ca587a6]:hover { color: rgb(0, 175, 240); background: rgba(0, 175, 240, 0.05); } } .captcha_wrapper[data-v-24ab9cf4] { display: none; } .captcha_wrapper[data-v-24ab9cf4]:not(:empty) { display: flex; justify-content: center; } #payment-form .captcha_wrapper[data-v-24ab9cf4]:not(:empty) { justify-content: flex-end; } .modal-restore .captcha_wrapper[data-v-24ab9cf4]:not(:empty) { margin-top: 24px; } .g-input__wrapper .captcha_wrapper[data-v-24ab9cf4]:not(:empty):not(:last-child) { margin-bottom: 27px; } .captcha_wrapper + .error_place_for_captcha[data-v-24ab9cf4] { margin-bottom: 22px; } .phone-setting-block .captcha_wrapper[data-v-24ab9cf4] { margin-top: 20px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-subscribe-block[data-v-24c614aa] { color: rgb(138, 150, 163); position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; padding: 15px; margin: 16px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] { border: medium; padding: 11px 12px; margin: 0px; } .b-subscribe-block.m-inside-grid.m-sm-square[data-v-24c614aa] { padding: 2px 4px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] .content-icons { opacity: 0.75; margin: 0px; padding: 0px; } .b-subscribe-block.m-over-thumb[data-v-24c614aa] { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.25)); color: rgb(254, 254, 254); border-radius: 0px; } .b-subscribe-block .content-icons[data-v-24c614aa] { display: flex; place-content: center space-between; align-items: center; margin: 0px; padding-bottom: 2px; line-height: 16px; } .b-subscribe-block .g-btn__group[data-v-24c614aa] { margin: -6px; } @media (max-width: 499.98px) { .b-subscribe-block .g-btn__group[data-v-24c614aa] { flex-wrap: wrap; } } .b-subscribe-block .g-btn__group > [data-v-24c614aa] { margin: 6px; flex: 0 1 100%; justify-content: center; } .b-subscribe-block .g-btn__group > [data-v-24c614aa] .b-wrap-btn-text { display: block; } .b-subscribe-block.m-need-confirm-price .g-btn__group[data-v-24c614aa] .b-wrap-btn-text { display: flex; } .b-subscribe-block__text[data-v-24c614aa] { font-size: 14px; line-height: 20px; } .b-btn-purchase-post[data-v-24c614aa] { position: absolute; inset: 0px; cursor: pointer; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-notifications__post-alert { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); padding: 8px 16px 8px 8px; display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 12px; } .b-notifications__post-alert .audio-wrapper { flex: 0 0 100%; } .b-notifications__post-alert .audio-wrapper:not(:last-child) { margin-bottom: 6px; } .b-notifications__post-alert__thumb { border: 1px solid rgba(138, 150, 163, 0.12); border-radius: 2px; width: 36px; height: 36px; overflow: hidden; margin-right: 10px; cursor: pointer; } .b-notifications__post-alert__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .b-notifications__post-alert__content { flex: 1 1 0%; max-width: calc(100% - 48px); font-size: 14px; line-height: 20px; margin-top: -3px; } .b-notifications__post-alert + div > br:first-child { display: none; } [id^="ModalUserAlert"][style*="z-index"][data-v-3a70b55a]:has(.m-user-alert-media) { z-index: 1038 !important; } .b-modal-logo[data-v-3a70b55a] { display: block; margin: -3px auto 4px; width: 228px; } [data-v-3a70b55a] .modal-body .dialog_message svg[width="250"], [data-v-3a70b55a] .modal-body .dialog_message use[*|href*="#icon-logo-new"] { display: none; } .modal-footer .g-btn.m-rounded[data-v-3a70b55a]:only-child { width: 100%; margin-left: 0px; margin-right: 0px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-viewer-row[data-v-4860db90] { padding-left: 34px; padding-right: 16px; min-height: 48px; } .b-viewer-row[data-v-4860db90]:not(:last-child) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-viewer-row__posts_tips_amount span[data-v-4860db90] { margin-left: 4px; font-weight: 500; color: rgb(138, 150, 163); } .b-viewer-row__name.m-disabled .g-user-name[data-v-4860db90] { color: rgb(138, 150, 163); } .b-viewer-row__option[data-v-4860db90] { margin-left: 15px; } .modal .b-viewer-row__option[data-v-4860db90] { margin-right: -2px; } .b-viewer-row__option .b-dropdown[data-v-4860db90] { margin-right: -3px; } .b-viewer-row__option .b-dropdown[data-v-4860db90]:not(:first-child) { margin-left: 9px; } .b-viewer-row__option .post-vote-button__icon[data-v-4860db90] { margin-left: 0px; margin-right: 0px; } .stories-list-preview[data-v-4860db90] { margin-bottom: 10px; } .stories-list-preview .swiper-slide.active .story-preview[data-v-4860db90] { opacity: 1; } .stories-list-preview .story-preview[data-v-4860db90] { position: relative; opacity: 0.6; transition: opacity 0.1s; } .story-preview[data-v-4860db90] { position: relative; transition: opacity 0.1s; } .stories-list-preview .swiper-slide:not(.active) .story-preview[data-v-4860db90] { opacity: 0.6; } .story-preview img[data-v-4860db90] { height: 130px; margin-left: auto; margin-right: auto; border-radius: 6px; display: block; object-fit: cover; object-position: center center; } [data-v-4860db90] .stat-like-story { color: rgb(0, 175, 240); height: 16px; margin-left: 14px; } [data-v-4860db90] .stat-like-story .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .list-viewers[data-v-4860db90] { flex: 1 1 0%; position: absolute; inset: 0px; margin-right: -16px; } .post_voting[data-v-9338b800] { margin: 16px 0px 0px; } .post_voting .b-post-voting__inner-wrapper[data-v-9338b800] { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); } .b-post__mentioned-posts-item .post_voting[data-v-9338b800] { margin-left: 16px; margin-right: 16px; } .post_voting_due[data-v-9338b800] { display: flex; align-content: center; align-items: center; background-color: rgba(138, 150, 163, 0.08); font-size: 14px; padding: 11px 15px; } .post_voting_due__item[data-v-9338b800] { position: relative; color: rgb(138, 150, 163); } .post_voting_due__item[data-v-9338b800]:first-child::before { display: none; } .post_voting_due__item[data-v-9338b800]::before { content: "•"; margin-left: 6px; margin-right: 3px; color: rgba(138, 150, 163, 0.75); font-size: 14px; } .post_voting_due__item .g-icon[data-v-9338b800] { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 5px; } .post_voting_due__item .g-page-title__link[data-v-9338b800]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .post_voting_due__item[data-v-9338b800]:focus-visible { outline: none; } .post_voting_due__item[data-v-9338b800]:focus-visible .g-page__link { text-decoration: underline; color: rgb(0, 145, 234); } } [data-v-9338b800] .post_voting_percent { background-color: rgba(0, 175, 240, 0.12); position: absolute; max-width: calc(100% - 12px); left: 6px; top: 6px; bottom: 6px; border-radius: 6px; pointer-events: none; } [data-v-9338b800] .post_voting_percent.m-level-correct { background-color: rgba(53, 208, 99, 0.12); } [data-v-9338b800] .post_voting_percent.m-level-incorrect { background-color: rgba(138, 150, 163, 0.12); } .post_voting[data-v-9338b800] .vote-button-wrapper { display: block; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .post_voting[data-v-9338b800] + .b-post__unknown { margin-top: 16px; } .vote-button-wrapper[data-v-9338b800] { width: 100%; } @media (any-hover: hover) and (pointer: fine) { .vote-button-wrapper[data-v-9338b800]:focus-visible::after { outline-offset: 0px; } .vote-button-wrapper[data-v-9338b800]:focus-visible .post-vote-button__icon { color: rgb(0, 145, 234); } } [data-v-9338b800] .post-vote-button { border: medium; background: none; padding: 12px 16px; font-size: 14px; line-height: 20px; font-weight: 500; width: 100%; text-align: left; border-radius: 6px; transition: background-color 0.5s linear; display: flex; flex-direction: row; align-content: center; align-items: center; position: relative; min-height: 48px; z-index: 0; } [data-v-9338b800] .post-vote-button[disabled] { pointer-events: none; opacity: 0.4; } [data-v-9338b800] .post-vote-button.m-with-rectangle-hover { color: rgb(0, 175, 240); } [data-v-9338b800] .post-vote-button.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-9338b800] .post-vote-button.m-with-rectangle-hover:focus-visible { color: rgb(0, 145, 234); } } [data-v-9338b800] .post-vote-button__icon { margin-left: -4px; margin-right: 10px; width: 24px; height: 24px; display: flex; flex-direction: row; place-content: center; align-items: center; transition: color 0.1s; } [data-v-9338b800] .post-vote-button__icon.m-correct { color: rgb(53, 208, 99); } [data-v-9338b800] .post-vote-button__icon.m-incorrect { color: rgba(138, 150, 163, 0.4); } [data-v-9338b800] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-correct, [data-v-9338b800] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-incorrect { color: rgb(0, 145, 234); } [data-v-9338b800] .post-vote-button .b-input-radio__label { position: relative; left: auto; top: auto; border-color: rgba(138, 150, 163, 0.75); margin-right: 0px; } [data-v-9338b800] .post-vote-button.m-pass { background-color: rgba(53, 208, 99, 0.12); } [data-v-9338b800] .post-vote-button.m-fail { background-color: rgba(255, 96, 96, 0.12); } [data-v-9338b800] .post-vote-button__label { flex: 1 1 0%; position: relative; } [data-v-9338b800] .post-vote-button__count { margin-left: 15px; } [data-v-9338b800] .post-vote-button.m-unvoted { color: rgb(138, 150, 163); } .m-owner[data-v-9338b800] .post-vote-button.m-unvoted { color: var(--title-color); } .m-owner[data-v-9338b800] .post-vote-button.m-unvoted.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } [data-v-9338b800] .post-vote-button.m-voted { color: var(--title-color); } [data-v-d9a9635e] .modal .modal-body.m-min-content { min-height: 312px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-dragscroll[data-v-5a3acf4f] { display: flex; align-content: stretch; align-items: stretch; line-height: normal; user-select: none; } .b-dragscroll.m-full-width[data-v-5a3acf4f] { flex: 0 0 100%; } .b-dragscroll.m-gaps-inside[data-v-5a3acf4f] { padding-left: 16px; padding-right: 16px; } .b-dragscroll.m-gaps-outside[data-v-5a3acf4f] { margin-left: -16px; margin-right: -16px; flex: 0 0 calc(100% + 32px); } .b-dragscroll.m-gaps-vertical[data-v-5a3acf4f] { padding-top: 16px; padding-bottom: 16px; } .b-dragscroll.m-left-gap-outside[data-v-5a3acf4f] { margin-left: -16px; } .b-tabs__nav.m-single-current .b-dragscroll.m-left-gap-outside + .dropdown[data-v-5a3acf4f] { margin-left: auto; padding-left: 10px; } .b-dragscroll.m-wrap-items-text > [data-v-5a3acf4f]:not(.g-text-ellipsis), .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] :not(.g-text-ellipsis) { white-space: normal; } .b-dragscroll.m-wrap-items-text > .g-text-ellipsis [data-v-5a3acf4f], .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] .g-text-ellipsis * { white-space: inherit; } .b-dragscroll[data-v-5a3acf4f]:not(.m-wrap-items-text) * { white-space: nowrap; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item) { margin-right: 8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item).vue-recycle-scroller__item-wrapper { margin-right: -8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :last-child { margin-right: 0px; } @supports (-moz-appearance:none) { .b-dragscroll[data-v-5a3acf4f] > :last-child { margin-right: 16px; } } .b-dragscroll > div:last-child .b-tabs__nav__item[data-v-5a3acf4f] { margin-right: 0px; } .b-dragscroll.m-reset-overscroll[data-v-5a3acf4f] { overscroll-behavior: auto; } .b-dragscroll.m-scroll-behavior[data-v-5a3acf4f] { scroll-behavior: smooth; } .b-dragscroll button[data-no-dragscroll] [data-v-5a3acf4f], .b-dragscroll[data-v-5a3acf4f] button[data-no-dragscroll] * { pointer-events: none; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view { width: 134px; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view > .b-posts_preloader { height: 100%; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-content-inside-thumbs[data-v-7e658644] { line-height: 16px; } .b-content-inside-thumbs[data-v-7e658644]:not(.m-exception-not-last):not(:last-child)::after { content: "•"; font-size: 12px; color: rgba(138, 150, 163, 0.75); margin-left: 5px; margin-right: 7px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item[data-v-7e658644] { display: inline; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644] { margin-right: 0px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:not(:first-child) { margin-left: 0px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:last-child::after { content: none; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:has(.g-icon)::after { margin-right: 6px; } .b-release-form__docs .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item.m-unstuck-dot[data-v-7e658644]::after { margin-left: 2px; margin-right: 4px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { right: auto; margin-left: 2px; margin-right: 2px; position: relative; left: auto; font-size: inherit; } .b-release-form__docs .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { margin-left: 0px; margin-right: 0px; } [data-v-7e658644] .b-content-inside-thumbs__item { font-size: 12px; line-height: inherit; font-weight: 500; position: relative; white-space: nowrap; } [data-v-7e658644] .b-content-inside-thumbs__item:last-child { margin-right: 0px; } [data-v-7e658644] .b-content-inside-thumbs__item .d-flex { line-height: inherit; height: 16px; overflow: hidden; } .d-flex[data-v-7e658644] > .b-content-inside-thumbs__item { display: block; } [data-v-7e658644] .b-content-inside-thumbs__item.m-collection-item { font-weight: 400; font-size: 14px; } .b-content-inside-thumbs__item.m-collection-item.b-dot-item[data-v-7e658644]::after { font-size: 16px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644] { min-width: 16px; margin-right: 16px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:last-child { margin-right: 0px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { font-size: 12px; line-height: 16px; right: -10px; opacity: 0.75; margin-left: 0px; } .m-stream-body div[data-v-7e658644] .b-content-inside-thumbs__item { color: rgba(255, 255, 255, 0.75); } .b-content-inside-thumbs__item[data-v-7e658644] > .g-icon { vertical-align: top; transform: translateY(1px); } .b-content-inside-thumbs__icon[data-v-7e658644] { display: inline; vertical-align: initial; margin-right: 2px; } .b-content-inside-thumbs__icon.mr-0 .g-icon[data-v-7e658644] { margin-top: 1px; } .b-content-inside-thumbs__icon .g-icon[data-v-7e658644] { vertical-align: top; } .b-content-inside-thumbs__count[data-v-7e658644] { margin-left: 4px; } .b-content-filter[data-v-5e0d875d] { min-height: 56px; padding-top: 9px; padding-bottom: 9px; color: rgb(138, 150, 163); } @media (max-width: 1003.98px) { .b-content-filter.m-filter-sm[data-v-5e0d875d] { min-height: 48px; padding-top: 6px; padding-bottom: 6px; } } .b-content-filter.m-filter-sm-height[data-v-5e0d875d] { min-height: 38px; } .b-content-filter.m-inside-modal-header[data-v-5e0d875d] { padding-top: 0px; padding-bottom: 0px; margin-top: -9px; margin-bottom: -9px; min-height: auto; } .b-content-filter.m-inside-modal-header.m-filtered[data-v-5e0d875d] { border-bottom: medium; width: 100%; } .b-content-filter.m-filtered[data-v-5e0d875d] { color: rgb(0, 175, 240); } .b-content-filter.m-over-header[data-v-5e0d875d] { min-height: 48px; margin-top: -48px; z-index: 5; position: sticky; top: 0px; padding-top: 6px; padding-bottom: 6px; pointer-events: none; } .b-content-filter.m-over-header > [data-v-5e0d875d] { pointer-events: auto; } .b-content-filter.m-over-header .b-search-form[data-v-5e0d875d] { top: 6px; right: -6px; } .b-chats .b-content-filter[data-v-5e0d875d]:not(.m-reset-sides-gaps) { padding-left: 16px; padding-right: 16px; } .b-content-filter__title[data-v-5e0d875d] { color: inherit; font-size: 16px; margin: 0px; } .m-switcher-queue-btns .b-content-filter__title[data-v-5e0d875d] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; text-transform: none; } .m-filter-sm .b-content-filter__title[data-v-5e0d875d] { font-size: 14px; line-height: 20px; } .b-content-filter__title.g-text-ellipsis[data-v-5e0d875d]:has(.g-btn) { padding-top: 4px; padding-bottom: 4px; margin-top: -4px; margin-bottom: -4px; } .b-content-filter__group-btns[data-v-5e0d875d] { margin-left: auto; margin-right: -6px; } @media (max-width: 1003.98px) { .m-filter-sm .b-content-filter__group-btns[data-v-5e0d875d] { margin-right: -10px; } } .b-content-filter__group-btns .g-btn.m-flat.m-link[data-v-5e0d875d] { font-size: 14px; } .b-content-filter__group-btns .g-btn.m-flat.m-link + .m-btn-arrow[data-v-5e0d875d] { margin-left: 10px; } .b-content-filter__btn .g-btn[data-v-5e0d875d] { vertical-align: top; } .b-content-filter__clear-filters[data-v-5e0d875d] { margin-right: 6px; margin-left: -6px; } .b-content-filter[data-v-5e0d875d] .b-search-form { left: -16px; right: -16px; width: auto; color: var(--text-color); padding-right: 10px; } .b-subscribe-block[data-v-24c614aa] { color: rgb(138, 150, 163); position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; padding: 15px; margin: 16px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] { border: medium; padding: 11px 12px; margin: 0px; } .b-subscribe-block.m-inside-grid.m-sm-square[data-v-24c614aa] { padding: 2px 4px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] .content-icons { opacity: 0.75; margin: 0px; padding: 0px; } .b-subscribe-block.m-over-thumb[data-v-24c614aa] { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.25)); color: rgb(254, 254, 254); border-radius: 0px; } .b-subscribe-block .content-icons[data-v-24c614aa] { display: flex; place-content: center space-between; align-items: center; margin: 0px; padding-bottom: 2px; line-height: 16px; } .b-subscribe-block .g-btn__group[data-v-24c614aa] { margin: -6px; } @media (max-width: 499.98px) { .b-subscribe-block .g-btn__group[data-v-24c614aa] { flex-wrap: wrap; } } .b-subscribe-block .g-btn__group > [data-v-24c614aa] { margin: 6px; flex: 0 1 100%; justify-content: center; } .b-subscribe-block .g-btn__group > [data-v-24c614aa] .b-wrap-btn-text { display: block; } .b-subscribe-block.m-need-confirm-price .g-btn__group[data-v-24c614aa] .b-wrap-btn-text { display: flex; } .b-subscribe-block__text[data-v-24c614aa] { font-size: 14px; line-height: 20px; } .b-btn-purchase-post[data-v-24c614aa] { position: absolute; inset: 0px; cursor: pointer; } [data-v-3773fa6e] .b-media-set { display: flex; margin-right: -2px; margin-left: 10px; } .modal div[data-v-3773fa6e] .b-media-set, [data-v-3773fa6e] .modal .b-media-set { margin-right: 0px; } .b-widget .b-media-set[data-v-3773fa6e] { padding-left: 6px; } [data-v-3773fa6e] .b-media-set.m-avatars-media-set .g-avatar { z-index: 0; } [data-v-3773fa6e] .b-media-set.m-avatars-media-set .g-avatar.m-w24:not(:first-child) { margin-left: -12px; } [data-v-3773fa6e] .b-media-set.m-avatars-media-set .g-avatar.m-w36:not(:first-child) { margin-left: -18px; } [data-v-3773fa6e] .b-media-set.m-avatars-media-set .g-avatar.m-w50:not(:first-child) { margin-left: -25px; } [data-v-3773fa6e] .b-media-set__item { width: 48px; height: 48px; border-radius: 6px; border: 2px solid var(--bg-color); position: relative; margin-left: -26px; overflow: hidden; box-sizing: content-box; } [data-v-3773fa6e] .b-media-set__item.m-size-md { width: 40px; height: 40px; margin-left: -22px; } [data-v-3773fa6e] .b-media-set__item.m-default-bg { display: inline-flex; } .modal div[data-v-3773fa6e] .b-media-set__item { width: 36px; height: 36px; margin-left: -22px; } .modal div[data-v-3773fa6e] .b-media-set__item:first-child, [data-v-3773fa6e] .b-media-set__item:first-child { margin-left: 0px; } [data-v-3773fa6e] .b-media-set__img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0px; left: 0px; } [data-v-3773fa6e] .b-media-set .b-photos__item__play-btn, [data-v-3773fa6e] .b-media-set .b-photos__item__play-btn .b-photos__item__img ~ .b-subscribe-block, [data-v-3773fa6e] .b-media-set .b-photos__item__text, [data-v-3773fa6e] .b-media-set .b-photos__item__text .b-photos__item__img ~ .b-subscribe-block { display: none; } [data-v-3773fa6e] .b-media-set .b-photos__item__play-btn .b-subscribe-block.m-sm-square .b-purchase__list-item, [data-v-3773fa6e] .b-media-set .b-photos__item__text .b-subscribe-block.m-sm-square .b-purchase__list-item { font: 0px / 16px a; } [data-v-3773fa6e] .b-media-set .b-photos__item__play-btn .b-subscribe-block.m-sm-square .b-purchase__list-item + .b-purchase__list-item, [data-v-3773fa6e] .b-media-set .b-photos__item__text .b-subscribe-block.m-sm-square .b-purchase__list-item + .b-purchase__list-item { display: none; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .quatro-status[data-v-5cba56f7] { padding: 0px 6px; margin: 5px 0px 0px; } .quatro-status[data-v-5cba56f7]:empty { margin: 0px; } .quatro-status.danger[data-v-5cba56f7] { color: rgb(231, 108, 108); } .b-upload-file-wrapper.m-chips-items[data-v-5cba56f7] { display: flex; flex-flow: wrap; place-content: flex-start; align-items: flex-start; } .b-upload-file-wrapper.m-chips-items .g-section-title[data-v-5cba56f7] { flex: 0 0 100%; } .b-upload-file-wrapper.m-chips-items .g-input__file__name > .g-icon[data-v-5cba56f7] { color: inherit; } .b-upload-file-wrapper.m-chips-items .b-row-select-file[data-v-5cba56f7] { margin-bottom: 10px; } .b-upload-file-wrapper.m-chips-items .b-posts_preloader[data-v-5cba56f7] { margin-top: 4px; } .b-upload-file-wrapper .g-btn.m-btn-upload[data-v-5cba56f7] { padding-left: 9px; } .b-upload-file-wrapper .g-btn.m-btn-upload .g-icon[data-v-5cba56f7] { margin-right: 5px; } .b-upload-file-wrapper .g-btn.m-select-file[data-v-5cba56f7] { background-color: rgba(138, 150, 163, 0.08); border-radius: 6px; color: rgb(138, 150, 163); font-size: 14px; line-height: 20px; height: 112px; margin-bottom: 0px; } .b-upload-file-wrapper .g-btn.m-select-file[data-v-5cba56f7]:hover { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .b-upload-file-wrapper .g-btn.m-select-file.disabled[data-v-5cba56f7], .b-upload-file-wrapper .g-btn.m-select-file[disabled][data-v-5cba56f7] { background-color: rgba(138, 150, 163, 0.08); } .b-upload-file-wrapper .g-btn.m-select-file .g-icon[data-v-5cba56f7] { margin-bottom: 12px; } .b-upload-file-wrapper .g-btn.m-select-file.m-flex[data-v-5cba56f7] { flex-direction: column; } .b-upload-file-wrapper .g-btn.m-select-file.m-flex .g-icon[data-v-5cba56f7] { margin-right: 0px; } .b-upload-file-wrapper label.g-btn[data-v-5cba56f7], .b-upload-file-wrapper p[data-v-5cba56f7]:last-child { margin-bottom: 0px; } .quatro-status[data-v-39396152] { padding: 0px 6px; margin: 5px 0px 0px; } .quatro-status[data-v-39396152]:empty { margin: 0px; } .quatro-status.danger[data-v-39396152] { color: rgb(231, 108, 108); } .b-upload-file-wrapper.m-chips-items[data-v-39396152] { display: flex; flex-flow: wrap; place-content: flex-start; align-items: flex-start; } .b-upload-file-wrapper.m-chips-items .g-section-title[data-v-39396152] { flex: 0 0 100%; } .b-upload-file-wrapper.m-chips-items .g-input__file__name > .g-icon[data-v-39396152] { color: inherit; } .b-upload-file-wrapper.m-chips-items .b-row-select-file[data-v-39396152] { margin-bottom: 10px; } .b-upload-file-wrapper.m-chips-items .b-posts_preloader[data-v-39396152] { margin-top: 4px; } .b-upload-file-wrapper .g-btn.m-btn-upload[data-v-39396152] { padding-left: 9px; } .b-upload-file-wrapper .g-btn.m-btn-upload .g-icon[data-v-39396152] { margin-right: 5px; } .b-upload-file-wrapper .g-btn.m-select-file[data-v-39396152] { background-color: rgba(138, 150, 163, 0.08); border-radius: 6px; color: rgb(138, 150, 163); font-size: 14px; line-height: 20px; height: 112px; margin-bottom: 0px; } .b-upload-file-wrapper .g-btn.m-select-file[data-v-39396152]:hover { background-color: rgba(0, 145, 234, 0.06); color: rgb(0, 145, 234); } .b-upload-file-wrapper .g-btn.m-select-file.disabled[data-v-39396152], .b-upload-file-wrapper .g-btn.m-select-file[disabled][data-v-39396152] { background-color: rgba(138, 150, 163, 0.08); } .b-upload-file-wrapper .g-btn.m-select-file .g-icon[data-v-39396152] { margin-bottom: 12px; } .b-upload-file-wrapper .g-btn.m-select-file.m-flex[data-v-39396152] { flex-direction: column; } .b-upload-file-wrapper .g-btn.m-select-file.m-flex .g-icon[data-v-39396152] { margin-right: 0px; } .b-upload-file-wrapper label.g-btn[data-v-39396152], .b-upload-file-wrapper p[data-v-39396152]:last-child { margin-bottom: 0px; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } .b-photo-editor__header[data-v-6c13ae40] { position: absolute; left: 0px; top: 0px; width: 100%; display: flex; flex-flow: wrap; place-content: center space-between; align-items: center; min-height: 56px; padding-left: 10px; padding-right: 10px; max-width: 100vw; z-index: 3; pointer-events: none; } .m-overlay-layer .b-photo-editor__header[data-v-6c13ae40] { background-color: rgb(0, 0, 0); } .b-photo-editor__header[data-v-6c13ae40] .g-icon.m-mirror-view { transform: scaleX(-1); } .b-photo-editor__controls-editor[data-v-6c13ae40] { pointer-events: auto; } .b-photo-editor__controls-editor[data-v-6c13ae40] .g-btn { margin-right: 4px; } .b-photo-editor__controls-story[data-v-6c13ae40] { display: inline-flex; flex-flow: wrap; place-content: center flex-end; align-items: center; margin-left: auto; pointer-events: auto; } .b-photo-editor__controls-story[data-v-6c13ae40] > .g-btn { margin-left: 4px; } .b-photo-editor-section[data-v-db50d10a] { position: fixed; top: 0px; left: 0px; width: 100%; height: calc(var(--vh, 1vh)*100); background-color: rgb(0, 0, 0); z-index: 1000; display: flex; flex-direction: row; place-content: center; align-items: center; } .b-photo-editor-section.m-overlay-layer[data-v-db50d10a] { background-color: rgba(0, 0, 0, 0.5); } .b-photo-editor-section.m-overlay-layer--attention[data-v-db50d10a] { background-color: rgba(0, 0, 0, 0.8); } .b-photo-editor-section.m-overlay-layer--viewer[data-v-db50d10a] { left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: auto; } .b-photo-editor-section.m-overlay-layer + .b-photo-editor__header[data-v-db50d10a] { visibility: hidden; } .b-photo-editor[data-v-db50d10a] { width: 100%; height: inherit; } .b-photo-editor[data-v-db50d10a] .b-slide-panel__substrate { position: fixed; } .m-overlay-layer--viewer .b-photo-editor[data-v-db50d10a] { grid-template-rows: 1fr; } .m-overlay-layer--editor .b-photo-editor[data-v-db50d10a] .m-rotate-icon .g-icon { transform: rotate(90deg); } .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style { touch-action: manipulation; } .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded { background: rgb(254, 254, 254); color: rgb(0, 0, 0); } .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded[m-hover-state] { color: rgb(0, 145, 234); background: rgba(255, 255, 255, 0.94); } @media (any-hover: hover) and (pointer: fine) { .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded:hover { color: rgb(0, 145, 234); background: rgba(255, 255, 255, 0.94); } } @media (any-hover: hover) and (pointer: fine) { .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded:focus-visible { color: rgb(0, 145, 234); background: rgba(255, 255, 255, 0.94); } } .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded.m-border { box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 1px inset; color: rgb(254, 254, 254); background: none; } .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded.m-border[m-hover-state] { background: rgba(255, 255, 255, 0.12); } @media (any-hover: hover) and (pointer: fine) { .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded.m-border:hover { background: rgba(255, 255, 255, 0.12); } } @media (any-hover: hover) and (pointer: fine) { .b-photo-editor[data-v-db50d10a] .g-btn.m-btn-editor-style.m-rounded.m-border:focus-visible { background: rgba(255, 255, 255, 0.12); outline-color: rgb(254, 254, 254); } } [data-v-db50d10a] .b-story-text-note { position: absolute; left: 0px; bottom: 64px; font-size: 11px; line-height: 16px; text-align: center; width: 100%; color: rgba(255, 255, 255, 0.75); } [data-v-db50d10a] .canvas-pre-loader { position: absolute; top: 50%; left: 50%; z-index: 99999; margin-left: -10px; margin-top: -10px; color: rgb(255, 255, 255); } .b-photo-editor__container[data-v-5c5daf2e] { display: flex; place-content: center; align-items: center; margin: 0px auto; width: 100%; max-width: 100%; height: 100%; } @media (max-width: 767.98px) { .m-overlay-layer--viewer .b-photo-editor__container[data-v-5c5daf2e] { position: static; } } .b-photo-editor__container.m-scrollbar-y[data-v-5c5daf2e] { overflow-x: hidden; } .b-photo-editor__container[data-v-5c5daf2e] canvas { width: 100%; } .b-photo-editor #photo-editor-gif[data-v-5c5daf2e] { opacity: 0; position: absolute; top: -9999px; left: -9999px; z-index: 1; } .b-editor-toolbar[data-v-3253a697] { height: 72px; border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); background-color: rgba(138, 150, 163, 0.12); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; display: flex; align-content: center; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); top: 56px; width: 100%; max-width: 344px; z-index: 4; } .b-editor-toolbar[data-v-3253a697] .b-tabs__nav { min-height: auto; max-width: 100%; } .b-tabs__nav.m-user-appearance-tabs[data-v-3253a697] { display: block; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs::after { content: none; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link { border-bottom: medium; background-color: transparent; text-align: center; text-transform: lowercase; color: rgb(254, 254, 254); font-weight: 400; font-size: 11px; width: 60px; flex-direction: column; flex: 0 0 60px; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link .g-avatar { margin-top: 2px; margin-bottom: 3px; transition: box-shadow 0.2s; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link .g-avatar__icon.m-opensea-label { pointer-events: none; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link.has-story img { transition: border-color 0.2s; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link[m-hover-state] .g-avatar { box-shadow: rgb(254, 254, 254) 0px 0px 0px 2px; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link[m-hover-state] .g-avatar.has-story img { border-color: rgb(254, 254, 254); } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link[m-hover-state] .g-avatar.m-hexagon-form { box-shadow: none; } @media (any-hover: hover) and (pointer: fine) { [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link:hover .g-avatar { box-shadow: rgb(254, 254, 254) 0px 0px 0px 2px; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link:hover .g-avatar.has-story img { border-color: rgb(254, 254, 254); } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__link:hover .g-avatar.m-hexagon-form { box-shadow: none; } } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__item { margin-right: 17px; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__item:first-child { margin-left: -5px; } [data-v-3253a697] .b-tabs__nav.m-user-appearance-tabs .b-tabs__nav__item:last-child { margin-right: 0px; } [data-v-3253a697] .b-slider-range .vue-slider { margin-left: 16px; margin-right: 16px; } [data-v-3253a697] .b-slider-range .vue-slider .vue-slider-dot-tooltip-top { top: -7px; } [data-v-3253a697] .b-slider-range .vue-slider .vue-slider-dot-tooltip-top .vue-slider-dot-tooltip-inner-top::after { margin-top: -1px; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,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; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center 0px; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-lock { display: none; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0px; font-variant: normal; line-height: 1; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .g-btn.m-inverse-color[data-v-6b0ed3bd] { color: rgb(0, 175, 240); background: rgb(254, 254, 254); } .g-btn.m-inverse-color[disabled][data-v-6b0ed3bd] { color: rgb(0, 0, 0); } .g-btn.m-inverse-color[data-v-6b0ed3bd]:hover { color: rgb(0, 145, 234); background: rgba(255, 255, 255, 0.94); } .b-story-questionnaire--overlay[data-v-6b0ed3bd] { width: 100%; height: 100%; position: absolute; z-index: 0; inset: 0px; } .b-post__unknown[data-v-7ecf0fc5] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-7ecf0fc5]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-7ecf0fc5] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-7ecf0fc5] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-7ecf0fc5] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-7ecf0fc5] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-7ecf0fc5] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-7ecf0fc5]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-7ecf0fc5] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-7ecf0fc5] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-7ecf0fc5] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-7ecf0fc5] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-7ecf0fc5] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-7ecf0fc5] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-7ecf0fc5] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-7ecf0fc5] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-7ecf0fc5] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-7ecf0fc5] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-7ecf0fc5] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-7ecf0fc5] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-7ecf0fc5] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-7ecf0fc5] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-7ecf0fc5] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-7ecf0fc5] { display: none; } .b-post__unknown.m-fluid-height[data-v-7ecf0fc5] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-7ecf0fc5] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-7ecf0fc5] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-7ecf0fc5] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-post__unknown[data-v-029f0859] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-029f0859]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-029f0859] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-029f0859] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-029f0859] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-029f0859] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-029f0859] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-029f0859] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-029f0859]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-029f0859]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-029f0859] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-029f0859] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-029f0859] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-029f0859] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-029f0859] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-029f0859] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-029f0859] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-029f0859] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-029f0859] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-029f0859] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-029f0859] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-029f0859] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-029f0859] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-029f0859] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-029f0859] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-029f0859] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-029f0859] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-029f0859] { display: none; } .b-post__unknown.m-fluid-height[data-v-029f0859] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-029f0859] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-029f0859] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-029f0859] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .post_media__loading[data-v-6983c659] { position: absolute; inset: 0px; background-color: var(--bg-color); z-index: 3; } .post_media__loading[data-v-6983c659]::after { content: ""; position: absolute; inset: 0px; background-color: rgba(138, 150, 163, 0.04); z-index: 0; } .post_media__loading .g-icon.m-dynamic-icon[data-v-6983c659] { color: rgb(138, 150, 163); opacity: 0.12; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 40px; height: 40px; flex: 0 0 40px; z-index: 2; } .m-diff-ratio .b-slideshow[style*="height"][data-v-3506c777] { height: auto !important; } .b-slideshow[style*="height"][data-v-3506c777] .post_img_big[style*="min-height"] { height: inherit; } .b-slideshow[style*="height"][data-v-3506c777] .post_img_big[style*="min-height"] .post_gif { min-height: inherit; } [data-v-3506c777] .b-slideshow .video-wrapper { align-self: stretch; } [data-v-3506c777] .b-slideshow .video-wrapper:not([style*="padding-top"]):not([style*="height"]) { position: absolute; inset: 0px; } [data-v-3506c777] .b-slideshow .video-wrapper[style*="padding-top"]:not([style*="height"]) { align-self: stretch; } [data-v-3506c777] .b-slideshow .video-wrapper video.video-js { position: static; } [data-v-3506c777] .b-slideshow .video-wrapper .video-js { position: absolute; inset: 0px; display: flex; flex-direction: column; place-content: center; align-items: center; } [data-v-3506c777] .b-slideshow .video-wrapper .video-js .b-placeholder-preview { height: 100%; } [data-v-3506c777] .b-slideshow .video-wrapper video { max-width: 100%; max-height: 100%; } [data-v-3506c777] .b-slideshow .m-custom-cover { max-height: inherit; } .b-post__fundraising[data-v-1dfc6f40] { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; margin: 14px 0px 0px; } .b-post__mentioned-posts-item .b-post__fundraising[data-v-1dfc6f40] { margin-left: 12px; margin-right: 12px; } .b-post__fundraising__progress[data-v-1dfc6f40] { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 6px; background: rgba(0, 175, 240, 0.12); pointer-events: none; } .b-post__fundraising__progress-wrapper[data-v-1dfc6f40] { border-bottom: 1px solid rgba(138, 150, 163, 0.25); padding: 5px; position: relative; } .b-post__fundraising__progress-data[data-v-1dfc6f40] { display: flex; flex-direction: row; align-content: center; align-items: center; padding: 10px 14px 10px 11px; position: relative; } .b-post__fundraising__progress-data .m-btn-fundraising[data-v-1dfc6f40] { margin: auto 11px auto 0px; height: 24px; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[data-v-1dfc6f40] { cursor: pointer; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer .g-icon[data-v-1dfc6f40] { color: var(--text-color); } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[m-hover-state] .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer:hover .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer[data-v-1dfc6f40]:focus-visible { outline-offset: 8px; } .b-post__fundraising__progress-data .m-btn-fundraising.m-pointer:focus-visible .g-icon[data-v-1dfc6f40] { color: rgb(0, 145, 234); } } .b-post__fundraising__progress-data .g-icon-info[data-v-1dfc6f40] { margin-left: 10px; } .b-post__fundraising__summ[data-v-1dfc6f40] { font-weight: 500; margin-right: auto; font-size: 18px; } .b-post__fundraising__target[data-v-1dfc6f40] { color: rgb(138, 150, 163); font-size: 16px; margin: 0px 1px 0px 0px; } .b-post__fundraising .g-btn__row[data-v-1dfc6f40] { padding: 14px 12px 16px; } .b-post__fundraising .g-btn__row .g-btn[data-v-1dfc6f40] { flex-grow: 1; padding-left: 10px; padding-right: 10px; margin-left: 9px; } .b-post__fundraising .g-btn__row .g-btn[data-v-1dfc6f40]:first-child { margin-left: 0px; } .b-subscribe-block[data-v-24c614aa] { color: rgb(138, 150, 163); position: absolute; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; padding: 15px; margin: 16px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] { border: medium; padding: 11px 12px; margin: 0px; } .b-subscribe-block.m-inside-grid.m-sm-square[data-v-24c614aa] { padding: 2px 4px; } .b-subscribe-block.m-inside-grid[data-v-24c614aa] .content-icons { opacity: 0.75; margin: 0px; padding: 0px; } .b-subscribe-block.m-over-thumb[data-v-24c614aa] { background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.25)); color: rgb(254, 254, 254); border-radius: 0px; } .b-subscribe-block .content-icons[data-v-24c614aa] { display: flex; place-content: center space-between; align-items: center; margin: 0px; padding-bottom: 2px; line-height: 16px; } .b-subscribe-block .g-btn__group[data-v-24c614aa] { margin: -6px; } @media (max-width: 499.98px) { .b-subscribe-block .g-btn__group[data-v-24c614aa] { flex-wrap: wrap; } } .b-subscribe-block .g-btn__group > [data-v-24c614aa] { margin: 6px; flex: 0 1 100%; justify-content: center; } .b-subscribe-block .g-btn__group > [data-v-24c614aa] .b-wrap-btn-text { display: block; } .b-subscribe-block.m-need-confirm-price .g-btn__group[data-v-24c614aa] .b-wrap-btn-text { display: flex; } .b-subscribe-block__text[data-v-24c614aa] { font-size: 14px; line-height: 20px; } .b-btn-purchase-post[data-v-24c614aa] { position: absolute; inset: 0px; cursor: pointer; } .b-post__unknown[data-v-01d37c15] { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown[data-v-01d37c15]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown[data-v-01d37c15] { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown[data-v-01d37c15] { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown[data-v-01d37c15] { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block[data-v-01d37c15] { position: relative; inset: auto; } .post_media .b-post__unknown[data-v-01d37c15] { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-01d37c15] { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat[data-v-01d37c15]:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat[data-v-01d37c15]:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user[data-v-01d37c15] { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user[data-v-01d37c15] { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p[data-v-01d37c15] { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown[data-v-01d37c15] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown[data-v-01d37c15] { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown[data-v-01d37c15] { padding-top: 61.45%; } } .b-post__unknown__icon[data-v-01d37c15] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position[data-v-01d37c15] { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position[data-v-01d37c15] { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position[data-v-01d37c15] { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post[data-v-01d37c15] { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon[data-v-01d37c15] { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon[data-v-01d37c15] { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md[data-v-01d37c15] { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price[data-v-01d37c15] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p[data-v-01d37c15] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn[data-v-01d37c15] { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon[data-v-01d37c15] { display: none; } .b-post__unknown.m-fluid-height[data-v-01d37c15] { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block[data-v-01d37c15] { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon[data-v-01d37c15] { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon[data-v-01d37c15] { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .switcher-media-content[data-v-03711f02] { position: absolute; bottom: 8px; left: 50%; transform: translateX(calc(-50% + 9px)); background-color: rgba(0, 0, 0, 0.12); height: 24px; display: flex; flex-direction: row; align-content: center; align-items: center; padding-left: 6px; padding-right: 6px; border-radius: 6px; font-size: 11px; line-height: 11px; z-index: 3; user-select: none; white-space: nowrap; transition: bottom 0.2s; } .switcher-media-content.m-vjs-settings-menu[data-v-03711f02] { opacity: 0; } .switcher-media-content[data-v-03711f02]:has(~ .b-slideshow .swiper-slide.swiper-slide-active .video-js.vjs-paused) { bottom: 55px; } .switcher-media-content[data-v-03711f02]:has(~ .b-slideshow .swiper-slide.swiper-slide-active .video-js.vjs-paused):has(~ .vjs-modal-dialog[aria-hidden="false"]) { bottom: 8px; } .switcher-media-content__btn[data-v-03711f02] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; position: relative; color: rgba(255, 255, 255, 0.7); line-height: 14px; } .switcher-media-content__btn[data-v-03711f02]::after { content: "•"; color: inherit; opacity: 0.75; font-size: 11px; margin-left: 4px; margin-right: 3px; } .switcher-media-content__btn[data-v-03711f02]:last-child::after { display: none; } .switcher-media-content__btn.active-btn[data-v-03711f02] { cursor: default; color: rgb(254, 254, 254); } .switcher-media-content__icon[data-v-03711f02] { width: 14px; height: 14px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; } .switcher-media-content__icon + .switcher-media-content__val-total[data-v-03711f02], .switcher-media-content__icon + .switcher-media-content__val[data-v-03711f02] { margin-left: 5px; } .switcher-media-content__val[data-v-03711f02] { display: none; } .active-btn .switcher-media-content__val[data-v-03711f02] { display: block; } .switcher-media-content .g-icon[data-v-03711f02] { width: 14px; height: 14px; flex: 0 0 14px; margin: auto; } .post_voting[data-v-0d49ba88] { margin: 16px 0px 0px; } .post_voting .b-post-voting__inner-wrapper[data-v-0d49ba88] { border-radius: 6px; border: 1px solid rgba(138, 150, 163, 0.25); } .b-post__mentioned-posts-item .post_voting[data-v-0d49ba88] { margin-left: 16px; margin-right: 16px; } .post_voting_due[data-v-0d49ba88] { display: flex; align-content: center; align-items: center; background-color: rgba(138, 150, 163, 0.08); font-size: 14px; padding: 11px 15px; } .post_voting_due__item[data-v-0d49ba88] { position: relative; color: rgb(138, 150, 163); } .post_voting_due__item[data-v-0d49ba88]:first-child::before { display: none; } .post_voting_due__item[data-v-0d49ba88]::before { content: "•"; margin-left: 6px; margin-right: 3px; color: rgba(138, 150, 163, 0.75); font-size: 14px; } .post_voting_due__item .g-icon[data-v-0d49ba88] { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 5px; } .post_voting_due__item .g-page-title__link[data-v-0d49ba88]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .post_voting_due__item[data-v-0d49ba88]:focus-visible { outline: none; } .post_voting_due__item[data-v-0d49ba88]:focus-visible .g-page__link { text-decoration: underline; color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post_voting_percent { background-color: rgba(0, 175, 240, 0.12); position: absolute; max-width: calc(100% - 12px); left: 6px; top: 6px; bottom: 6px; border-radius: 6px; pointer-events: none; } [data-v-0d49ba88] .post_voting_percent.m-level-correct { background-color: rgba(53, 208, 99, 0.12); } [data-v-0d49ba88] .post_voting_percent.m-level-incorrect { background-color: rgba(138, 150, 163, 0.12); } .post_voting[data-v-0d49ba88] .vote-button-wrapper { display: block; border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .post_voting[data-v-0d49ba88] + .b-post__unknown { margin-top: 16px; } .vote-button-wrapper[data-v-0d49ba88] { width: 100%; } @media (any-hover: hover) and (pointer: fine) { .vote-button-wrapper[data-v-0d49ba88]:focus-visible::after { outline-offset: 0px; } .vote-button-wrapper[data-v-0d49ba88]:focus-visible .post-vote-button__icon { color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post-vote-button { border: medium; background: none; padding: 12px 16px; font-size: 14px; line-height: 20px; font-weight: 500; width: 100%; text-align: left; border-radius: 6px; transition: background-color 0.5s linear; display: flex; flex-direction: row; align-content: center; align-items: center; position: relative; min-height: 48px; z-index: 0; } [data-v-0d49ba88] .post-vote-button[disabled] { pointer-events: none; opacity: 0.4; } [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover { color: rgb(0, 175, 240); } [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { [data-v-0d49ba88] .post-vote-button.m-with-rectangle-hover:focus-visible { color: rgb(0, 145, 234); } } [data-v-0d49ba88] .post-vote-button__icon { margin-left: -4px; margin-right: 10px; width: 24px; height: 24px; display: flex; flex-direction: row; place-content: center; align-items: center; transition: color 0.1s; } [data-v-0d49ba88] .post-vote-button__icon.m-correct { color: rgb(53, 208, 99); } [data-v-0d49ba88] .post-vote-button__icon.m-incorrect { color: rgba(138, 150, 163, 0.4); } [data-v-0d49ba88] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-correct, [data-v-0d49ba88] .m-with-rectangle-hover > .post-vote-button:hover .post-vote-button__icon.m-incorrect { color: rgb(0, 145, 234); } [data-v-0d49ba88] .post-vote-button .b-input-radio__label { position: relative; left: auto; top: auto; border-color: rgba(138, 150, 163, 0.75); margin-right: 0px; } [data-v-0d49ba88] .post-vote-button.m-pass { background-color: rgba(53, 208, 99, 0.12); } [data-v-0d49ba88] .post-vote-button.m-fail { background-color: rgba(255, 96, 96, 0.12); } [data-v-0d49ba88] .post-vote-button__label { flex: 1 1 0%; position: relative; } [data-v-0d49ba88] .post-vote-button__count { margin-left: 15px; } [data-v-0d49ba88] .post-vote-button.m-unvoted { color: rgb(138, 150, 163); } .m-owner[data-v-0d49ba88] .post-vote-button.m-unvoted { color: var(--title-color); } .m-owner[data-v-0d49ba88] .post-vote-button.m-unvoted.m-with-rectangle-hover:hover { color: rgb(0, 145, 234); } [data-v-0d49ba88] .post-vote-button.m-voted { color: var(--title-color); } .b-post[data-v-2c1bc45c] { padding-bottom: 14px; } .b-useful-data .b-post[data-v-2c1bc45c] { padding-bottom: 0px; } .b-post.is-not-post-page[data-v-2c1bc45c]::after { content: ""; width: calc(100% + 32px); border-bottom: 1px solid rgba(138, 150, 163, 0.25); display: block; margin-left: -16px; margin-right: -16px; margin-top: 16px; } .b-post__mentioned-posts-item .b-post.is-not-post-page[data-v-2c1bc45c]::after, .b-useful-data .b-post.is-not-post-page[data-v-2c1bc45c]::after { display: none; } .b-post.is-not-post-page[data-v-2c1bc45c]:has(.b-post__tools:last-child)::after { margin-top: 14px; } .b-post.is-not-post-page[data-v-2c1bc45c]:has(.b-comments:last-child)::after { margin-top: 0px; } .b-post.is-not-post-page.m-stream-post[data-v-2c1bc45c]::after { margin-top: 27px; } .b-post .b-comments[data-v-2c1bc45c]:not(:empty) { padding-top: 8px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type { padding-bottom: 0px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-top: 16px; } .l-wrapper__content .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-bottom: 0px; } .l-wrapper__sidebar .b-post.m-queue-post[data-v-2c1bc45c]:last-of-type::after { margin-bottom: 16px; } .b-post.m-queue-post[data-v-2c1bc45c]:last-child::after { display: none; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] { border-radius: 6px; background-color: var(--bg-color); z-index: 1; } .m-bg-color-gray .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] { background-color: var(--marked-color); } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:first-child, .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-bottom-right-radius: 0px; } .b-post.m-queue-post .b-chat__message__list-titles[data-v-2c1bc45c] + .audio-wrapper { margin-bottom: -6px; } .b-post.m-save-later[data-v-2c1bc45c]:last-of-type { padding-bottom: 16px; } .b-post[data-v-2c1bc45c] .b-post__header .dropdown { margin: -5px -5px -6px 8px; } .b-post__mentioned-users-list[data-v-2c1bc45c] { flex-grow: 0; margin-top: 12px; margin-bottom: -12px; } @media (min-width: 1280px) { .b-post__mentioned-users-list .col-lg-6[data-v-2c1bc45c]:first-child { padding-right: 8px; } .b-post__mentioned-users-list .col-lg-6:first-child + .col-lg-6[data-v-2c1bc45c] { padding-left: 8px; } } .b-post__mentioned-posts-item[data-v-2c1bc45c] { position: relative; margin: 12px 0px 0px; width: 100%; } .b-post__mentioned-posts-item__link[data-v-2c1bc45c] { position: absolute; inset: 0px; z-index: 1; } @media (any-hover: hover) and (pointer: fine) { .b-post__mentioned-posts-item__link:focus-visible ~ .b-post[data-v-2c1bc45c] { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } } .b-post__mentioned-posts-item .b-post[data-v-2c1bc45c] { padding-top: 12px; padding-bottom: 16px; } .b-post__mentioned-posts-item .b-post__tools[data-v-2c1bc45c] { opacity: 0.5; padding-left: 16px; padding-right: 16px; } .b-post__mentioned-posts-item .b-post .b-summary-list[data-v-2c1bc45c] { padding-left: 16px; padding-right: 16px; } [data-v-2c1bc45c] .b-post__mentioned-posts-item .b-post .b-summary-list .b-summary-list__item { opacity: 0.5; } .b-post__header[data-v-2c1bc45c] { padding: 3px 0px 0px 60px; min-height: 54px; position: relative; margin: 0px 0px 8px; } .b-post__header--statistics[data-v-2c1bc45c] { padding-left: 0px; padding-top: 0px; min-height: auto; display: flex; justify-content: space-between; padding-right: 36px; margin-bottom: 10px; } .b-post__header.m-w24[data-v-2c1bc45c] { padding: 1px 0px 0px 36px; min-height: 24px; } .b-post__header.m-w24 .b-post__avatar[data-v-2c1bc45c] { left: 0px; top: 1px; } .b-post__header.m-w36[data-v-2c1bc45c] { padding: 1px 0px 0px 48px; } .b-post__header.m-w36 .b-post__avatar[data-v-2c1bc45c] { left: 0px; } .m-queue-post .b-post__header[data-v-2c1bc45c] { padding-left: 24px; padding-top: 4px; margin-bottom: 8px; } .b-post__mentioned-posts-item .b-post__header[data-v-2c1bc45c] { padding-top: 0px; padding-left: 56px; margin-left: 12px; margin-right: 12px; } .b-post__header .b-username-row.m-gap-lg[data-v-2c1bc45c] { margin-bottom: 5px; } .b-post__content.m-type-message[data-v-2c1bc45c] { display: flex; flex-direction: column-reverse; overflow: hidden; } .b-post__content.m-type-message ~ .b-post__tools[data-v-2c1bc45c] { margin-left: -7px; } [data-v-2c1bc45c] .b-post__content .audio-wrapper + .b-post__unknown { margin-top: 16px; } .b-post__avatar[data-v-2c1bc45c] { position: absolute; top: 3px; left: 2px; } .b-post__mentioned-posts-item .b-post__avatar[data-v-2c1bc45c] { top: 4px; left: 6px; } .b-post__avatar a[data-v-2c1bc45c] { display: inline-block; vertical-align: top; } @media (any-hover: hover) and (pointer: fine) { .b-post__avatar a[data-v-2c1bc45c]:focus-visible { outline: none; } .b-post__avatar a[data-v-2c1bc45c]:focus-visible .g-avatar__img-wrapper::after { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; border-radius: 6px; } .b-post__avatar a:focus-visible.has-started-stream[data-v-2c1bc45c] .g-avatar__img-wrapper::after, .b-post__avatar a:focus-visible.has-story[data-v-2c1bc45c] .g-avatar__img-wrapper::after { outline-offset: 4px; } } [data-v-2c1bc45c] .b-post__queue_labels .g-btn.m-btn-icon .g-icon { transform: translateY(-1px); } .b-post__queue-icon[data-v-2c1bc45c] { position: absolute; left: -4px; top: 3px; font-size: 24px; } .m-save-later .b-post__queue-icon[data-v-2c1bc45c] { opacity: 0.5; } .m-bg-color-gray .m-save-later .b-post__queue-icon .g-icon[data-v-2c1bc45c] { color: rgb(138, 150, 163); } .b-post__queue-icon .g-icon[data-v-2c1bc45c] { width: 24px; height: 24px; flex: 0 0 24px; } .m-save-later[data-v-2c1bc45c]:not(.m-active-state) .b-post__queue-cell.m-date-case { color: rgb(138, 150, 163); } .b-post__date[data-v-2c1bc45c] { font-size: 14px; color: rgb(138, 150, 163); margin: 0px 0px 0px auto; white-space: nowrap; text-align: right; } .b-post__date-remaining[data-v-2c1bc45c] { display: flex; flex-direction: row; place-content: center flex-end; align-items: center; opacity: 0.75; } .m-pinned .b-post__date-remaining[data-v-2c1bc45c] { margin-right: 6px; margin-left: 12px; } .b-post__date-remaining[data-v-2c1bc45c] .g-icon { margin: 0px 0px 0px 4px; width: 16px; height: 16px; flex: 0 0 16px; display: block; } .b-post__date[href][m-hover-state][data-v-2c1bc45c] { color: rgb(0, 145, 234); text-decoration-line: underline; } @media (any-hover: hover) and (pointer: fine) { .b-post__date[href][data-v-2c1bc45c]:hover { color: rgb(0, 145, 234); text-decoration-line: underline; } } .b-post__tools[data-v-2c1bc45c] { font-size: 13px; font-weight: 500; padding: 8px 0px 0px; margin-left: -6px; margin-right: -6px; display: flex; position: relative; user-select: none; } .b-post__tools[data-v-2c1bc45c]:has(+ .b-summary-list) { padding-bottom: 4px; } .b-post__tools__item[data-v-2c1bc45c] { display: flex; align-content: center; align-items: center; white-space: nowrap; color: rgb(138, 150, 163); margin-right: 4px; } .b-post__tools__item.m-last[data-v-2c1bc45c] { margin-left: auto; margin-right: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] { min-width: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] .b-post__tools__btn { padding: 0px; } .b-post__tools__item.m-with-text-button[data-v-2c1bc45c] .b-flexible-behavior-icon .g-icon { margin-right: 0px; } .b-post__tools__item.m-active .g-icon[data-v-2c1bc45c] { color: rgb(0, 145, 234); } .b-post__tools__item__inner[data-v-2c1bc45c] { flex: 1 1 0%; text-align: initial; } .b-post__tools__item .g-icon[data-v-2c1bc45c] { color: inherit; } .b-post__tools__btn[data-v-2c1bc45c] { padding: 6px; } [data-v-2c1bc45c] .b-post__tools__more { display: flex; place-content: center flex-end; align-items: center; position: static; } .b-post__header--statistics[data-v-2c1bc45c] .b-post__tools__more { position: absolute; right: 0px; top: 4px; } [data-v-2c1bc45c] .b-post__streaming-actions { position: absolute; inset: 0px; pointer-events: none; z-index: 0; text-align: start; } [data-v-2c1bc45c] .b-post__streaming-actions .b-streaming__wrapper-comments { position: absolute; bottom: 54px; left: 16px; max-height: calc(100% - 54px); color: rgb(254, 254, 254); transition: bottom 0.2s 0.5s; overflow: hidden; max-width: 380px; width: 100%; } .b-post__text[data-v-2c1bc45c] { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 5px; } [data-v-2c1bc45c] .b-post__text:first-child .b-youtube_container { margin-top: 0px; } [data-v-2c1bc45c] .b-post__text:not(:last-child) .b-youtube_container { margin-bottom: 16px; } .m-mode-dark .b-post[data-v-2c1bc45c] .b-post__text [color="#000000"] { color: rgb(246, 247, 248) !important; } .b-post__text-el[data-v-2c1bc45c] .g-truncated-text { padding-left: 4px; margin-left: -4px; } .m-mode-dark .b-post__text-el.m-possible-markdown[data-v-2c1bc45c] [color="#000000"] { color: rgb(246, 247, 248) !important; } .m-type-message .b-post__text-el[data-v-2c1bc45c] { position: relative; padding: 8px 12px; background-color: var(--bg-color); display: flex; } .m-bg-color-gray .m-type-message .b-post__text-el[data-v-2c1bc45c] { background-color: var(--marked-color); } .m-type-message .b-post__text-el[data-v-2c1bc45c]::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background-color: rgba(138, 150, 163, 0.12); } .m-queue-post .m-type-message .b-post__text-el[data-v-2c1bc45c]::before { background-color: rgba(0, 175, 240, 0.12); } .m-type-message .b-post__text[data-v-2c1bc45c] { padding: 0px; margin-bottom: 0px; display: flex; z-index: 2; } .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::before { border-radius: 0px 0px 6px; } .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::before { border-bottom-right-radius: 0px; border-bottom-left-radius: 6px; } .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 0px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--bg-color) 6px,rgba(138,150,163,.12) 6px); right: -6px; transform: rotate(-180deg); } .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 0px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--bg-color) 6px,rgba(0,175,240,.12) 6px); left: -6px; transform: rotate(-90deg); } .m-bg-color-gray .m-queue-post .m-type-message .b-post__text .b-post__text-el[data-v-2c1bc45c]::after { content: ""; position: absolute; top: 6px; width: 6px; height: 6px; background: radial-gradient(circle at left top,var(--marked-color) 6px,rgba(0,175,240,.12) 6px); left: -6px; transform: rotate(-90deg); } .m-type-message .b-post__text + .audio-wrapper[data-v-2c1bc45c]:last-child { margin-bottom: -6px; } .m-type-message .b-post__text + .audio-wrapper:last-child .b-audioplayer[data-v-2c1bc45c] { border-bottom-left-radius: 0px; } .m-queue-post .m-type-message .b-post__text + .audio-wrapper:last-child .b-audioplayer[data-v-2c1bc45c] { border-bottom-left-radius: 6px; } .m-type-message .b-post__text:not(.m-media-text) .b-post__text-el[data-v-2c1bc45c] { padding-top: 14px; } .m-type-message .b-post__text:not(.m-media-text) .b-post__text-el[data-v-2c1bc45c]::after { top: 6px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text) + .b-chat__message__list-titles[data-v-2c1bc45c]:not(:last-child) { margin-bottom: -6px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text):last-child .b-post__text-el[data-v-2c1bc45c] { padding-top: 8px; } .m-queue-post .m-type-message .b-post__text:not(.m-media-text):last-child .b-post__text-el[data-v-2c1bc45c]::after { content: none; } .m-type-message .b-post__text:not(.m-media-text) + .post_media ~ .audio-wrapper[data-v-2c1bc45c] { margin-bottom: -6px; } .m-type-message .b-post__text:last-child .b-post__text-el[data-v-2c1bc45c]::before { border-radius: 6px 6px 6px 0px; } .m-queue-post .m-type-message .b-post__text:last-child .b-post__text-el[data-v-2c1bc45c]::before { border-bottom-right-radius: 0px; border-bottom-left-radius: 6px; } .m-type-message .b-post__text.m-media-text + .post_media[data-v-2c1bc45c] { border-bottom-right-radius: 0px; z-index: 0; } .m-type-message .b-post__text.m-media-text + .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-top-left-radius: 6px; border-top-right-radius: 6px; } .m-type-message .b-post__text.m-media-text[data-v-2c1bc45c]::after { content: ""; max-width: 6px; flex: 1 1 0%; height: 6px; margin-top: -6px; margin-left: auto; background: radial-gradient(circle at left top,hsla(0,0%,100%,0) 6px,var(--bg-color) 6px); } .m-queue-post .m-type-message .b-post__text.m-media-text[data-v-2c1bc45c]::after { margin-left: 0px; margin-right: auto; order: -1; transform: rotate(90deg); } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c] { border-top-left-radius: 6px; border-top-right-radius: 6px; } .m-type-message .b-post__text + .post_media + .b-chat__message__list-titles + .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-top-left-radius: 0px; border-top-right-radius: 0px; } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c]:last-child { border-bottom-left-radius: 0px; } .m-type-message .b-post__text + .post_media ~ .b-chat__message__list-titles[data-v-2c1bc45c]:not(:last-child) { margin-bottom: -6px; } .m-type-message .b-post__text + .post_media ~ .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-bottom-left-radius: 0px; border-bottom-right-radius: 6px; } .m-queue-post .m-type-message .b-post__text + .post_media ~ .audio-wrapper[data-v-2c1bc45c] .b-audioplayer { border-bottom-right-radius: 0px; } .m-queue-post .m-type-message .b-post__text[data-v-2c1bc45c] { justify-content: flex-end; } .m-queue-post .m-type-message .b-post__text ~ .b-chat__message__list-titles[data-v-2c1bc45c]:last-child { border-bottom-left-radius: 0px; } .b-post__mentioned-posts-item .b-post__text[data-v-2c1bc45c] { padding-left: 16px; padding-right: 16px; border-radius: 6px; } .b-post__text[data-v-2c1bc45c] p { margin-bottom: 0px; } .b-post__text[data-v-2c1bc45c] p > img { margin-left: -16px; margin-right: -16px; } .b-post__text[data-v-2c1bc45c] p span.emoji-outer { vertical-align: bottom; font-size: 1.3334em; line-height: 1em; } .b-post__text[data-v-2c1bc45c] p.trunc-text { max-height: 4.35em; } .b-post__text + .post_media[data-v-2c1bc45c] { margin-top: 12px; } .m-type-message .b-post__text + .post_media[data-v-2c1bc45c] { margin-top: 0px; } .b-post__labels-controls[data-v-2c1bc45c] { margin-bottom: 10px; } .b-post__labels-controls .b-list-titles[data-v-2c1bc45c] { margin-bottom: 0px; } .b-post__pinned[data-v-2c1bc45c] { color: rgba(138, 150, 163, 0.75); order: 2; margin-left: 10px; } .b-post__pinned .g-icon[data-v-2c1bc45c] { width: 16px; height: 16px; flex: 0 0 16px; display: block; } [data-v-2c1bc45c] .b-post__over-media { position: absolute; padding: 16px; left: 16px; right: 16px; bottom: 16px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.12); z-index: 2; } [data-v-2c1bc45c] .b-post__over-media__description { color: rgb(254, 254, 254); font-weight: 500; font-size: 12px; line-height: 16px; display: block; text-align: left; margin-bottom: 13px; } [data-v-2c1bc45c] .b-post__over-media__description .b-price { color: inherit; font: inherit; } .b-post__profile-details[data-v-2c1bc45c] { display: flex; flex-direction: row; align-content: center; align-items: center; margin-left: auto; padding-left: 10px; white-space: nowrap; margin-right: -1px; } .b-post__mentioned-posts-item .b-post[data-v-2c1bc45c] .b-audioplayer { margin-left: 16px; margin-right: 16px; } .m-border-post[data-v-2c1bc45c] { border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; } .b-content-inside-thumbs[data-v-7e658644] { line-height: 16px; } .b-content-inside-thumbs[data-v-7e658644]:not(.m-exception-not-last):not(:last-child)::after { content: "•"; font-size: 12px; color: rgba(138, 150, 163, 0.75); margin-left: 5px; margin-right: 7px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item[data-v-7e658644] { display: inline; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644] { margin-right: 0px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:not(:first-child) { margin-left: 0px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:last-child::after { content: none; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:has(.g-icon)::after { margin-right: 6px; } .b-release-form__docs .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item.m-unstuck-dot[data-v-7e658644]::after { margin-left: 2px; margin-right: 4px; } .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { right: auto; margin-left: 2px; margin-right: 2px; position: relative; left: auto; font-size: inherit; } .b-release-form__docs .b-content-inside-thumbs.g-text-ellipsis .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { margin-left: 0px; margin-right: 0px; } [data-v-7e658644] .b-content-inside-thumbs__item { font-size: 12px; line-height: inherit; font-weight: 500; position: relative; white-space: nowrap; } [data-v-7e658644] .b-content-inside-thumbs__item:last-child { margin-right: 0px; } [data-v-7e658644] .b-content-inside-thumbs__item .d-flex { line-height: inherit; height: 16px; overflow: hidden; } .d-flex[data-v-7e658644] > .b-content-inside-thumbs__item { display: block; } [data-v-7e658644] .b-content-inside-thumbs__item.m-collection-item { font-weight: 400; font-size: 14px; } .b-content-inside-thumbs__item.m-collection-item.b-dot-item[data-v-7e658644]::after { font-size: 16px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644] { min-width: 16px; margin-right: 16px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]:last-child { margin-right: 0px; } .b-content-inside-thumbs__item.b-dot-item[data-v-7e658644]::after { font-size: 12px; line-height: 16px; right: -10px; opacity: 0.75; margin-left: 0px; } .m-stream-body div[data-v-7e658644] .b-content-inside-thumbs__item { color: rgba(255, 255, 255, 0.75); } .b-content-inside-thumbs__item[data-v-7e658644] > .g-icon { vertical-align: top; transform: translateY(1px); } .b-content-inside-thumbs__icon[data-v-7e658644] { display: inline; vertical-align: initial; margin-right: 2px; } .b-content-inside-thumbs__icon.mr-0 .g-icon[data-v-7e658644] { margin-top: 1px; } .b-content-inside-thumbs__icon .g-icon[data-v-7e658644] { vertical-align: top; } .b-content-inside-thumbs__count[data-v-7e658644] { margin-left: 4px; } .b-story-questionnaire[data-v-70a2729a] { pointer-events: auto; padding: 24px 12px 12px; border-radius: 12px; background-color: var(--bg-color); width: 256px; position: relative; } .b-story-questionnaire.m-old-view[data-v-70a2729a] { padding: 36px 16px 16px; width: 300px; cursor: pointer; } .b-story-questionnaire--viewer[data-v-70a2729a] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; transform-origin: center center 0px; } .b-story-questionnaire--placeholder[data-v-70a2729a] { opacity: 0; cursor: pointer; z-index: 1; } .b-story-questionnaire.m-default[data-v-70a2729a] { box-shadow: none; padding: 0px; border-radius: 0px; background-color: transparent; width: auto; } [data-v-70a2729a] .b-story-questionnaire__title { vertical-align: top; font-size: 16px; line-height: 24px; text-align: center; resize: none; color: inherit; overflow-wrap: break-word; word-break: break-word; hyphens: auto; padding: 12px 0px; border: medium; width: 100%; height: 48px; background: none; overflow: hidden; } [data-v-70a2729a] .b-story-questionnaire__title:focus:not([readonly])::placeholder { opacity: 0.4; } [data-v-70a2729a] .b-story-questionnaire__title:focus:not([readonly])::placeholder { opacity: 0.4; } [data-v-70a2729a] .b-story-questionnaire__title::placeholder { color: inherit; } [data-v-70a2729a] .b-story-questionnaire__title::placeholder { color: inherit; } [data-v-70a2729a] .b-story-questionnaire__title.m-default-color { color: rgb(0, 175, 240); } .m-old-view .b-story-questionnaire__title[data-v-70a2729a] { font-size: 24px; line-height: 32px; height: auto; padding-top: 0px; padding-bottom: 10px; } .b-story-questionnaire__input[data-v-70a2729a] { background-color: rgba(138, 150, 163, 0.25); border-radius: 6px; padding: 16px 10px; resize: none; border: medium; height: 48px; max-height: 80px; color: inherit; text-align: center; font-size: 12px; line-height: 16px; caret-color: rgb(0, 175, 240); overflow: hidden; } .m-old-view[data-v-70a2729a] .b-story-questionnaire__input { padding-top: 13px; padding-bottom: 13px; pointer-events: none; } .b-story-questionnaire__input--default[data-v-70a2729a] { color: rgb(36, 37, 41); } .b-story-questionnaire__input--default[data-v-70a2729a]::placeholder { color: rgba(36, 37, 41, 0.4); } .b-story-questionnaire__input--default[data-v-70a2729a]::placeholder { color: rgba(36, 37, 41, 0.4); } .b-story-questionnaire__input--colored[data-v-70a2729a] { color: rgb(255, 255, 255); } .b-story-questionnaire__input--colored[data-v-70a2729a]::placeholder { color: rgba(255, 255, 255, 0.4); -webkit-text-fill-color: rgba(255, 255, 255, 0.4); } .b-story-questionnaire__input--colored[data-v-70a2729a]::placeholder { color: rgba(255, 255, 255, 0.4); -webkit-text-fill-color: rgba(255, 255, 255, 0.4); } .m-old-view[data-v-70a2729a] .b-story-questionnaire__input .v-text-field .v-input__slot::after, .m-old-view[data-v-70a2729a] .b-story-questionnaire__input .v-text-field .v-input__slot::before { display: none; } .m-old-view[data-v-70a2729a] .b-story-questionnaire__input .v-text-field textarea::placeholder { text-align: center; } .m-old-view[data-v-70a2729a] .b-story-questionnaire__input .v-text-field textarea::placeholder { text-align: center; } .b-story-questionnaire__form .g-btn[data-v-70a2729a] { margin: 0px -12px -12px; border-radius: 0px 0px 12px 12px; width: calc(100% + 24px); vertical-align: top; } .m-old-view .b-story-questionnaire__form .g-btn[data-v-70a2729a] { margin: 0px -16px -16px; width: calc(100% + 32px); } .b-story-questionnaire__form-textarea[data-v-70a2729a]:focus { animation: 0.01s prevent_scrolling_when_focus-70a2729a; } .b-story-questionnaire--placeholder .g-avatar[data-v-70a2729a] { position: static; transform: none; } @keyframes prevent_scrolling_when_focus-70a2729a { 0% { opacity: 0; } 100% { opacity: 1; } } .b-dragscroll[data-v-5a3acf4f] { display: flex; align-content: stretch; align-items: stretch; line-height: normal; user-select: none; } .b-dragscroll.m-full-width[data-v-5a3acf4f] { flex: 0 0 100%; } .b-dragscroll.m-gaps-inside[data-v-5a3acf4f] { padding-left: 16px; padding-right: 16px; } .b-dragscroll.m-gaps-outside[data-v-5a3acf4f] { margin-left: -16px; margin-right: -16px; flex: 0 0 calc(100% + 32px); } .b-dragscroll.m-gaps-vertical[data-v-5a3acf4f] { padding-top: 16px; padding-bottom: 16px; } .b-dragscroll.m-left-gap-outside[data-v-5a3acf4f] { margin-left: -16px; } .b-tabs__nav.m-single-current .b-dragscroll.m-left-gap-outside + .dropdown[data-v-5a3acf4f] { margin-left: auto; padding-left: 10px; } .b-dragscroll.m-wrap-items-text > [data-v-5a3acf4f]:not(.g-text-ellipsis), .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] :not(.g-text-ellipsis) { white-space: normal; } .b-dragscroll.m-wrap-items-text > .g-text-ellipsis [data-v-5a3acf4f], .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] .g-text-ellipsis * { white-space: inherit; } .b-dragscroll[data-v-5a3acf4f]:not(.m-wrap-items-text) * { white-space: nowrap; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item) { margin-right: 8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :not(.b-dot-item).vue-recycle-scroller__item-wrapper { margin-right: -8px; } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap) > :last-child { margin-right: 0px; } @supports (-moz-appearance:none) { .b-dragscroll[data-v-5a3acf4f] > :last-child { margin-right: 16px; } } .b-dragscroll > div:last-child .b-tabs__nav__item[data-v-5a3acf4f] { margin-right: 0px; } .b-dragscroll.m-reset-overscroll[data-v-5a3acf4f] { overscroll-behavior: auto; } .b-dragscroll.m-scroll-behavior[data-v-5a3acf4f] { scroll-behavior: smooth; } .b-dragscroll button[data-no-dragscroll] [data-v-5a3acf4f], .b-dragscroll[data-v-5a3acf4f] button[data-no-dragscroll] * { pointer-events: none; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view { width: 134px; } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view > .b-posts_preloader { height: 100%; } .b-content-filter[data-v-5e0d875d] { min-height: 56px; padding-top: 9px; padding-bottom: 9px; color: rgb(138, 150, 163); } @media (max-width: 1003.98px) { .b-content-filter.m-filter-sm[data-v-5e0d875d] { min-height: 48px; padding-top: 6px; padding-bottom: 6px; } } .b-content-filter.m-filter-sm-height[data-v-5e0d875d] { min-height: 38px; } .b-content-filter.m-inside-modal-header[data-v-5e0d875d] { padding-top: 0px; padding-bottom: 0px; margin-top: -9px; margin-bottom: -9px; min-height: auto; } .b-content-filter.m-inside-modal-header.m-filtered[data-v-5e0d875d] { border-bottom: medium; width: 100%; } .b-content-filter.m-filtered[data-v-5e0d875d] { color: rgb(0, 175, 240); } .b-content-filter.m-over-header[data-v-5e0d875d] { min-height: 48px; margin-top: -48px; z-index: 5; position: sticky; top: 0px; padding-top: 6px; padding-bottom: 6px; pointer-events: none; } .b-content-filter.m-over-header > [data-v-5e0d875d] { pointer-events: auto; } .b-content-filter.m-over-header .b-search-form[data-v-5e0d875d] { top: 6px; right: -6px; } .b-chats .b-content-filter[data-v-5e0d875d]:not(.m-reset-sides-gaps) { padding-left: 16px; padding-right: 16px; } .b-content-filter__title[data-v-5e0d875d] { color: inherit; font-size: 16px; margin: 0px; } .m-switcher-queue-btns .b-content-filter__title[data-v-5e0d875d] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; text-transform: none; } .m-filter-sm .b-content-filter__title[data-v-5e0d875d] { font-size: 14px; line-height: 20px; } .b-content-filter__title.g-text-ellipsis[data-v-5e0d875d]:has(.g-btn) { padding-top: 4px; padding-bottom: 4px; margin-top: -4px; margin-bottom: -4px; } .b-content-filter__group-btns[data-v-5e0d875d] { margin-left: auto; margin-right: -6px; } @media (max-width: 1003.98px) { .m-filter-sm .b-content-filter__group-btns[data-v-5e0d875d] { margin-right: -10px; } } .b-content-filter__group-btns .g-btn.m-flat.m-link[data-v-5e0d875d] { font-size: 14px; } .b-content-filter__group-btns .g-btn.m-flat.m-link + .m-btn-arrow[data-v-5e0d875d] { margin-left: 10px; } .b-content-filter__btn .g-btn[data-v-5e0d875d] { vertical-align: top; } .b-content-filter__clear-filters[data-v-5e0d875d] { margin-right: 6px; margin-left: -6px; } .b-content-filter[data-v-5e0d875d] .b-search-form { left: -16px; right: -16px; width: auto; color: var(--text-color); padding-right: 10px; } .b-profile-info-card[data-v-235b6557] { width: 128px; height: 168px; flex: 0 0 128px; position: relative; cursor: pointer; display: block; border-radius: 6px; overflow: hidden; } .b-profile-info-card[data-v-235b6557]:has(.b-profile-info-card__link:focus-visible) { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; } .b-dragscroll .b-profile-info-card[data-v-235b6557]:not(:last-child), .b-things__group-items .b-profile-info-card[data-v-235b6557]:not(:last-child) { margin-right: 8px; white-space: normal; } .b-profile-info-card[data-v-235b6557]::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; border: 1px solid rgba(138, 150, 163, 0.25); z-index: 2; pointer-events: none; } .b-profile-info-card.m-friend-card .b-profile-info-card__link[data-v-235b6557] { display: block; padding: 16px 12px; } .b-profile-info-card.m-friend-recommended[data-v-235b6557] { padding: 14px; width: auto; height: 128px; margin-bottom: 16px; } .m-selected-bg .b-profile-info-card.m-friend-recommended[data-v-235b6557] { margin-bottom: 8px; } .m-selected-bg .b-profile-info-card.m-friend-recommended[data-v-235b6557]:last-child { margin-bottom: 0px; } .b-story-mention .b-profile-info-card.m-friend-recommended[data-v-235b6557] { min-width: 344px; } .b-profile-info-card__link[data-v-235b6557]:hover { color: inherit; } .b-profile-info-card__link:hover .g-user-name[data-v-235b6557], .b-profile-info-card__link:hover .g-user-username[data-v-235b6557] { text-decoration: underline; } @media (any-hover: hover) and (pointer: fine) { .b-profile-info-card__link[data-v-235b6557]:focus-visible { color: inherit; } .b-profile-info-card__link:focus-visible .g-user-name[data-v-235b6557], .b-profile-info-card__link:focus-visible .g-user-username[data-v-235b6557] { text-decoration: underline; } } .b-profile-info-card__preview[data-v-235b6557] { width: inherit; padding-top: 100%; display: block; position: relative; background-size: cover; } .b-profile-info-card__preview img[data-v-235b6557] { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; } .b-profile-info-card__preview[data-v-235b6557]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background: linear-gradient(transparent, rgb(0, 0, 0)); pointer-events: none; z-index: 0; opacity: 0.4; } .b-profile-info-card__text-preview[data-v-235b6557] { position: absolute; inset: 0px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; color: rgb(0, 175, 240); font-weight: 700; overflow: hidden; pointer-events: none; font-size: 100px; } .b-profile-info-card__title[data-v-235b6557] { position: absolute; color: rgb(254, 254, 254); font-size: 14px; line-height: 20px; left: 16px; right: 16px; bottom: 12px; z-index: 1; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-profile-info-card__section[data-v-235b6557] { color: rgb(138, 150, 163); font-size: 12px; line-height: 16px; display: flex; flex-direction: row; align-content: center; align-items: center; padding-left: 16px; padding-right: 16px; height: 40px; } .b-profile-info-card__section-icon[data-v-235b6557] { display: inline-flex; flex-direction: row; align-content: center; align-items: center; margin-right: 5px; } .b-profile-info-card__section-icon .g-icon[data-v-235b6557] { width: 16px; height: 16px; flex: 0 0 16px; } .b-profile-info-card__section-name.m-few-lines[data-v-235b6557] { display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-profile-info-card__btn-move[data-v-235b6557] { cursor: ew-resize; margin-left: auto; } .b-things__sortable-ghost[data-v-235b6557] { opacity: 0; } .b-things__sortable-drag[data-v-235b6557] { background: var(--bg-color); } .b-things__sortable-drag .b-things__icon-move[data-v-235b6557] { color: rgb(0, 175, 240); } .m-friend-recommended .b-friend__content[data-v-cdcbc684] { padding: 11px 11px 11px 128px; border-radius: 0px 0px 6px 6px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.25); } .b-friend__content .b-username-row[data-v-cdcbc684] { max-width: 100%; flex: 0 0 100%; justify-content: center; } .m-friend-recommended .b-friend__content .b-username-row[data-v-cdcbc684] { justify-content: flex-start; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-name, .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-username { color: rgb(254, 254, 254); } .b-friend__content .g-user-name[data-v-cdcbc684] { font-size: 14px; line-height: 24px; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-name { font-size: 19px; line-height: 24px; } .b-friend__content .g-user-username[data-v-cdcbc684] { font-size: 12px; line-height: 16px; } .m-friend-recommended[data-v-cdcbc684] .b-friend__content .g-user-username { font-size: 14px; line-height: 18px; } .b-friend__avatar[data-v-cdcbc684] { margin: 0px auto; z-index: 1; } .m-friend-recommended .b-friend__avatar[data-v-cdcbc684] { position: absolute; left: 14px; bottom: 14px; } .b-friend .b-dropdown[data-v-cdcbc684] { position: absolute; right: 0px; top: 5px; z-index: 3; } .b-friend .g-icon.m-has-promo[data-v-cdcbc684] { display: block; } .b-posts_preloader.m-friend-recommended[data-v-cdcbc684] { height: 100%; } .b-list-titles[data-v-f7c4795c] { display: flex; align-items: center; margin-bottom: 10px; } .m-subscriptions .b-list-titles[data-v-f7c4795c] { margin-bottom: 12px; } .b-selection-user .b-list-titles[data-v-f7c4795c] { margin-left: -6px; min-width: 0px; } .b-list-titles.m-right-together[data-v-f7c4795c] { margin-right: -16px; } .b-list-titles.m-right-together .b-dragscroll[data-v-f7c4795c] { padding-right: 16px; } .b-list-titles.m-bubble-view[data-v-f7c4795c] { padding: 10px 0px 10px 12px; border-radius: inherit; } .m-queue-post .m-type-message .b-list-titles[data-v-f7c4795c] { background-color: rgba(0, 175, 240, 0.12); } .b-list-titles.m-over-img[data-v-f7c4795c] { position: absolute; right: 0px; bottom: 15px; width: calc(100% - 66px); color: rgb(254, 254, 254); padding-left: 62px; z-index: 2; } .b-list-titles.m-over-img[data-v-f7c4795c] .b-dot-item::after { color: rgb(254, 254, 254); } .b-list-titles.g-gray-text[data-v-f7c4795c] .b-dot-item::after { color: rgb(138, 150, 163); } .b-list-titles[data-v-f7c4795c] .b-dot-item::after { color: var(--text-color); } .b-list-titles[data-v-f7c4795c] .g-btn.m-link .g-icon { vertical-align: top; margin-right: 5px; margin-top: 2px; } .g-btn.m-btn-icon[data-v-f7c4795c] { width: auto; height: 16px; flex: initial; } @media (any-hover: hover) and (pointer: fine) { .g-btn.m-btn-icon[data-v-f7c4795c]:focus-visible { outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: 4px; } } [data-v-f7c4795c] .g-btn.m-btn-icon { display: flex; flex-direction: row; place-content: center; align-items: center; margin-right: 7px; } [data-v-f7c4795c] .g-btn.m-btn-icon:not(.m-reset-width) { min-width: 24px; margin-right: 4px; } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon { color: inherit; line-height: 18px; min-height: auto; z-index: 1; } [data-v-f7c4795c] .g-btn.m-btn-icon .g-icon { width: 16px; height: 16px; flex: 0 0 16px; color: rgb(0, 175, 240); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon .g-icon { color: inherit; } [data-v-f7c4795c] .g-btn.m-btn-icon:hover .g-icon { color: rgb(0, 145, 234); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon:hover .g-icon { color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { [data-v-f7c4795c] .g-btn.m-btn-icon:focus-visible .g-icon { color: rgb(0, 145, 234); } .m-over-img[data-v-f7c4795c] .g-btn.m-btn-icon:focus-visible .g-icon { color: rgb(254, 254, 254); } } [data-v-f7c4795c] .g-btn.m-btn-icon.m-current, [data-v-f7c4795c] .g-btn.m-btn-icon.m-current:hover { background: rgba(0, 175, 240, 0.12); color: var(--text-color); } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px 0px; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px 0px; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .b-tab-stats[data-v-6ed2c68f] { position: relative; width: 100%; visibility: hidden; opacity: 0; pointer-events: none; padding-left: 16px; padding-right: 16px; } .m-cols-2 .b-tab-stats[data-v-6ed2c68f] { width: 50%; } .m-cols-3 .b-tab-stats[data-v-6ed2c68f] { width: 33.33%; } .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; scroll-behavior: auto; } @supports (-moz-appearance:none) { .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats { scrollbar-color: hsla(0,0%,67%,.6) var(--bg-color); } } .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats::-webkit-scrollbar { display: none; color: rgb(255, 255, 255); height: 0px; width: 0px; appearance: none; } .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats::-webkit-scrollbar, .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats::-webkit-scrollbar-track { width: 0px; height: 0px; appearance: none; background-color: rgba(255, 255, 255, 0); opacity: 0; } .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats::-webkit-scrollbar-thumb { opacity: 0; background: transparent; border: medium; box-shadow: none; appearance: none; display: none; } .m-scrollable-tab[data-v-6ed2c68f] .b-tab-stats::-webkit-scrollbar-button { display: none; width: 0px; height: 0px; } .b-tab-stats .list-viewers[data-v-6ed2c68f] { max-height: none; margin-right: -16px; padding-right: 0px; padding-top: 0px; position: relative; inset: auto; } .b-tab-stats.m-current[data-v-6ed2c68f] { visibility: visible; opacity: 1; pointer-events: auto; } .b-tab-stats__holder[data-v-6ed2c68f] { overflow: hidden; margin-left: -16px; margin-right: -16px; } .b-tab-stats__wrapper[data-v-6ed2c68f] { display: flex; flex-flow: row; } .modal .b-tab-stats__wrapper[data-v-6ed2c68f] { max-height: 100%; } .b-tab-stats__wrapper.m-cols-2[data-v-6ed2c68f] { width: 200%; } .b-tab-stats__wrapper.m-cols-2.m-current-2[data-v-6ed2c68f] { transform: translateX(-50%); } .b-tab-stats__wrapper.m-cols-3[data-v-6ed2c68f] { width: 300%; } .b-tab-stats__wrapper.m-cols-3.m-current-2[data-v-6ed2c68f] { transform: translateX(-33.3333%); } .b-tab-stats__wrapper.m-cols-3.m-current-3[data-v-6ed2c68f] { transform: translateX(-66.6667%); } .stories-list-preview ~ .b-posts_preloader.m-screen-overlay-bg[data-v-76e8a723] { top: 137px; } [data-v-76e8a723] .m-story-stats { height: 474px; } .story-preview__img[data-v-76e8a723] { border-radius: 6px; vertical-align: top; } .b-placeholder-item-selected[data-v-30d45ce2] { height: 58px; position: sticky; bottom: 0px; margin-top: auto; z-index: 3; pointer-events: none; } @media (max-width: 499.98px) { .b-placeholder-item-selected[data-v-30d45ce2] { bottom: 57px; position: fixed; left: 0px; right: 0px; } .modal .b-placeholder-item-selected[data-v-30d45ce2] { bottom: 0px; left: auto; right: auto; position: sticky; } } @supports (padding-bottom:env(safe-area-inset-bottom)) or (padding-bottom:constant(safe-area-inset-bottom)) { .b-placeholder-item-selected[data-v-30d45ce2] { padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; } .modal .b-placeholder-item-selected[data-v-30d45ce2] { padding-bottom: 0px; box-sizing: border-box; } } .b-placeholder-item-selected.m-absolute-position[data-v-30d45ce2] { position: absolute; left: 0px; right: 0px; bottom: 0px; } .modal .b-placeholder-item-selected[data-v-30d45ce2] { height: 64px; } .g-page-content > .b-placeholder-item-selected[data-v-30d45ce2] { flex: 0 0 58px; } .modal .g-page-content > .b-placeholder-item-selected[data-v-30d45ce2] { flex-basis: 64px; } @media (min-width: 500px) { .g-sides-gaps > .b-placeholder-item-selected[data-v-30d45ce2] { margin-left: -16px; margin-right: -16px; } } .g-sides-gaps.m-empty-content > .b-placeholder-item-selected[data-v-30d45ce2] { position: absolute; left: 0px; right: 0px; bottom: 0px; margin-left: 0px; margin-right: 0px; } .b-wrapper-selected[data-v-30d45ce2] { position: absolute; left: 0px; right: 0px; top: 0px; pointer-events: none; width: 100%; height: 100%; display: flex; flex-direction: row; place-content: flex-start center; align-items: flex-start; z-index: 10; } .modal .b-wrapper-selected[data-v-30d45ce2] { padding-top: 6px; } .m-change-direction .b-wrapper-selected[data-v-30d45ce2] { height: inherit; top: auto; bottom: 0px; } .b-row-selected[data-v-30d45ce2] { border-radius: 24px; background-color: rgba(138, 150, 163, 0.25); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)); background-blend-mode: difference; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; border: 1px solid rgba(138, 150, 163, 0.25); padding: 5px; min-height: 48px; position: relative; color: rgb(254, 254, 254); font-size: 14px; line-height: 20px; font-weight: 500; margin-left: 8px; margin-right: 8px; max-width: calc(100% - 16px); pointer-events: auto; flex: 1 1 0%; display: flex; flex-direction: row; align-content: center; align-items: center; } .b-row-selected__controls[data-v-30d45ce2] { margin-left: auto; display: flex; flex-direction: row; align-content: center; align-items: center; white-space: nowrap; } .b-row-selected__controls .g-btn[data-v-30d45ce2] { margin-left: 12px; } .b-row-selected__controls .g-btn.m-icon[data-v-30d45ce2] { margin-left: 4px; } .b-row-selected__controls .g-btn[data-v-30d45ce2]:first-child { margin-left: 0px; } .b-row-selected__body[data-v-30d45ce2] { flex: 1 1 0%; position: relative; min-height: 20px; } .b-row-selected__body .g-btn[data-v-30d45ce2] { position: relative; z-index: 1; } .b-row-selected__body:has(.g-btn) .b-row-selected__text[data-v-30d45ce2] { padding-left: 42px; } .b-row-selected__text[data-v-30d45ce2] { position: absolute; left: 0px; right: 15px; top: 50%; transform: translateY(-50%); } [data-v-1dfc463f] .modal-header__btns-group.m-move-right { margin-right: -4px; } [data-v-1e3195f8] .b-memory-post { width: 100%; max-width: 424px; position: relative; align-self: stretch; } [data-v-1e3195f8] .b-memory-post .swiper-pointer-events .swiper-slide { pointer-events: none; } [data-v-1e3195f8] .b-memory-post__inside-wrapper { position: absolute; inset: 0px; display: flex; flex-direction: column; align-content: center; align-items: center; padding-top: 72px; } [data-v-1e3195f8] .b-memory-post__footer { margin-top: auto; margin-bottom: 10px; text-align: center; font-size: 16px; line-height: 24px; color: rgb(254, 254, 254); } [data-v-1e3195f8] .b-memory-post__footer-title { margin-bottom: 4px; } [data-v-1e3195f8] .b-memory-post__footer-subtitle { opacity: 0.75; font-size: 11px; line-height: 16px; margin-bottom: 12px; } [data-v-1e3195f8] .b-memory-post__body { max-width: calc(100% - 36px); width: 100%; flex: 1 1 0%; display: flex; flex-direction: column; place-content: center; align-items: center; pointer-events: none; user-select: none; } [data-v-1e3195f8] .b-memory-post__body .b-post { will-change: opacity; transition: opacity 0.15s ease-in-out 0.05s; } [data-v-1e3195f8] .b-memory-post__body .b-post.is-not-post-page { --text-color: #242529; --bg-color: #fff; --marked-color: #f6f7f8; width: 100%; padding: 12px 14px 0px; background-color: var(--bg-color); border: 1px solid rgba(138, 150, 163, 0.25); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; position: relative; color: var(--text-color); } [data-v-1e3195f8] .b-memory-post__body .b-post.is-not-post-page::after { display: none; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-opacity-post { opacity: 0; transition: none; } [data-v-1e3195f8] .b-memory-post__body .b-post__content { padding-bottom: 12px; } [data-v-1e3195f8] .b-memory-post__body .b-post__content.m-post-has-media .b-post__text .post_media { display: none; } [data-v-1e3195f8] .b-memory-post__body .b-post__content.m-post-has-text .b-post-media-holder { max-height: 220px; } [data-v-1e3195f8] .b-memory-post__body .b-post__unknown { margin-left: -15px; margin-right: -15px; } [data-v-1e3195f8] .b-memory-post__body .b-post__unknown:last-child { margin-bottom: -13px; border-radius: 0px 0px 6px 6px; } [data-v-1e3195f8] .b-memory-post__body .b-post__text:last-child { margin-bottom: 0px; } [data-v-1e3195f8] .b-memory-post__body .b-post .video-js { flex: 1 1 0%; height: 100%; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-post-media-holder .post_img_big, [data-v-1e3195f8] .b-memory-post__body .b-post .b-post-media-holder .video-js:not(.vjs-fullscreen) video.vjs-tech { min-height: 100%; } [data-v-1e3195f8] .b-memory-post__body .b-post .post_media { margin-left: -15px; margin-right: -15px; } [data-v-1e3195f8] .b-memory-post__body .b-post .post_media.b-youtube_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } [data-v-1e3195f8] .b-memory-post__body .b-post .post_media.b-youtube_container .youtube_container { margin-bottom: -1px; } [data-v-1e3195f8] .b-memory-post__body .b-post .post_media:last-child { margin-bottom: -13px; border-radius: 0px 0px 6px 6px; overflow: hidden; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-truncate-voting .post_voting { position: relative; height: 200px; overflow: hidden; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-truncate-voting .post_voting::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100%; height: 106px; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 78%); } .m-mode-dark .story-viewer[data-v-1e3195f8] .b-memory-post__body .b-post.m-truncate-voting .post_voting::after { background: linear-gradient(rgba(22, 22, 24, 0), rgb(22, 22, 24)); } [data-v-1e3195f8] .b-memory-post__body .b-post.m-preview-img-portrait .b-post-media-holder .b-post__media__img { object-fit: contain; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-preview-img-landscape .b-post-media-holder .b-post__media__img { object-fit: cover; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-hide-audio-element .post_media { margin-bottom: -13px; border-radius: 0px 0px 6px 6px; overflow: hidden; } [data-v-1e3195f8] .b-memory-post__body .b-post.m-hide-audio-element .post_media + .audio-wrapper, [data-v-1e3195f8] .b-memory-post__body .b-post__date { display: none; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-username-row { margin-bottom: 0px; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-username-row.m-restrict-width { flex-grow: 1; max-width: 77%; } [data-v-1e3195f8] .b-memory-post__body .b-post .g-user-realname__wrapper { display: none; } [data-v-1e3195f8] .b-memory-post__body .b-post .g-avatar.has-started-stream::before { background: none; } [data-v-1e3195f8] .b-memory-post__body .b-post .g-avatar.has-started-stream img { width: 100%; height: 100%; transform: translate(0px); } [data-v-1e3195f8] .b-memory-post__body .b-post .g-avatar.has-started-stream .m-live { background-color: rgb(53, 208, 99); width: 8px; height: 8px; border-width: 2px; bottom: -3px; right: -3px; } [data-v-1e3195f8] .b-memory-post__body .b-post .g-avatar.has-started-stream .m-live .g-icon { display: none; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-profile-info-card.m-friend-recommended { height: 103px; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-profile-info-card.m-friend-recommended .g-avatar { height: 75px; width: 75px; } [data-v-1e3195f8] .b-memory-post__body .b-post .b-profile-info-card.m-friend-recommended .b-friend__content { padding: 5px 11px 5px 128px; } [data-v-1e3195f8] .b-memory-post__body .content-icons { margin-top: -3px; margin-bottom: 4px; } [data-v-1e3195f8] .b-memory-post__body .b-purchase__list-item::after { margin-left: 5px; margin-right: 5px; } [data-v-1e3195f8] .b-memory-post__body .b-post-media-holder { max-height: 306px; min-height: unset; } [data-v-1e3195f8] .b-memory-post__body .b-post-media-holder .b-post__media__img, [data-v-1e3195f8] .b-memory-post__body .b-post-media-holder .post_img_big, [data-v-1e3195f8] .b-memory-post__body .b-post-media-holder .video-js:not(.vjs-fullscreen) video.vjs-tech { max-height: 306px; } [data-v-1e3195f8] .b-memory-post__body .b-post-media-holder .video-js.m-btn-gif { display: none; } [data-v-1e3195f8] .b-memory-post .img-placeholder-bg { height: 100%; } [data-v-1e3195f8] .b-memory-post.b-memory-post-android .b-post__media__item-inner { max-width: calc(100% - 0.25px); } [data-v-1e3195f8] .b-memory-post.b-memory-post-samsung .b-post.is-not-post-page { border-color: rgb(255, 255, 255); } [data-v-1e3195f8] .b-memory-post.b-memory-post-samsung .b-post__media__item-inner { max-width: calc(100% - 0.5px); } @font-face { font-family: ShantellSans; src: url("/assets/d12dc3b8fbb639a2.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: SofiaSans; src: url("/assets/643c37e6bf578e73.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: PTMono; src: url("/assets/074de240e675f0c0.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: RubikBlack; src: url("/assets/5611b05667cc507a.ttf") format("truetype"); font-style: normal; font-weight: 700; } @font-face { font-family: RubikMedium; src: url("/assets/a19475409256c9c7.ttf") format("truetype"); font-style: normal; font-weight: 500; } @font-face { font-family: YanoneKaffeesatz; src: url("/assets/02725068ed2122c1.ttf") format("truetype"); font-style: normal; font-weight: 700; } .b-story-texts[data-v-956e8ff6] { width: 100%; height: 100%; flex: 0 0 100%; position: relative; } .b-story-mention[data-v-956e8ff6] { position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .b-story-text-item[data-v-956e8ff6] { position: absolute; border-radius: 6px; transform-origin: center center 0px; pointer-events: auto; opacity: 0; line-height: 1.2; } .post-story-dropdown-no-selection { outline: none; user-select: none; } .post-story-dropdown-item .dropdown-item { justify-content: space-between; } .m-disable-selection [data-v-eb342c42]:not([type="text"]):not(textarea):not(.b-story-texts):not(.g-pointer-cursor) { outline: none; user-select: none; cursor: default; } .l-stories[data-v-eb342c42] { overflow: hidden; outline: none; width: 0px; height: 0px; background-color: rgb(0, 0, 0); font-size: 14px; position: fixed; inset: 0px; z-index: 101; transition: width 0.25s, height 0.25s; } .l-stories.fix-perspective .swiper-slide-shadow-left[data-v-eb342c42], .l-stories.fix-perspective .swiper-slide-shadow-right[data-v-eb342c42], .l-stories.fix-perspective .swiper[data-v-eb342c42], .l-stories.fix-perspective[data-v-eb342c42] { transform: translateZ(0px); transform-origin: 0px 0px 0px; } .l-stories[data-v-eb342c42] .swiper-slide { will-change: opacity; } .l-stories[data-v-eb342c42] .swiper-slide:not(.swiper-slide-active) { opacity: 0; } .l-stories[data-v-eb342c42] .swiper-slide .story-item { height: 100%; } .l-stories[data-v-eb342c42] .swiper-slide .story-item .story-error { display: flex; height: 100%; } .l-stories__interactive-wrapper[data-v-eb342c42] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 97; pointer-events: none; overflow: hidden; } .l-stories.m-animated[data-v-eb342c42] { width: 100vw; height: 100%; } .l-stories .b-posts_preloader[data-v-eb342c42] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: rgb(254, 254, 254); z-index: 1; } .l-stories .tip.muted[data-v-eb342c42] { position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); color: rgb(254, 254, 254); background: var(--overlay-color); border-radius: 1000px; padding: 10px 20px; text-transform: uppercase; font-weight: 500; z-index: 1; } .l-stories[data-v-eb342c42] .g-btn.m-close-btn { position: absolute; left: 10px; top: 10px; } .b-btn-story[data-v-eb342c42] { position: fixed; top: 80px; bottom: 80px; width: 15%; z-index: 101; } .b-btn-story.m-prev[data-v-eb342c42] { left: 0px; } .b-btn-story.m-next[data-v-eb342c42] { right: 0px; } [data-v-eb342c42] .slides-pointers { transition: opacity 0.5s; position: fixed; top: 8px; left: 8px; right: 8px; z-index: 101; } [data-v-eb342c42] .slides-pointers.m-items-right { mask-image: linear-gradient(-90deg, transparent, rgb(0, 0, 0) 10%); } [data-v-eb342c42] .slides-pointers.m-items-left { mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%); } [data-v-eb342c42] .slides-pointers.m-items-right.m-items-left { mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent); } .story-ran.m-prevent-scrolling .m-paused[data-v-eb342c42] .slides-pointers { opacity: 0; } [data-v-eb342c42] .slides-pointers__item { margin-left: 2px; margin-right: 2px; background-color: rgba(255, 255, 255, 0.4); border-radius: 2px; height: 2px; min-width: 4px; } [data-v-eb342c42] .m-big-items-count .slides-pointers__item { margin-left: 2px; margin-right: 0px; } [data-v-eb342c42] .m-huge-items-count .slides-pointers__item { margin-left: 0px; margin-right: 0px; } [data-v-eb342c42] .slides-pointers__item:first-child { margin-left: 0px; } [data-v-eb342c42] .slides-pointers__item:last-child { margin-right: 0px; } [data-v-eb342c42] .slides-pointers__item.m-active { min-width: 36px; } [data-v-eb342c42] .slides-pointers__item::before { content: ""; position: absolute; inset: -5px 0px -15px; z-index: 2; } [data-v-eb342c42] .slides-pointers__item__progress { background-color: rgb(254, 254, 254); border-radius: 2px; height: inherit; position: absolute; left: 0px; top: 0px; } [data-v-eb342c42] .m-seen .slides-pointers__item__progress { width: 100%; } [data-v-eb342c42] .b-story-header { pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; padding-bottom: 0px; padding-top: 15px; z-index: 98; } [data-v-eb342c42] .b-story-header::after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 120px; background: linear-gradient(rgba(0, 0, 0, 0.66), transparent); z-index: 1; pointer-events: none; } [data-v-eb342c42] .b-story-header__author { padding-left: 46px; padding-right: 10px; min-height: 38px; color: rgb(254, 254, 254); font-size: 13px; z-index: 2; pointer-events: auto; } [data-v-eb342c42] .b-story-header__author .b-pe-btn-collapse { position: absolute; inset: 0px; z-index: 1; color: rgb(254, 254, 254); border-radius: inherit; } [data-v-eb342c42] .b-story-header__author__title .g-user-name { color: inherit; margin-bottom: -1px; } [data-v-eb342c42] .b-story-header__author__subtitle { opacity: 0.75; } [data-v-eb342c42] .b-story-header__actions { z-index: 2; pointer-events: auto; margin-right: -6px; } [data-v-eb342c42] .b-story-state { display: inline-block; padding: 1px 5px; font-size: 11px; line-height: 13px; background-color: rgba(255, 255, 255, 0.3); margin-left: 5px; border-radius: 4px; align-self: center; } [data-v-eb342c42] .b-stories-slides { position: fixed; top: 0px; bottom: 0px; left: 50%; transform: translateX(-50%); } [data-v-eb342c42] .b-stories-slides__item { background-color: rgb(0, 0, 0); display: none; } [data-v-eb342c42] .b-stories-slides__item.m-photo::after { content: ""; position: absolute; inset: 0px; } [data-v-eb342c42] .b-stories-slides__item.m-active { display: flex; } [data-v-eb342c42] .b-stories-slides__processing { color: rgb(254, 254, 254); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } [data-v-eb342c42] .b-stories-slides__media { zoom: 1; z-index: 1; transition: opacity 0.1s; object-fit: contain; pointer-events: none; } [data-v-eb342c42] .b-stories-slides__media.m-invisible { opacity: 0; } [data-v-eb342c42] .b-stories-slides__media-bg { pointer-events: none; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; filter: blur(5px) opacity(80%); z-index: 0; object-fit: contain; } .slider[data-v-eb342c42] { top: 0px; bottom: 0px; left: 0px; position: absolute; width: 100vw; } .slider.swiper[data-v-eb342c42] { position: absolute; } .story-viewer[data-v-eb342c42] { user-select: none; width: 100vw; height: 100%; top: 0px; bottom: 0px; left: 0px; } [data-v-eb342c42] .group-avatars .g-avatar { z-index: 0; } [data-v-eb342c42] .group-avatars .g-avatar:not(:first-child) { margin-left: 0px; } .b-story-answer[data-v-70bb123e] { margin-bottom: 16px; margin-left: 20px; border-radius: 6px; background-color: rgba(138, 150, 163, 0.08); padding: 6px 9px 15px 26px; } .b-story-answer.m-with-footer[data-v-70bb123e] { padding-bottom: 6px; } .b-story-answer__header .b-dropdown[data-v-70bb123e] { margin-right: -2px; } .b-story-answer__body[data-v-70bb123e] { display: -webkit-box; -webkit-line-clamp: 3; -moz-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .b-story-answer__footer[data-v-70bb123e] { margin-top: 8px; } [data-v-70bb123e] .b-story-answer__footer .g-btn .g-icon { margin-left: -8px; } .modal .g-page__header__btn[data-v-037de540] { margin: -8px 6px -8px -7px; } .b-choose-answer[data-v-037de540] { font-size: 18px; margin-bottom: 16px; } .b-action-panel[data-v-82166560] { color: rgb(254, 254, 254); max-width: 100%; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: row; align-content: flex-end; align-items: flex-end; position: fixed; left: 0px; right: 0px; bottom: 10px; } .b-action-panel.m-dispersed[data-v-82166560] { justify-content: space-between; padding-left: 0px; } .b-action-panel.m-dispersed .b-action-panel__item[data-v-82166560]:not(:has(.dropdown)) { margin-left: 8px; margin-right: 8px; } .b-action-panel.m-stream-position[data-v-82166560] { z-index: 102; } .b-action-panel.m-shadow-gradient[data-v-82166560] { z-index: 98; } .b-action-panel.m-shadow-gradient[data-v-82166560]::after { content: ""; position: fixed; pointer-events: none; left: 0px; right: 0px; bottom: 0px; height: 160px; background: linear-gradient(rgba(138, 150, 163, 0), rgb(0, 0, 0)); opacity: 0.4; z-index: -1; } .b-action-panel__item[data-v-82166560] { display: inline-flex; } .m-black-body .b-action-panel__item[data-v-82166560] { text-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px; } .m-black-body .b-action-panel__item[data-v-82166560] .g-icon { filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 1px 2px); } .b-action-panel__item.g-disabled .dropdown-toggle[disabled][data-v-82166560] { opacity: 1; } .b-action-panel__item.m-free-sizes[data-v-82166560] { margin-right: 4px; } .b-action-panel__item.m-right-cuddle[data-v-82166560] { margin-left: auto; margin-right: 0px; } .b-action-panel__item.m-right-cuddle ~ .m-free-sizes[data-v-82166560] { margin-left: 4px; margin-right: 0px; } .b-action-panel__item.m-with-text-button[data-v-82166560] { min-width: 0px; } .b-action-panel__item.m-with-text-button .b-action-panel__el__text[data-v-82166560] { overflow: hidden; text-overflow: ellipsis; } .b-action-panel__item[data-v-82166560] .g-btn.m-unread { position: relative; } .b-action-panel__item[data-v-82166560] .g-btn.m-unread::before { position: absolute; width: 8px; height: 8px; border-radius: 1000px; content: ""; background: rgb(0, 175, 240); border: 2px solid rgb(254, 254, 254); top: 4px; left: 20px; z-index: 1; box-sizing: content-box; } [data-v-82166560] .b-action-panel__el { padding: 0px; display: inline-flex; flex-direction: row; place-content: center; align-items: center; font-size: 14px; white-space: nowrap; color: inherit; min-width: 36px; height: 36px; text-transform: uppercase; font-weight: 500; } [data-v-82166560] .b-action-panel__el.m-width-fluid-hover { padding-left: 6px; padding-right: 16px; } [data-v-82166560] .b-action-panel__el.m-width-fluid-hover .b-action-panel__el__text:first-child { margin-left: 10px; } [data-v-82166560] .b-action-panel__el__text { margin-left: 6px; } [data-v-82166560] .b-action-panel__el__text:first-child { margin-left: 0px; margin-right: 10px; } .b-stories-reaction[data-v-82166560] { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; z-index: 99; display: flex; flex-flow: column wrap; place-content: center flex-end; align-items: center; padding: 0px 16px 64px; } .b-stories-reaction.m-animations[data-v-82166560] { pointer-events: none; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560] { pointer-events: auto; position: absolute; opacity: 0; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:first-child { z-index: 1; width: 59.2px; bottom: -29.6px; left: 36.1%; animation: 2.3s linear 0.6s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(2) { z-index: 1; width: 51.7px; bottom: -25.85px; left: 80.3%; animation: 1.1s linear moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(3) { z-index: 1; width: 60px; bottom: -30px; left: 92.7%; animation: 0.8s linear 0.4s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(4) { z-index: -1; width: 52.2px; bottom: -26.1px; left: 68.9%; animation: 1.9s linear 0.5s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(5) { z-index: 0; width: 77px; bottom: -38.5px; left: 64.9%; animation: 2s linear 0.3s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(6) { z-index: -1; width: 76.1px; bottom: -38.05px; left: 97%; animation: 1s linear 0.2s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(7) { z-index: 2; width: 43.8px; bottom: -21.9px; left: 14.1%; animation: 1.9s linear 0.1s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(8) { z-index: 3; width: 54.1px; bottom: -27.05px; left: 89.2%; animation: 2s linear 0.2s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(9) { z-index: 2; width: 33.1px; bottom: -16.55px; left: 80.5%; animation: 1.1s linear 0.9s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(10) { z-index: 4; width: 52.6px; bottom: -26.3px; left: 76.2%; animation: 2.5s linear 1s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(11) { z-index: 2; width: 37.1px; bottom: -18.55px; left: 53.3%; animation: 1.9s linear 0.8s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(12) { z-index: 1; width: 68.2px; bottom: -34.1px; left: 35.6%; animation: 1.9s linear 0.8s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(13) { z-index: 1; width: 36.2px; bottom: -18.1px; left: 43.8%; animation: 1.8s linear 0.4s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(14) { z-index: -3; width: 62.9px; bottom: -31.45px; left: 38.8%; animation: 1s linear 0.9s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(15) { z-index: 4; width: 36.2px; bottom: -18.1px; left: 30.3%; animation: 2s linear 0.8s moveEmojiUp-82166560; } .b-stories-reaction.m-animations .emoji_item[data-v-82166560]:nth-child(16) { z-index: 4; width: 68.3px; bottom: -34.15px; left: 79.1%; animation: 2.3s linear 0.6s moveEmojiUp-82166560; } .b-stories-reaction__wrap[data-v-82166560] { max-width: 344px; width: 100%; } .b-stories-reaction__emoji-group[data-v-82166560] { display: flex; flex-flow: wrap; place-content: center; align-items: center; margin: 0px -10px 16px; } .b-stories-reaction .sticker_col[data-v-82166560] { text-align: center; flex: 1 1 0%; } .b-stories-reaction .emoji_item[data-v-82166560] { width: 40px; cursor: pointer; } @keyframes moveEmojiUp-82166560 { 0% { transform: translateY(0px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { transform: translateY(-60vh); } } .b-comment-form[data-v-1a0d1470] { margin-bottom: 10px; } @media (max-width: 1003.98px) { .b-comment-form[data-v-1a0d1470] { flex: 0 0 calc(100% - 32px); margin-left: 16px; margin-right: 16px; } } .b-stream-wrapper .b-comment-form[data-v-1a0d1470] { position: relative; z-index: 1; } @media (min-width: 1004px) { .b-stream-wrapper .b-comment-form[data-v-1a0d1470] { margin-bottom: 0px; } } .b-comment-form.m-attachment-comment-form[data-v-1a0d1470] { margin-top: 15px; max-width: 100%; } .b-comment-form[class*="-comment-form"][data-v-1a0d1470] { position: relative; max-width: 100%; } .b-comment-form[class*="-comment-form"][data-v-1a0d1470]::after { content: ""; position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.5); background-image: linear-gradient(0deg, rgba(138, 150, 163, 0.25), rgba(138, 150, 163, 0.25)); background-blend-mode: difference; pointer-events: none; border-radius: 24px; } .b-comment-form[class*="-comment-form"] .b-comment-form__group[data-v-1a0d1470], .b-comment-form[class*="-comment-form"] .b-comment-form__header[data-v-1a0d1470] { z-index: 1; } .b-stream-wrapper .b-comment-form[class*="-comment-form"][data-v-1a0d1470] .v-input:not(.v-input--is-focused) .v-input__slot fieldset { background-color: transparent; background-image: none; } .b-comment-form[class*="-comment-form"][data-v-1a0d1470]:has(.v-input--is-focused)::after { background-color: rgba(0, 0, 0, 0.75); background-image: linear-gradient(0deg, rgba(138, 150, 163, 0.33), rgba(138, 150, 163, 0.33)); background-blend-mode: difference; } .b-comment-form[class*="-comment-form"][data-v-1a0d1470]:has(.v-input--is-focused) .theme--light fieldset::after { content: none; opacity: 0; } .b-comment-form.m-field-form[data-v-1a0d1470]:has(.b-comment-form__btns-group .g-btn:only-child) .v-textarea textarea { padding-right: 62px; } .b-comment-form.m-field-form[data-v-1a0d1470]:has(.b-comment-form__btns-group .g-btn:nth-child(2):last-child) .v-textarea textarea { padding-right: 106px; } .b-comment-form.m-field-form[data-v-1a0d1470]:has(.b-comment-form__btns-group .g-btn:nth-child(3):last-child) .v-textarea textarea { padding-right: 142px; } [data-v-1a0d1470] .b-comment-form__extended-part { background-color: rgba(0, 0, 0, 0.4); border-radius: 23px 23px 0px 0px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgba(255, 255, 255, 0.75) rgba(255, 255, 255, 0.75) currentcolor; border-image: none; overflow: hidden; } .m-privacy-comment-form[data-v-1a0d1470] .b-comment-form__extended-part { border-style: dashed dashed none; border-bottom: medium; } .m-popover[data-v-1a0d1470] .b-comment-form__extended-part { background-color: transparent; border: medium; border-radius: 0px; z-index: 1; position: relative; } .m-appearance-below[data-v-1a0d1470] .b-comment-form__extended-part { flex-direction: column-reverse; display: flex; } .b-comment-form__header[data-v-1a0d1470] { padding: 10px 48px 10px 40px; position: relative; display: none; } .m-privacy-comment-form .b-comment-form__header[data-v-1a0d1470] { display: block; } .b-comment-form__header .b-username[data-v-1a0d1470] { cursor: pointer; } .b-comment-form__header .b-username-row[data-v-1a0d1470] { margin-bottom: 0px; } .b-comment-form__header .g-user-username[data-v-1a0d1470] { color: rgb(254, 254, 254); line-height: 20px; } .b-comment-form__header .g-btn.m-btn-remove .g-icon[data-v-1a0d1470] { opacity: 0.6; } [data-v-1a0d1470] .b-comment-form__btns-group { right: 6px; } [data-v-1a0d1470] .b-comment-form__type-privacy { left: 6px; } [data-v-1a0d1470] .b-comment-form__submit { margin-left: 10px; } [data-v-1a0d1470] .b-comment-form__btns-group, [data-v-1a0d1470] .b-comment-form__type-privacy { position: absolute; bottom: 6px; } .b-comment-form__group[data-v-1a0d1470] { position: relative; } .b-stream-wrapper .b-comment-form__group[data-v-1a0d1470]:has(.v-input--is-focused) .b-comment-form__extended-part { border-color: rgb(254, 254, 254); } .b-viewer-row[data-v-4860db90] { padding-left: 34px; padding-right: 16px; min-height: 48px; } .b-viewer-row[data-v-4860db90]:not(:last-child) { border-bottom: 1px solid rgba(138, 150, 163, 0.25); } .b-viewer-row__posts_tips_amount span[data-v-4860db90] { margin-left: 4px; font-weight: 500; color: rgb(138, 150, 163); } .b-viewer-row__name.m-disabled .g-user-name[data-v-4860db90] { color: rgb(138, 150, 163); } .b-viewer-row__option[data-v-4860db90] { margin-left: 15px; } .modal .b-viewer-row__option[data-v-4860db90] { margin-right: -2px; } .b-viewer-row__option .b-dropdown[data-v-4860db90] { margin-right: -3px; } .b-viewer-row__option .b-dropdown[data-v-4860db90]:not(:first-child) { margin-left: 9px; } .b-viewer-row__option .post-vote-button__icon[data-v-4860db90] { margin-left: 0px; margin-right: 0px; } .stories-list-preview[data-v-4860db90] { margin-bottom: 10px; } .stories-list-preview .swiper-slide.active .story-preview[data-v-4860db90] { opacity: 1; } .stories-list-preview .story-preview[data-v-4860db90] { position: relative; opacity: 0.6; transition: opacity 0.1s; } .story-preview[data-v-4860db90] { position: relative; transition: opacity 0.1s; } .stories-list-preview .swiper-slide:not(.active) .story-preview[data-v-4860db90] { opacity: 0.6; } .story-preview img[data-v-4860db90] { height: 130px; margin-left: auto; margin-right: auto; border-radius: 6px; display: block; object-fit: cover; object-position: center center; } [data-v-4860db90] .stat-like-story { color: rgb(0, 175, 240); height: 16px; margin-left: 14px; } [data-v-4860db90] .stat-like-story .g-icon { width: 16px; height: 16px; flex: 0 0 16px; } .list-viewers[data-v-4860db90] { flex: 1 1 0%; position: absolute; inset: 0px; margin-right: -16px; } .b-story-item[data-v-3573f929] { border-radius: 6px; width: 128px; height: 128px; flex: 0 0 128px; min-height: 100%; position: relative; overflow: hidden; cursor: pointer; text-align: left; display: block; } @media (any-hover: hover) and (pointer: fine) { .b-story-item[data-v-3573f929]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .b-story-item.m-btn-sm[data-v-3573f929] { width: 64px; height: 64px; flex: 0 0 64px; } .b-story-item[data-v-3573f929]::after { content: ""; pointer-events: none; inset: 0px; border: 1px solid rgba(138, 150, 163, 0.25); position: absolute; z-index: 1; border-radius: inherit; } .b-story-item.m-create[data-v-3573f929] { transition: color 0.1s; } .b-story-item.m-create[data-v-3573f929]:hover { color: rgb(0, 145, 234); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-create[data-v-3573f929]:focus-visible { color: rgb(0, 145, 234); } } .b-story-item.m-story-archive .b-story-item__inside[data-v-3573f929] { opacity: 0.5; background-color: transparent; } .b-story-item.m-viewed .b-story-item__inside[data-v-3573f929] { opacity: 0.5; background-color: rgb(0, 0, 0); } .b-story-item.m-viewed:hover .b-story-item__icon[data-v-3573f929] { border-color: rgb(254, 254, 254); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-viewed:focus-visible .b-story-item__icon[data-v-3573f929] { border-color: rgb(254, 254, 254); } } .b-story-item.m-blur-story-item .img-responsive[data-v-3573f929] { filter: blur(15px); } .b-story-item.m-story-item-own:hover .b-story-item__icon[data-v-3573f929] { background-color: rgba(255, 255, 255, 0.12); } @media (any-hover: hover) and (pointer: fine) { .b-story-item.m-story-item-own:focus-visible .b-story-item__icon[data-v-3573f929] { background-color: rgba(255, 255, 255, 0.12); } } .b-story-item.m-scheduled-story[data-v-3573f929] { color: rgb(254, 254, 254); } .b-story-item.m-scheduled-story .img-responsive[data-v-3573f929] { opacity: 0.5; } .b-story-item.m-gradient-overlay[data-v-3573f929] { color: rgb(254, 254, 254); } .b-story-item__inside[data-v-3573f929] { position: absolute; inset: 0px; padding: 11px 16px; display: flex; flex-direction: column; justify-content: flex-end; color: inherit; height: 100%; } .m-gradient-overlay .b-story-item__inside[data-v-3573f929]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 80px; background: linear-gradient(0deg, rgb(0, 0, 0), transparent); opacity: 0.4; transition: opacity 0.1s; outline: none; } .m-gradient-overlay:hover .b-story-item__inside[data-v-3573f929]::after { opacity: 0.33; } .m-gradient-overlay:focus-visible .b-story-item__inside[data-v-3573f929]::after { opacity: 0.33; } .m-gradient-backward .b-story-item__inside[data-v-3573f929]::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.25)); z-index: 2; } .m-paid-stream .b-story-item__inside[data-v-3573f929]::before { content: ""; position: absolute; inset: 0px; background-color: rgb(0, 175, 240); transform-origin: left top 0px; transition: opacity 0.1s; border-radius: 6px; pointer-events: none; opacity: 0; z-index: 1; } .m-paid-stream.m-unlock-stream .b-story-item__inside[data-v-3573f929]::before { opacity: 1; } .b-story-item__inside[data-v-3573f929] .b-dropdown.m-dropdown-position { position: absolute; top: 8px; right: 8px; z-index: 3; } .b-story-item__icon[data-v-3573f929] { width: 36px; height: 36px; border-radius: 1000px; color: rgb(254, 254, 254); display: flex; flex-direction: column; place-content: center; align-items: center; overflow: hidden; border-width: 2px; border-style: solid; transition: border-color 0.1s, background-color 0.1s; z-index: 2; position: absolute; left: 14px; top: 14px; box-sizing: content-box; } .b-story-item__icon.m-avatar[data-v-3573f929] { border: medium; overflow: visible; border-radius: 0px; } .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929]:first-child { z-index: 1; } .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929]:nth-child(2) { margin-top: -100%; margin-left: 40px; z-index: 0; } .m-paid-stream .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929] { transition: transform 0.1s; } .m-unlock-stream .b-story-item__icon.m-avatar .g-avatar[data-v-3573f929] { transform: translateX(calc(-100% - 20px)); } .m-gradient-overlay .b-story-item__icon[data-v-3573f929]:not(.m-avatar) { border-color: rgba(255, 255, 255, 0.5); } .m-gradient-overlay .b-story-item__icon[data-v-3573f929]:not(.m-avatar)::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.2; background-color: rgb(0, 0, 0); z-index: -1; } .m-gradient-overlay:not(.m-story-item-own):focus-visible .b-story-item__icon[data-v-3573f929]:not(.m-avatar), .m-gradient-overlay:not(.m-story-item-own):hover .b-story-item__icon[data-v-3573f929]:not(.m-avatar) { border-color: rgb(254, 254, 254); } .m-create[data-v-3573f929] .b-story-item__icon { border-color: rgba(138, 150, 163, 0.08); color: rgb(0, 175, 240); transition: border-color 0.1s; } .m-create[data-v-3573f929]:hover .b-story-item__icon { border-color: transparent; background-color: rgba(0, 145, 234, 0.06); } .m-create[data-v-3573f929]:focus-visible .b-story-item__icon { border-color: transparent; background-color: rgba(0, 145, 234, 0.06); } .b-story-item__text[data-v-3573f929] { position: relative; z-index: 2; font-size: 14px; line-height: 20px; order: 1; font-weight: 500; } .m-create:not(.m-gradient-overlay):not(:hover):not(:focus-visible) .b-story-item__text[data-v-3573f929] { color: var(--text-color); } .m-gradient-overlay .b-story-item__text[data-v-3573f929] { color: inherit; } .m-paid-stream .b-story-item__text[data-v-3573f929] { transition: transform 0.1s; } .m-unlock-stream .b-story-item__text[data-v-3573f929] { transform: translateY(calc(100% + 16px)); } .b-story-item__loader[data-v-3573f929] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 1000px; padding: 6px; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); } .b-story-item__loader .b-posts_preloader[data-v-3573f929] { width: 24px; height: 24px; } .b-story-item__loader .g-icon[data-v-3573f929] { color: rgb(36, 37, 41); } .b-story-item__link[data-v-3573f929] { color: rgb(254, 254, 254); display: block; } @media (min-width: 768px) { .b-story-item__link[data-v-3573f929]:hover { color: rgb(254, 254, 254); } } .b-story-item__time-scheduled[data-v-3573f929] { z-index: 2; } .b-story-item__time-scheduled .g-icon[data-v-3573f929] { width: 14px; height: 14px; flex: 0 0 14px; margin-right: 7px; } .b-story-item__text-near-avatar[data-v-3573f929] { position: absolute; left: 60px; top: 19px; right: 5px; z-index: 2; } .b-story-item__text-near-avatar[data-v-3573f929] .datetime span { display: block; } .b-story-item__text-near-avatar[data-v-3573f929] .datetime span:last-child { text-transform: uppercase; } .b-story-item__cost[data-v-3573f929] { z-index: 2; } .m-unlock-stream .b-story-item__cost[data-v-3573f929] { display: none; } .b-story-item__price[data-v-3573f929] { position: absolute; left: 10px; right: 10px; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: opacity 0.1s; z-index: 2; font-size: 20px; text-align: center; user-select: none; } .m-unlock-stream .b-story-item__price[data-v-3573f929] { opacity: 1; pointer-events: auto; } .b-story-item .b-purchase__list[data-v-3573f929] { z-index: 1; flex-grow: 0; } .b-story-item[data-v-3573f929] img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; object-position: center center; z-index: 0; pointer-events: none; } .b-story-item[data-v-3573f929] .b-posts_preloader { flex: 1 1 0%; } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper > .b-spinner-processing[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; opacity: 0.4; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 64px; height: 64px; flex: 0 0 64px; } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width: 44px; height: 44px; flex: 0 0 44px; } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 12px; } @media (min-width: 768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom: 25px; } } .b-posts_preloader[data-v-2599f2d4] { padding: 0px; background: none; display: flex; flex-direction: row; place-content: center; align-items: center; color: rgb(138, 150, 163); text-align: center; clear: both; } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border: medium; } .pswp .b-posts_preloader[data-v-2599f2d4] { color: rgb(254, 254, 254); } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color: var(--text-color); } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width: 48px; height: 48px; flex: 0 0 48px; } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width: 36px; height: 36px; flex: 0 0 36px; } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width: 16px; height: 16px; flex: 0 0 16px; } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding: 16px; } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items: flex-start; padding-top: 100px; } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display: inline-flex; vertical-align: top; } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin: auto; } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 3; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position: absolute; inset: 0px; display: flex; flex-direction: row; place-content: center; align-items: center; z-index: 1; } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]::after { content: ""; inset: 0px; background-color: var(--bg-color); opacity: 0.6; position: absolute; } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position: relative; z-index: 1; } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex: 0 0 100%; } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin: 2px 0px 0px 6px; } .b-post__unknown { position: relative; height: 0px; padding-top: 59.613%; color: rgb(138, 150, 163); margin-left: -16px; margin-right: -16px; } @media (any-hover: hover) and (pointer: fine) { .b-chat.b-gallery-wrapper .b-post__unknown:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; text-decoration: none; outline-offset: -4px; } } @media (max-width: 767.98px) { .b-post__unknown { padding-top: calc(56.832% + 16.5px); } } .b-no-posts .b-post__unknown { flex: 1 1 0%; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown { height: auto; padding: 0px; overflow: hidden; } div > div:not(.b-post__text):not(.post_voting) ~ .b-post__unknown .b-subscribe-block { position: relative; inset: auto; } .post_media .b-post__unknown { margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat { min-width: 240px; margin-left: 0px; margin-right: 0px; } .b-post__unknown.m-purchase-chat:first-child { padding-top: 75%; } @media (max-width: 767.98px) { .b-post__unknown.m-purchase-chat:first-child { padding-top: 82.613%; } } .b-post__unknown.m-inactive-user { padding-top: 70.613%; } @media (min-width: 1004px) { .l-wrapper.m-content-one-column .b-post__unknown.m-inactive-user { padding-top: 46.613%; } } .b-post__unknown.m-inactive-user p { margin-bottom: 0px; font-size: 16px; line-height: 24px; opacity: 0.4; font-weight: 500; transform: translate(-50%, 8px); } .b-photos__item .b-post__unknown { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: medium; } .b-post__mentioned-posts-item .b-post__unknown { margin-left: 0px; margin-right: 0px; } @media (max-width: 767.98px) { .b-post__mentioned-posts-item .b-post__unknown { padding-top: 61.45%; } } .b-post__unknown__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% - 48px)); width: 48px; height: 48px; } .b-post__unknown__icon.m-center-position { transform: translate(-50%, calc(-50% - 32px)); } .b-post__unknown__icon.m-fully-center-position { transform: translate(-50%, -50%); } .b-post__unknown__icon.m-grid-position { transform: translate(-50%, -65%); } .b-post__unknown__icon.m-last-post { width: 32px; height: 32px; } .b-post__unknown__icon .g-icon { width: 64px; height: 64px; flex: 0 0 64px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0.25; } .m-inactive-user .b-post__unknown__icon .g-icon { opacity: 0.25; } .b-post__unknown__icon .g-icon.m-size-md { width: 48px; height: 48px; flex: 0 0 48px; } .b-post__unknown__price { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0.75; color: rgb(138, 150, 163); font-size: 19px; line-height: 24px; font-weight: 500; } .b-post__unknown p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 15px); font-size: 13px; max-width: 90%; text-align: center; margin-bottom: 0px; } .b-post__unknown p .g-btn { text-transform: lowercase; } .b-post__unknown p .g-btn .g-icon { display: none; } .b-post__unknown.m-fluid-height { height: unset; overflow: hidden; } .b-post__unknown.m-fluid-height .b-subscribe-block { position: relative; } .b-post__unknown.m-fluid-height .b-post__unknown__icon { transform: unset; top: 0px; left: 0px; right: 0px; padding-top: inherit; width: 100%; } .b-post__unknown.m-fluid-height .b-post__unknown__icon .g-icon { bottom: 50%; transform: translate(-50%, calc(50% - 10px)); } .b-language-switcher .m-globe[data-v-39baac0c] { margin-right: 4px; } .b-language-switcher .b-icon-arrow[data-v-39baac0c] { margin-left: 4px; } .connected-accounts[data-v-a1f62f74] { flex-grow: 1; flex-shrink: 0; display: flex; flex-direction: row; align-content: center; align-items: center; } [data-v-a1f62f74] .connected-accounts__body { display: flex; flex-direction: column; place-content: flex-start center; align-items: flex-start; flex-grow: 1; min-height: 36px; margin-left: 12px; max-width: calc(100% - 56px); } [data-v-a1f62f74] .connected-accounts__body.m-with-status { margin-right: 12px; max-width: calc(100% - 84px); } [data-v-a1f62f74] .connected-accounts__round { border: 1px solid rgba(138, 150, 163, 0.2); width: 36px; height: 36px; display: flex; flex-direction: row; place-content: center; align-items: center; border-radius: 1000px; color: rgb(0, 175, 240); } .l-sidebar[data-v-46cb7861] { position: absolute; } @media (max-width: 499.98px) { .l-sidebar[data-v-46cb7861] { z-index: 0; } } @media (min-width: 500px) { .l-sidebar[data-v-46cb7861] { left: 0px; top: 0px; opacity: 0; pointer-events: none; z-index: 3; } .m-sidebar-visible .m-chat-container .l-sidebar[data-v-46cb7861] { bottom: 0px; } .m-sidebar-visible .l-sidebar[data-v-46cb7861] { opacity: 1; pointer-events: auto; } } .l-sidebar[data-v-46cb7861]::after { content: ""; background: var(--bg-color); position: fixed; right: 0px; top: 0px; bottom: 57px; z-index: 99; width: 264px; transition: transform 0.1s; transform: translate(calc(100% + 24px)); box-shadow: rgba(0, 0, 0, 0.16) -8px 0px 16px; } @media (min-width: 500px) { .l-sidebar[data-v-46cb7861]::after { content: none; } } .m-sidebar-visible .l-sidebar[data-v-46cb7861]::after { transform: translate(0px); } @media (max-width: 499.98px) and (orientation: portrait) { @supports (bottom:constant(safe-area-inset-bottom)) { .l-sidebar[data-v-46cb7861]::after { } } @supports (bottom:env(safe-area-inset-bottom)) { .l-sidebar[data-v-46cb7861]::after { bottom: calc(57px + env(safe-area-inset-bottom)); } } } .l-sidebar__inner[data-v-46cb7861] { position: fixed; right: 0px; bottom: 57px; z-index: 100; padding: 16px 10px 18px 104px; overflow: hidden auto; width: 358px; box-shadow: none; outline: none; } @supports (-moz-appearance:none) { .l-sidebar__inner.m-native-custom-scrollbar.m-invisible-scrollbar[data-v-46cb7861] { padding-right: 10px; } } @media (max-width: 499.98px) { .l-sidebar__inner[data-v-46cb7861] { transition: transform 0.1s; transform: translate(100%); top: 0px; } } @media (min-width: 500px) { .l-sidebar__inner[data-v-46cb7861] { position: absolute; bottom: auto; right: auto; left: 8px; padding: 16px 10px; margin-top: 16px; margin-bottom: 14px; width: 248px; max-height: calc(var(--vh, 1vh)*100 - 32px); border-radius: 6px; background: var(--bg-color); border: 1px solid rgba(138, 150, 163, 0.25); } .m-sidebar-visible .m-chat-container .l-sidebar__inner[data-v-46cb7861] { max-height: calc(100% - 32px); } .m-chat-container.m-enable-blur-support .l-sidebar__inner[data-v-46cb7861] { display: none; } .m-sidebar-visible .m-chat-container.m-enable-blur-support .l-sidebar__inner[data-v-46cb7861] { display: block; } } @media (min-width: 616px) { .l-sidebar__inner[data-v-46cb7861] { left: 16px; } } @media (max-width: 499.98px) { .m-sidebar-visible .l-sidebar__inner[data-v-46cb7861] { transform: translate(0px); } } .l-sidebar__inner-overlay[data-v-46cb7861] { position: fixed; right: -100%; top: 0px; bottom: 57px; width: 100px; z-index: 101; } .m-sidebar-visible .l-sidebar__inner-overlay[data-v-46cb7861] { right: 264px; } @media (min-width: 500px) { .l-sidebar__inner-overlay[data-v-46cb7861] { display: none; } } @media (max-width: 499.98px) and (orientation: portrait) { @supports (bottom:constant(safe-area-inset-bottom)) { .l-sidebar__inner[data-v-46cb7861] { } } @supports (bottom:env(safe-area-inset-bottom)) { .l-sidebar__inner[data-v-46cb7861] { bottom: calc(57px + env(safe-area-inset-bottom)); } } } .l-sidebar__wrapper-close[data-v-46cb7861] { position: fixed; top: 0px; right: 0px; width: 264px; z-index: 101; } @media (max-width: 499.98px) { .l-sidebar__wrapper-close[data-v-46cb7861] { transform: translate(100%); transition: transform 0.1s; } } @media (min-width: 500px) { .l-sidebar__wrapper-close[data-v-46cb7861] { right: auto; left: 0px; width: 256px; top: 16px; position: absolute; } } @media (min-width: 616px) { .l-sidebar__wrapper-close[data-v-46cb7861] { width: 264px; } } @media (max-width: 499.98px) { .m-sidebar-visible .l-sidebar__wrapper-close[data-v-46cb7861] { transform: translate(0px); } } .l-sidebar__btn-close[data-v-46cb7861] { position: absolute; right: 10px; top: 10px; border-radius: 1000px; } .l-sidebar__btn-close.m-icon-only[data-v-46cb7861] { background-color: var(--bg-color); } .l-sidebar__avatar[data-v-46cb7861] { display: inline-block; vertical-align: top; margin-left: 6px; } @media (any-hover: hover) and (pointer: fine) { .l-sidebar__avatar[data-v-46cb7861]:focus-visible { border-radius: 6px; outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; } } .l-sidebar__username[data-v-46cb7861] { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; padding: 11px 36px 15px 6px; max-width: 100%; } .l-sidebar__username[data-v-46cb7861] .b-username-row { font-size: 16px; } .l-sidebar__username[data-v-46cb7861] .g-user-name.m-verified { padding-right: 20px; } .l-sidebar__username.m-connected-accounts-switcher[data-v-46cb7861] { position: relative; } .l-sidebar__username.m-connected-accounts-switcher[data-v-46cb7861] .dropdown { position: absolute; right: 0px; top: 6px; width: auto; } .l-sidebar__username.m-connected-accounts-switcher[data-v-46cb7861] .dropdown.show .dropdown-toggle .g-icon { color: rgb(0, 145, 234); } .l-sidebar__username.m-connected-accounts-switcher[data-v-46cb7861] .dropdown-toggle { justify-content: center; width: 36px; height: 36px; margin: 0px; padding: 0px; } .l-sidebar__user-data[data-v-46cb7861] { padding: 0px 0px 5px 6px; display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: -15px; } .l-sidebar__user-data__item[data-v-46cb7861] { color: var(--text-color); font-size: 14px; position: relative; margin-bottom: 20px; } .l-sidebar__user-data__item a[data-v-46cb7861] { color: inherit; } .l-sidebar__user-data__item[data-v-46cb7861]::after, .l-sidebar__user-data__item[data-v-46cb7861]::before { content: "•"; font-size: 14px; opacity: 0.75; color: var(--title-color); margin-left: -10px; margin-right: 6px; } .l-sidebar__user-data__item[data-v-46cb7861]::after { margin-left: 6px; margin-right: 0px; position: absolute; left: -5px; top: -17px; } .l-sidebar__user-data__item[data-v-46cb7861]:first-child { margin-right: 16px; } .l-sidebar__user-data__item[data-v-46cb7861]:first-child::after, .l-sidebar__user-data__item[data-v-46cb7861]:first-child::before { display: none; } @media (any-hover: hover) and (pointer: fine) { .l-sidebar__user-data__item[data-v-46cb7861]:hover { color: var(--text-color); } .l-sidebar__user-data__item:hover .l-sidebar__user-data__item__text[data-v-46cb7861] { text-decoration: underline; } } .l-sidebar__user-data__item__count[data-v-46cb7861] { font-weight: 500; } .l-sidebar__user-data__item__text[data-v-46cb7861] { margin-left: 4px; } .l-sidebar__menu[data-v-46cb7861] { padding: 0px; } .l-sidebar__menu__item[data-v-46cb7861] { display: flex; flex-direction: row; place-content: center flex-start; align-items: center; color: var(--text-color); font-size: 14px; line-height: 20px; font-weight: 500; padding: 6px; border: medium; background: none; width: 100%; transition: color 0.1s, background-color 0.1s; position: relative; border-radius: 18px; margin-bottom: 8px; cursor: pointer; text-align: left; } @media (any-hover: hover) and (pointer: fine) { .l-sidebar__menu__item[data-v-46cb7861]:focus-visible { outline: rgb(0, 145, 234) solid 2px; outline-offset: 2px; text-decoration: none; color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .l-sidebar__menu__item[data-v-46cb7861]:focus-visible .g-gray-text { color: rgb(0, 145, 234); } .l-sidebar__menu__item[data-v-46cb7861]:focus-visible:focus-visible * { text-decoration: none; } } .l-sidebar__menu__item[data-v-46cb7861]:has(.dropdown-toggle:focus-visible) { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .l-sidebar__menu__item[data-v-46cb7861]:has(.dropdown-toggle:focus-visible) .g-gray-text { color: rgb(0, 145, 234); } .l-sidebar__menu__item[data-v-46cb7861]:has(.dropdown-toggle:focus-visible) .dropdown-toggle { border-radius: 18px; } .l-sidebar__menu__item[data-v-46cb7861]:last-child { margin-bottom: 0px; } .l-sidebar__menu__item.m-unread[data-v-46cb7861]::before { position: absolute; left: 20px; top: calc(50% - 16px); width: 14px; height: 14px; border-radius: 1000px; content: ""; border: 2px solid var(--bg-color); background: rgb(0, 175, 240); } .l-sidebar__menu__item.m-unread.m-attention[data-v-46cb7861]::before { background: rgb(231, 108, 108); } .l-sidebar__menu__item[data-v-46cb7861] .l-sidebar__menu__icon { margin: 0px 10px 0px 0px; transition: color 0.1s; } @media (hover: none) and (pointer: coarse) { .l-sidebar__menu__item[data-v-46cb7861]:hover, .l-sidebar__menu__item[data-v-46cb7861]:hover .g-gray-text { color: var(--text-color); } .l-sidebar__menu__item[data-v-46cb7861]:active { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .l-sidebar__menu__item[data-v-46cb7861]:active .g-gray-text { color: rgb(0, 145, 234); } } @media (any-hover: hover) and (pointer: fine) { .l-sidebar__menu__item[data-v-46cb7861]:hover { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .l-sidebar__menu__item[data-v-46cb7861]:hover .g-gray-text { color: rgb(0, 145, 234); } } .l-sidebar__menu__item.m-show-list[data-v-46cb7861] { color: rgb(0, 145, 234); background-color: rgba(0, 145, 234, 0.06); } .l-sidebar__menu__item.m-lang-item[data-v-46cb7861] .dropdown-toggle { color: inherit; } .l-sidebar__menu__item[data-v-46cb7861] .b-icon-arrow { margin-left: auto; padding-left: 10px; } .l-sidebar__menu__item[data-v-46cb7861] .b-lang-text { max-width: calc(100% - 60px); } .l-sidebar__menu__text[data-v-46cb7861] { max-width: calc(100% - 34px); } .l-sidebar__menu__text.m-double-lines[data-v-46cb7861] { margin-top: -4px; margin-bottom: -4px; } .l-sidebar__menu__divider[data-v-46cb7861] { margin: 8px -10px; border-top: 1px solid rgba(138, 150, 163, 0.25); } .l-sidebar__overlay[data-v-46cb7861] { position: fixed; inset: 0px; background: rgb(0, 0, 0); opacity: 0; pointer-events: none; z-index: 99; } @media (max-width: 499.98px) { .l-sidebar__overlay[data-v-46cb7861] { bottom: 57px; transition: opacity 0.1s; } } .m-sidebar-visible .l-sidebar__overlay[data-v-46cb7861] { opacity: 0.5; pointer-events: auto; } @media (max-width: 499.98px) and (orientation: portrait) { @supports (bottom:constant(safe-area-inset-bottom)) { .l-sidebar__overlay[data-v-46cb7861] { } } @supports (bottom:env(safe-area-inset-bottom)) { .l-sidebar__overlay[data-v-46cb7861] { bottom: calc(57px + env(safe-area-inset-bottom)); } } } .l-sidebar .dropdown.m-row[data-v-46cb7861] { width: 100%; } .l-sidebar .dropdown.m-row[data-v-46cb7861] .dropdown-toggle { padding: 6px; margin: -6px; width: calc(100% + 12px); } .l-sidebar[data-v-46cb7861] .dropdown-toggle { text-align: left; display: flex; flex-direction: row; align-content: center; align-items: center; } .infinite-loading-container[data-v-cea4dd88] { clear: both; text-align: center; } .infinite-loading-container[data-v-cea4dd88] [class^="loading-"] { display: inline-block; margin: 5px 0px; width: 28px; height: 28px; font-size: 28px; line-height: 28px; border-radius: 50%; } .btn-try-infinite[data-v-cea4dd88] { margin-top: 5px; padding: 5px 10px; color: rgb(153, 153, 153); font-size: 14px; line-height: 1; background: transparent; border: 1px solid rgb(204, 204, 204); border-radius: 3px; outline: none; cursor: pointer; } .btn-try-infinite[data-v-cea4dd88]:not(:active):hover { opacity: 0.8; } .g-box[data-v-8b7ec146] { position:relative; border-radius:6px; margin:0 0 24px; width:100% } [class*=col-].m-equal-heights>.g-box[data-v-8b7ec146] { display:flex; flex-direction:column } .g-page__header+.row .g-box[data-v-8b7ec146] { margin-top:4px } .g-box[data-v-8b7ec146]:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid rgba(138,150,163,.25); border-radius:6px; pointer-events:none; z-index:1 } .g-box.m-panel[data-v-8b7ec146] { font-size:13px; margin-bottom:12px; overflow:hidden } .g-box.m-panel p[data-v-8b7ec146] { margin:0 } .g-box.m-panel a[data-v-8b7ec146]:hover { text-decoration:underline } .g-box__header[data-v-8b7ec146] { background:rgba(0,175,240,.12); padding:13px 16px 15px; font-size:18px; font-weight:500; border-radius:6px 6px 0 0; text-transform:uppercase; width:100%; display:block; border:none } .g-box__header.m-title[data-v-8b7ec146] { padding:13px 46px 15px 16px } .m-panel .g-box__header[data-v-8b7ec146] { padding:10px 17px; font-size:inherit } .m-with-icon .g-box__header[data-v-8b7ec146] { padding-top:10px; padding-bottom:10px; padding-left:52px; display:flex; flex-direction:row; align-content:center; align-items:center; justify-content:flex-start } .m-with-icon .g-box__header .g-box__icon[data-v-8b7ec146] { top:50%; transform:translateY(-50%) } .m-with-icon .g-box__header p[data-v-8b7ec146] { line-height:16px } .g-box__header__inner[data-v-8b7ec146] { font-size:15px } .g-box__header__inner.m-flex[data-v-8b7ec146] { display:flex; align-content:center; align-items:center; justify-content:space-between } .g-box__header__inner__value[data-v-8b7ec146] { font-size:18px; margin-left:8px } .g-box__header__subtext[data-v-8b7ec146] { text-transform:none; color:#8a96a3; font-size:13px; font-weight:400; padding:6px 0 4px } .g-box__header__btn-close[data-v-8b7ec146] { position:absolute; top:0; right:0; background:none; padding:19px; border:none } .g-box__header__btn-close .g-icon[data-v-8b7ec146] { margin:0 } .g-box__subheader[data-v-8b7ec146] { border-bottom:1px solid rgba(138,150,163,.25); text-transform:uppercase; font-weight:500; color:#8a96a3; padding:0 4px 13px; margin:0 -4px 15px; line-height:24px } .g-box__subheader.m-flex[data-v-8b7ec146] { display:flex; align-content:center; align-items:center; justify-content:space-between } [data-v-8b7ec146] .g-box__title-wrapper { padding:3px 2px 6px; font-size:13px } [data-v-8b7ec146] .g-box__content .g-box__title-wrapper { padding-bottom:8px } .g-box__content[data-v-8b7ec146] { padding:16px 16px 18px } [class*=col-].m-equal-heights .g-box__content[data-v-8b7ec146] { height:100%; display:flex; flex-direction:column } .g-box[data-v-8b7ec146] .g-btn__wrapper { padding:20px 0 0; margin:0; flex-wrap:wrap } [class*=col-].m-equal-heights .g-box[data-v-8b7ec146] .g-btn__wrapper { margin-top:auto } .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns { margin-bottom:-8px; margin-left:-8px; margin-right:-8px } .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns .g-btn { flex:1 0 auto; margin-left:8px; margin-right:8px } @media (min-width:1004px) { .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns .g-btn { margin-left:4px; margin-right:4px } } .g-box[data-v-8b7ec146] .g-btn__wrapper .g-btn { margin:0 0 8px 8px } .g-box .g-box__collapse-icon[data-v-8b7ec146] { position:absolute; right:12px; top:12px } .g-box .g-box__collapse-icon .g-icon[data-v-8b7ec146] { color:#8a96a3; margin:0; display:block } .g-box__icon[data-v-8b7ec146] { position:absolute; color:#00aff0; top:14px; left:16px } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper>.b-spinner-processing[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50% } .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px; opacity:.4 } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width:64px; height:64px; flex:0 0 64px } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:12px } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:25px } } .b-posts_preloader[data-v-2599f2d4] { padding:0; background:none; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; color:#8a96a3; text-align:center; clear:both } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border:none } .pswp .b-posts_preloader[data-v-2599f2d4] { color:#fefefe } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color:var(--text-color) } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width:48px; height:48px; flex:0 0 48px } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width:36px; height:36px; flex:0 0 36px } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width:16px; height:16px; flex:0 0 16px } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding:16px } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items:flex-start; padding-top:100px } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display:inline-flex; vertical-align:top } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin:auto } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; z-index:3 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; z-index:1 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]:after { content:""; left:0; right:0; top:0; bottom:0; background-color:var(--bg-color); opacity:.6; position:absolute } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position:relative; z-index:1 } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex:0 0 100% } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin:2px 0 0 6px } .b-dragscroll[data-v-5a3acf4f] { display:flex; align-content:stretch; align-items:stretch; line-height:normal; webkit-user-select:none; -moz-user-select:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none } .b-dragscroll.m-full-width[data-v-5a3acf4f] { flex:0 0 100% } .b-dragscroll.m-gaps-inside[data-v-5a3acf4f] { padding-left:16px; padding-right:16px } .b-dragscroll.m-gaps-outside[data-v-5a3acf4f] { margin-left:-16px; margin-right:-16px; flex:0 0 calc(100% + 32px) } .b-dragscroll.m-gaps-vertical[data-v-5a3acf4f] { padding-top:16px; padding-bottom:16px } .b-dragscroll.m-left-gap-outside[data-v-5a3acf4f] { margin-left:-16px } .b-tabs__nav.m-single-current .b-dragscroll.m-left-gap-outside+.dropdown[data-v-5a3acf4f] { margin-left:auto; padding-left:10px } .b-dragscroll.m-wrap-items-text>[data-v-5a3acf4f]:not(.g-text-ellipsis), .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] :not(.g-text-ellipsis) { white-space:wrap } .b-dragscroll.m-wrap-items-text>.g-text-ellipsis [data-v-5a3acf4f], .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] .g-text-ellipsis * { white-space:inherit } .b-dragscroll[data-v-5a3acf4f]:not(.m-wrap-items-text) * { white-space:nowrap } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:not(.b-dot-item) { margin-right:8px } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:not(.b-dot-item).vue-recycle-scroller__item-wrapper { margin-right:-8px } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:last-child { margin-right:0 } @supports (-moz-appearance:none) { .b-dragscroll[data-v-5a3acf4f]>:last-child { margin-right:16px } } .b-dragscroll>div:last-child .b-tabs__nav__item[data-v-5a3acf4f] { margin-right:0 } .b-dragscroll.m-reset-overscroll[data-v-5a3acf4f] { overscroll-behavior:auto } .b-dragscroll.m-scroll-behavior[data-v-5a3acf4f] { scroll-behavior:smooth } .b-dragscroll button[data-no-dragscroll] [data-v-5a3acf4f], .b-dragscroll[data-v-5a3acf4f] button[data-no-dragscroll] * { pointer-events:none } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view { width:134px } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view>.b-posts_preloader { height:100% } [data-v-64dea73d] .menu-icon { margin-left:1px } .g-box[data-v-8b7ec146] { position:relative; border-radius:6px; margin:0 0 24px; width:100% } [class*=col-].m-equal-heights>.g-box[data-v-8b7ec146] { display:flex; flex-direction:column } .g-page__header+.row .g-box[data-v-8b7ec146] { margin-top:4px } .g-box[data-v-8b7ec146]:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid rgba(138,150,163,.25); border-radius:6px; pointer-events:none; z-index:1 } .g-box.m-panel[data-v-8b7ec146] { font-size:13px; margin-bottom:12px; overflow:hidden } .g-box.m-panel p[data-v-8b7ec146] { margin:0 } .g-box.m-panel a[data-v-8b7ec146]:hover { text-decoration:underline } .g-box__header[data-v-8b7ec146] { background:rgba(0,175,240,.12); padding:13px 16px 15px; font-size:18px; font-weight:500; border-radius:6px 6px 0 0; text-transform:uppercase; width:100%; display:block; border:none } .g-box__header.m-title[data-v-8b7ec146] { padding:13px 46px 15px 16px } .m-panel .g-box__header[data-v-8b7ec146] { padding:10px 17px; font-size:inherit } .m-with-icon .g-box__header[data-v-8b7ec146] { padding-top:10px; padding-bottom:10px; padding-left:52px; display:flex; flex-direction:row; align-content:center; align-items:center; justify-content:flex-start } .m-with-icon .g-box__header .g-box__icon[data-v-8b7ec146] { top:50%; transform:translateY(-50%) } .m-with-icon .g-box__header p[data-v-8b7ec146] { line-height:16px } .g-box__header__inner[data-v-8b7ec146] { font-size:15px } .g-box__header__inner.m-flex[data-v-8b7ec146] { display:flex; align-content:center; align-items:center; justify-content:space-between } .g-box__header__inner__value[data-v-8b7ec146] { font-size:18px; margin-left:8px } .g-box__header__subtext[data-v-8b7ec146] { text-transform:none; color:#8a96a3; font-size:13px; font-weight:400; padding:6px 0 4px } .g-box__header__btn-close[data-v-8b7ec146] { position:absolute; top:0; right:0; background:none; padding:19px; border:none } .g-box__header__btn-close .g-icon[data-v-8b7ec146] { margin:0 } .g-box__subheader[data-v-8b7ec146] { border-bottom:1px solid rgba(138,150,163,.25); text-transform:uppercase; font-weight:500; color:#8a96a3; padding:0 4px 13px; margin:0 -4px 15px; line-height:24px } .g-box__subheader.m-flex[data-v-8b7ec146] { display:flex; align-content:center; align-items:center; justify-content:space-between } [data-v-8b7ec146] .g-box__title-wrapper { padding:3px 2px 6px; font-size:13px } [data-v-8b7ec146] .g-box__content .g-box__title-wrapper { padding-bottom:8px } .g-box__content[data-v-8b7ec146] { padding:16px 16px 18px } [class*=col-].m-equal-heights .g-box__content[data-v-8b7ec146] { height:100%; display:flex; flex-direction:column } .g-box[data-v-8b7ec146] .g-btn__wrapper { padding:20px 0 0; margin:0; flex-wrap:wrap } [class*=col-].m-equal-heights .g-box[data-v-8b7ec146] .g-btn__wrapper { margin-top:auto } .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns { margin-bottom:-8px; margin-left:-8px; margin-right:-8px } .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns .g-btn { flex:1 0 auto; margin-left:8px; margin-right:8px } @media (min-width:1004px) { .g-box[data-v-8b7ec146] .g-btn__wrapper.m-group-equal-btns .g-btn { margin-left:4px; margin-right:4px } } .g-box[data-v-8b7ec146] .g-btn__wrapper .g-btn { margin:0 0 8px 8px } .g-box .g-box__collapse-icon[data-v-8b7ec146] { position:absolute; right:12px; top:12px } .g-box .g-box__collapse-icon .g-icon[data-v-8b7ec146] { color:#8a96a3; margin:0; display:block } .g-box__icon[data-v-8b7ec146] { position:absolute; color:#00aff0; top:14px; left:16px } .b-under-field[data-v-4e723aa7] { padding-top:4px } .m-type-field~.b-under-field[data-v-4e723aa7] { height:52px } .b-field-hint[data-v-4e723aa7] { color:#8a96a3; flex:1 } .m-error .b-field-hint[data-v-4e723aa7] { color:#ff6060 } .count-block[data-v-4e723aa7] { color:#8a96a3 } input:-webkit-autofill { animation-name:on-auto-fill-start } .g-spacer-r[data-v-3cc8efa1] { margin-right:4px } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper>.b-spinner-processing[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50% } .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px; opacity:.4 } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width:64px; height:64px; flex:0 0 64px } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:12px } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:25px } } .b-posts_preloader[data-v-2599f2d4] { padding:0; background:none; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; color:#8a96a3; text-align:center; clear:both } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border:none } .pswp .b-posts_preloader[data-v-2599f2d4] { color:#fefefe } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color:var(--text-color) } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width:48px; height:48px; flex:0 0 48px } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width:36px; height:36px; flex:0 0 36px } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width:16px; height:16px; flex:0 0 16px } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding:16px } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items:flex-start; padding-top:100px } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display:inline-flex; vertical-align:top } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin:auto } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; z-index:3 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; z-index:1 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]:after { content:""; left:0; right:0; top:0; bottom:0; background-color:var(--bg-color); opacity:.6; position:absolute } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position:relative; z-index:1 } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex:0 0 100% } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin:2px 0 0 6px } .b-profile-collapsed[data-v-027cf48e] { margin:0 0 12px } .b-profile-collapsed.m-roll-state .g-box__header[data-v-027cf48e] { border-radius:6px } .b-profile-collapsed[data-v-027cf48e]:last-child { margin-bottom:0 } .b-profile-collapsed.g-box .balance-loader~[data-v-027cf48e] { opacity:.3; pointer-events:none; position:relative } .b-profile-collapsed.g-box .g-box__header[data-v-027cf48e] { font-size:15px; line-height:24px; position:relative } .b-profile-collapsed.g-box .g-box__header[data-v-027cf48e]:before { content:""; position:absolute; width:100%; height:100%; border-radius:6px; left:0; right:0; top:0; bottom:0 } .b-profile-collapsed.g-box .g-box__header.m-gray-bg[data-v-027cf48e] { background:rgba(138,150,163,.12) } .b-profile-collapsed.g-box .g-box__header:hover .g-box__collapse-icon .g-icon[data-v-027cf48e] { color:#0091ea } @media (any-hover:hover) and (pointer:fine) { .b-profile-collapsed.g-box .g-box__header[data-v-027cf48e]:focus-visible { position:relative; outline:none } .b-profile-collapsed.g-box .g-box__header:focus-visible .g-box__collapse-icon .g-icon[data-v-027cf48e] { color:#0091ea } .b-profile-collapsed.g-box .g-box__header[data-v-027cf48e]:focus-visible:before { outline:2px solid #0091ea; outline-offset:2px } } .b-profile-collapsed.g-box .g-box__content[data-v-027cf48e] { padding-top:18px } @media (max-width:1003.98px) { .b-profile-collapsed.g-box .g-box__content[data-v-027cf48e] { padding-left:12px; padding-right:12px } } .b-statements__current-balance__title-text[data-v-027cf48e] { transform:translateY(1px) } .b-statements__current-balance__value[data-v-027cf48e] { font-size:18px; line-height:24px; margin-right:0; margin-left:auto } .b-statements__pending-balance__value[data-v-027cf48e] { font-size:18px; line-height:24px; padding-right:1px } .b-statements__min-payout-summ.g-input__help[data-v-027cf48e] { padding-top:4px } [data-v-5bc707b4] .b-statements__row { flex-grow:0 } [data-v-5bc707b4] .b-statements__head-timezone { line-height:30px; text-align:right; padding:0 4px 10px; margin:0 } @media (max-width:559.98px) { [data-v-5bc707b4] .b-statements__head-timezone { text-align:left; line-height:16px } [data-v-5bc707b4] .b-statements__title { padding-bottom:0; line-height:20px } } @media (min-width:1004px) { [data-v-5bc707b4] .b-statements__aside { position:-webkit-sticky; position:sticky; z-index:0; top:56px; padding-top:15px; margin-top:-8px; max-height:calc(100vh - 56px) } } @media (max-width:1003.98px) { [data-v-5bc707b4] .b-statements__aside { padding-bottom:20px } } @media (min-width:1004px) { [data-v-5bc707b4] .row .b-statements__aside[class*=col-] { padding-top:15px } } [data-v-5bc707b4] .earning-stats-graph { margin-bottom:6px; height:138px } .b-referrals-state__header[data-v-315b530f] { padding-bottom:11px } .b-referrals-state__content[data-v-315b530f] { padding-top:10px } .b-referrals-state__content[data-v-315b530f]:before { content:""; position:absolute; top:0; left:-16px; right:-16px; height:1px; background-color:rgba(138,150,163,.25) } .b-referrals-state__content .g-btn__row[data-v-315b530f] { margin-right:-9px; margin-left:-9px; margin-bottom:-5px } .b-referrals-state__count[data-v-315b530f] { font-size:22px; line-height:28px; display:block; margin-bottom:1px } .b-referrals-state__title[data-v-315b530f] { margin-bottom:6px } [data-v-315b530f] .b-referrals-state__copy-url { margin-bottom:7px } [data-v-315b530f] .b-referrals-state__copy-url__link { margin-bottom:2px } .b-top-rated[data-v-61c06af2] { display:flex; flex-direction:row; align-content:center; align-items:center; font-weight:500; font-size:14px; line-height:20px } .b-top-rated.m-bordered[data-v-61c06af2] { padding:16px 16px 13px; border-bottom:1px solid rgba(138,150,163,.25); margin-left:-16px; margin-right:-16px } .b-useful-data .b-top-rated[data-v-61c06af2] { margin-top:-11px } .b-top-rated__icon[data-v-61c06af2] { color:#00aff0; margin-right:10px; width:16px; height:16px; flex:0 0 16px } .b-under-field[data-v-4e723aa7] { padding-top:4px } .m-type-field~.b-under-field[data-v-4e723aa7] { height:52px } .b-field-hint[data-v-4e723aa7] { color:#8a96a3; flex:1 } .m-error .b-field-hint[data-v-4e723aa7] { color:#ff6060 } .count-block[data-v-4e723aa7] { color:#8a96a3 } input:-webkit-autofill { animation-name:on-auto-fill-start } .g-spacer-r[data-v-3cc8efa1] { margin-right:4px } .b-spinner-processing.m-absolute-pos-center[data-v-2599f2d4], .l-wrapper>.b-spinner-processing[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50% } .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px; opacity:.4 } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4] { width:64px; height:64px; flex:0 0 64px } .modal .b-spinner-processing .g-icon[data-v-2599f2d4] { width:44px; height:44px; flex:0 0 44px } } .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:12px } @media (min-width:768px) { .b-spinner-processing .g-icon[data-v-2599f2d4]:not(:last-child) { margin-bottom:25px } } .b-posts_preloader[data-v-2599f2d4] { padding:0; background:none; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; color:#8a96a3; text-align:center; clear:both } .b-posts_preloader[data-v-2599f2d4]:not(.g-border-top) { border:none } .pswp .b-posts_preloader[data-v-2599f2d4] { color:#fefefe } .m-mode-dark .b-posts_preloader[data-v-2599f2d4] { color:var(--text-color) } .b-posts_preloader.m-lg-size .g-icon[data-v-2599f2d4] { width:48px; height:48px; flex:0 0 48px } .b-posts_preloader.m-md-size .g-icon[data-v-2599f2d4] { width:36px; height:36px; flex:0 0 36px } .b-posts_preloader.m-sm-size .g-icon[data-v-2599f2d4] { width:16px; height:16px; flex:0 0 16px } .b-posts_preloader.m-gaps[data-v-2599f2d4] { padding:16px } .b-posts_preloader.m-spinner-top[data-v-2599f2d4] { align-items:flex-start; padding-top:100px } .b-posts_preloader.m-inline-content[data-v-2599f2d4] { display:inline-flex; vertical-align:top } .b-posts_preloader.m-screen-center[data-v-2599f2d4] { margin:auto } .b-posts_preloader.m-screen-center-absolute[data-v-2599f2d4] { position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; z-index:3 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4] { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center; z-index:1 } .b-posts_preloader.m-screen-overlay-bg[data-v-2599f2d4]:after { content:""; left:0; right:0; top:0; bottom:0; background-color:var(--bg-color); opacity:.6; position:absolute } .b-posts_preloader.m-screen-overlay-bg .g-icon[data-v-2599f2d4] { position:relative; z-index:1 } .b-wrapper-highlights .b-posts_preloader[data-v-2599f2d4] { flex:0 0 100% } .b-queue-header__date .b-posts_preloader[data-v-2599f2d4] { margin:2px 0 0 6px } .b-useful-data .balance-wrapper[data-v-5f7e4b70] { margin-bottom:-15px } .balance-wrapper .g-btn__row[data-v-5f7e4b70] { margin-bottom:15px } @media (min-width:1004px) { .balance-wrapper .g-btn__row[data-v-5f7e4b70]:last-child { margin-bottom:0 } } .b-useful-data .balance-block:not(:last-child) .b-holder-options[data-v-5f7e4b70] { margin-bottom:0 } .balance-block.m-loading[data-v-5f7e4b70] { position:relative } .balance-block.m-loading>[data-v-5f7e4b70]:not(.balance-loader) { opacity:.3; pointer-events:none; position:relative } .b-statements-balances[data-v-5f7e4b70] { border-bottom:1px solid rgba(138,150,163,.25) } .balance-block~.balance-block .b-statements-balances[data-v-5f7e4b70] { border-top:1px solid rgba(138,150,163,.25) } .b-useful-data .balance-wrapper:first-child .b-statements-balances[data-v-5f7e4b70] { margin-top:-11px } .b-statements-balances__col[data-v-5f7e4b70] { font-size:16px; line-height:24px; padding:11px 16px 8px } .b-statements-balances__col[data-v-5f7e4b70]:not(:first-child) { border-left:1px solid rgba(138,150,163,.25) } .b-statements-balances__col[data-v-5f7e4b70]:not(.m-current) { color:#8a96a3 } .b-statements-balances__sum[data-v-5f7e4b70] { font-size:22px; line-height:28px; font-weight:500 } .b-settings[data-v-2b059710] { line-height:24px } #content>.b-settings[data-v-2b059710] { min-height:100% } @media (min-width:768px) { .b-settings[data-v-2b059710] { display:flex; flex-direction:column } } .b-settings.m-loader-visible[data-v-2b059710] { min-height:100%; flex:1 } .b-settings__wrapper[data-v-2b059710] { min-height:calc(100dvh - 113px) } @media (min-width:500px) { .b-settings__wrapper[data-v-2b059710] { min-height:calc(100dvh - 56px) } } @media (min-width:1004px) { .b-settings[data-v-2b059710] .b-menu-list { border-top:8px solid var(--marked-color) } } @media (max-width:1003.98px) { .b-settings[data-v-2b059710] .b-menu-list:not(:first-child) { border-top:8px solid var(--marked-color) } } .b-settings[data-v-2b059710] .b-menu-list.m-without-bold-line { border-top:none } @media (max-width:1003.98px) { .b-settings[data-v-2b059710] .b-menu-list:first-child:not(.m-without-bold-line):has(>.b-menu-list__el>.b-menu-list__text.g-semibold) { border-top:8px solid var(--marked-color) } } .b-settings[data-v-2b059710] .g-section { padding:0 } .b-settings[data-v-2b059710] .m-disabled>* { opacity:.5; pointer-events:none } .b-settings[data-v-2b059710] .g-select__wrapper { padding:12px 16px } [data-v-2b059710] .b-settings__header__left-col { display:flex; flex-direction:row; align-content:center; align-items:center; height:100% } @media (min-width:1004px) { [data-v-2b059710] .b-settings__header__left-col { flex:0 0 calc(33.33% - 24px); margin-right:32px } } .modal .b-settings[data-v-2b059710] .b-settings__spacer.b-settings__change-email { padding-top:0; padding-bottom:8px; min-height:230px } .modal .b-settings[data-v-2b059710] .b-settings__spacer.b-settings__change-email+.b-settings__row.g-btn__wrapper>.g-btn+.g-btn { margin-left:4px } [data-v-2b059710] .b-settings__spacer>p:first-child { margin-bottom:12px } .modal .b-settings[data-v-2b059710] .b-settings__spacer>p:first-child { margin-bottom:16px } [data-v-2b059710] .b-settings__spacer:has(>.g-input__wrapper+.g-input__wrapper) { padding-top:24px; padding-bottom:24px } [data-v-2b059710] .b-settings__spacer[class*=g-input__] { padding-top:24px; padding-bottom:24px; border-bottom:1px solid rgba(138,150,163,.25) } [data-v-2b059710] .b-settings__spacer[class*=g-input__].m-reset-bb { border-bottom:none } [data-v-2b059710] .b-settings__spacer[class*=g-input__].m-reset-bb.pb-0+.b-settings__row .g-btn__wrapper { padding-bottom:16px } .modal .b-settings[data-v-2b059710] .b-settings__spacer[class*=g-input__] { padding-top:4px; padding-bottom:32px } .modal .b-settings[data-v-2b059710] .b-settings__spacer[class*=g-input__]:has(.v-input.error--text) { padding-bottom:12px } [data-v-2b059710] .b-settings__spacer[class*=g-input__]:has(.g-input__help):has(+.b-settings__row.g-btn__wrapper), [data-v-2b059710] .b-settings__spacer[class*=g-input__]:has(.v-messages__message):has(+.b-settings__row.g-btn__wrapper) { padding-bottom:20px } [data-v-2b059710] .b-input-radio__container.b-menu-list__el+.b-settings__spacer[class*=g-input__]:has(.g-input__help) { padding-bottom:10px } [data-v-2b059710] .b-settings__spacer:has(>.v-text-field) { padding-top:16px; padding-bottom:16px } [data-v-2b059710] .b-settings__spacer:has(>.v-text-field):has(.g-input__help) { padding-bottom:10px } [data-v-2b059710] .b-settings__spacer:has(>.v-text-field.v-select) { padding-top:12px; padding-bottom:12px } [data-v-2b059710] .b-settings__spacer:has(>.v-text-field.v-select):has(.g-border-bottom) { padding-bottom:11px } [data-v-2b059710] .b-settings__spacer { padding:14px 16px } [data-v-2b059710]>>>.b-settings__spacer:last-child { padding-bottom:0 } [data-v-2b059710] .b-settings__row.m-session-row { padding:12px 16px 7px } [data-v-2b059710] .b-settings__row[class*=g-btn__wrapper] { padding:10px 16px } [data-v-2b059710] .b-settings__row[class*=g-btn__wrapper]:has(.g-btn__wrapper-aligner) { padding-left:10px; padding-right:10px } .b-settings[data-v-2b059710] .list-offers { width:100% } .b-settings[data-v-2b059710] .list-offers .b-offer-join { padding-top:16px; padding-bottom:16px } .b-settings[data-v-2b059710] .b-offer-wrapper { min-height:auto } .b-settings[data-v-2b059710] .b-offer-wrapper:not(:empty) { border-bottom:1px solid rgba(138,150,163,.25); margin:0 } .b-settings[data-v-2b059710] .b-offer-wrapper:not(:empty):last-child { border-bottom:none } @media (min-width:1004px) { .b-settings[data-v-2b059710]>.g-page__header:before { content:""; top:0; bottom:0; width:1px; background:rgba(138,150,163,.25); position:absolute; left:33.33% } } .b-settings[data-v-2b059710] .g-section-title { font:unset; font-weight:500; color:var(--text-color) } .b-settings[data-v-2b059710] .g-section-title:not(.m-capitalize) { text-transform:unset } .b-settings[data-v-2b059710] .g-section-title .g-input__help { padding:0 } .b-settings[data-v-2b059710] .g-section-title .g-btn { margin:0 0 0 auto } .b-settings[data-v-2b059710] .g-btn__wrapper>.g-btn__wrapper { padding:0 } .b-settings[data-v-2b059710] .g-btn__wrapper>.g-btn__wrapper+.g-btn__wrapper { margin-left:11px } .b-settings[data-v-2b059710] .g-btn__wrapper>.g-btn__wrapper.w-100 .g-btn { width:100%; text-align:center; justify-content:center } .b-settings[data-v-2b059710] .g-btn__wrapper .g-btn .g-icon { margin:0 } .b-settings[data-v-2b059710] .b-price-input { padding:28px 16px 18px } .b-settings__content[data-v-2b059710]:last-child { margin-bottom:50px } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) { margin-bottom:0; min-height:calc(100dvh - 113px); display:flex; flex-direction:column } @media (min-width:500px) { .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) { min-height:calc(100dvh - 56px) } } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results { flex:1; display:flex; flex-direction:column } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results .b-offer-wrapper { flex:1 } .b-settings__content[data-v-2b059710]:last-child:has(.b-settings-content.m-no-results) .b-settings-content.m-no-results .b-offer-wrapper .infinite-loading-container { flex:1; display:flex; flex-direction:column; justify-content:center } .b-settings__content:last-child.m-empty-content[data-v-2b059710] { margin-bottom:0; display:flex; flex-direction:column; flex:1 } [data-v-2b059710] .b-settings__content:last-child.m-empty-content>.b-menu-list, [data-v-2b059710] .b-settings__content:last-child.m-empty-content>.b-menu-list .b-menu-list { flex:1; display:inherit; flex-direction:inherit } [data-v-2b059710] .b-settings__content:last-child.m-empty-content>.b-menu-list .infinite-loading-container:only-child { margin-top:auto; margin-bottom:auto } [data-v-2b059710] .b-settings__content .b-things__group-items:after { content:""; flex:0 0 16px; height:168px } .b-settings__content[data-v-2b059710] .g-input__fieldset { padding-left:0; padding-right:0 } [data-v-2b059710] .b-settings__wrapper { display:flex; position:relative; min-height:calc(100svh - 113px) } @media (min-width:500px) { [data-v-2b059710] .b-settings__wrapper { min-height:calc(100svh - 56px) } } @media (max-width:1003.98px) { [data-v-2b059710] .b-settings__wrapper { flex-direction:column } } @media (min-width:1004px) { [data-v-2b059710] .b-settings__wrapper { flex:1 } [data-v-2b059710] .b-settings__wrapper:before { content:""; top:0; bottom:0; width:1px; background:rgba(138,150,163,.25); position:absolute; left:33.33% } .b-settings__nav[data-v-2b059710] { max-width:33.33%; flex:0 0 33.33%; margin-right:1px; position:-webkit-sticky; position:sticky; align-self:flex-start; top:56px; height:calc(100vh - 56px); height:calc(var(--vh, 1vh)*100 - 56px) } [data-v-2b059710] .b-settings__nav .b-menu-list:last-child { margin-bottom:50px } [data-v-2b059710] .b-settings__content { flex:1 1 auto; min-width:0 } } @media (max-width:559.98px) { .b-settings__g-btn-w100[data-v-2b059710] { width:100% } } [data-v-2b059710] .b-profile__header__cover__btns { z-index:3; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; display:flex } [data-v-2b059710] .b-profile__header__cover__btns .g-btn { color:hsla(0,0%,100%,.75); background:none; margin:0 8px } [data-v-2b059710] .b-profile__header__cover__btns .g-btn:not(.m-with-icon) { padding:0 } [data-v-2b059710] .b-profile__header__cover__btns .g-btn:hover { color:#fefefe } [data-v-2b059710] .b-profile__user .b-profile__header__cover__btns .g-btn { margin:0 4px } [data-v-2b059710] .b-sessions-list .session-time { float:right; padding:1px 0 0 10px; text-align:right; font-size:14px } [data-v-2b059710] .b-sessions-list .session-time:not(.g-blue) { color:#8a96a3 } [data-v-2b059710] .b-session-location { font-size:14px; color:#8a96a3 } .m-malachite-color[data-v-2b059710] { color:#1ed760 } [data-v-2b059710] .phone-setting-block .g-input__wrapper { min-height:68px } [data-v-2b059710] .g-btn.m-profile-qrcode { min-width:246px; width:auto; margin-top:21px } .m-main-dropdown .b-holder-options.dropdown-toggle { padding-right:84px } .b-dragscroll[data-v-5a3acf4f] { display:flex; align-content:stretch; align-items:stretch; line-height:normal; webkit-user-select:none; -moz-user-select:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none } .b-dragscroll.m-full-width[data-v-5a3acf4f] { flex:0 0 100% } .b-dragscroll.m-gaps-inside[data-v-5a3acf4f] { padding-left:16px; padding-right:16px } .b-dragscroll.m-gaps-outside[data-v-5a3acf4f] { margin-left:-16px; margin-right:-16px; flex:0 0 calc(100% + 32px) } .b-dragscroll.m-gaps-vertical[data-v-5a3acf4f] { padding-top:16px; padding-bottom:16px } .b-dragscroll.m-left-gap-outside[data-v-5a3acf4f] { margin-left:-16px } .b-tabs__nav.m-single-current .b-dragscroll.m-left-gap-outside+.dropdown[data-v-5a3acf4f] { margin-left:auto; padding-left:10px } .b-dragscroll.m-wrap-items-text>[data-v-5a3acf4f]:not(.g-text-ellipsis), .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] :not(.g-text-ellipsis) { white-space:wrap } .b-dragscroll.m-wrap-items-text>.g-text-ellipsis [data-v-5a3acf4f], .b-dragscroll.m-wrap-items-text[data-v-5a3acf4f] .g-text-ellipsis * { white-space:inherit } .b-dragscroll[data-v-5a3acf4f]:not(.m-wrap-items-text) * { white-space:nowrap } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:not(.b-dot-item) { margin-right:8px } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:not(.b-dot-item).vue-recycle-scroller__item-wrapper { margin-right:-8px } .b-dragscroll[data-v-5a3acf4f]:not(.m-reset-items-gap)>:last-child { margin-right:0 } @supports (-moz-appearance:none) { .b-dragscroll[data-v-5a3acf4f]>:last-child { margin-right:16px } } .b-dragscroll>div:last-child .b-tabs__nav__item[data-v-5a3acf4f] { margin-right:0 } .b-dragscroll.m-reset-overscroll[data-v-5a3acf4f] { overscroll-behavior:auto } .b-dragscroll.m-scroll-behavior[data-v-5a3acf4f] { scroll-behavior:smooth } .b-dragscroll button[data-no-dragscroll] [data-v-5a3acf4f], .b-dragscroll[data-v-5a3acf4f] button[data-no-dragscroll] * { pointer-events:none } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view { width:134px } .b-dragscroll[data-v-5a3acf4f] .vue-recycle-scroller__item-view>.b-posts_preloader { height:100% } .b-profile__user[data-v-3ea4788a] { margin-top:-50px } .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin:-42px 0 6px 0; pointer-events:none } .modal .b-profile__user.m-inside-modelcard[data-v-3ea4788a] { margin-bottom:14px } .b-profile__user.m-inside-modelcard .g-avatar[data-v-3ea4788a] { pointer-events:auto } .l-profile-page .b-profile__user[data-v-3ea4788a] { flex-wrap:wrap; margin-bottom:11px; margin-top:0 } .b-profile__user__info[data-v-3ea4788a] { flex-grow:1; padding-top:2px; padding-bottom:2px; min-width:0 } .b-profile__user__info.m-with-status[data-v-3ea4788a] { padding-top:50px; padding-bottom:0; position:relative } .m-inside-modelcard .b-profile__user__info [data-v-3ea4788a] { pointer-events:auto } .b-profile-status[data-v-19250307] { margin-botom:15px; font-size:14px; line-height:18px; color:#fefefe } .b-compact-header .b-profile-status[data-v-19250307], .l-profile-page .b-profile-status[data-v-19250307] { color:#8a96a3; margin-bottom:auto } .b-users__item.m-subscriptions .b-profile-status[data-v-19250307] { margin-bottom:0; position:absolute; left:0; bottom:64px; display:block } .b-profile-status.m-online[data-v-19250307], .b-profile-status.m-restricted[data-v-19250307], .b-profile-status.online_status_class[data-v-19250307] { padding-left:14px; position:relative } .b-profile-status.m-online[data-v-19250307]:after, .b-profile-status.m-restricted[data-v-19250307]:after { content:""; width:8px; height:8px; border-radius:1000px; position:absolute; left:0; top:50%; transform:translateY(-50%) } .b-profile-status.m-online[data-v-19250307]:after { background-color:#35d063 } .b-profile-status.m-restricted[data-v-19250307]:after { content:none } .b-profile-status.m-separator[data-v-19250307] { position:relative } .b-profile-status.m-separator .b-dropdown[data-v-19250307]:not(:last-child):after, .b-profile-status.m-separator[data-v-19250307]:before { content:"\2022"; color:rgba(138,150,163,.75); margin-left:8px; margin-right:8px } .b-profile-status .b-post__tools__more[data-v-19250307] { margin-left:auto; margin-right:7px } .b-profile-status__icon[data-v-19250307] { width:8px; height:8px; background:var(--bg-color); position:absolute; left:0; top:5px; color:#fefefe } .b-profile-status__icon[data-v-19250307]:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(138,150,163,.4); border-radius:1000px; z-index:0 } .b-profile-status__icon .g-icon[data-v-19250307] { width:8px; height:8px; flex:0 0 8px; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; z-index:1 } .b-profile-status .g-avatar__icon[data-v-19250307] { width:9px; height:9px; flex:0 0 9px; left:-1px; right:auto; top:50%; transform:translateY(-50%); position:absolute; background:#ff485b; border-color:var(--bg-color); border-radius:1000px; display:flex; flex-direction:row; justify-content:center; align-content:center; align-items:center } .b-profile-status .g-avatar__icon .g-icon[data-v-19250307] { vertical-align:top; fill:#fefefe; width:8px; height:8px; flex:0 0 8px } .b-profile-status span[title][data-v-19250307] { margin-left:4px } .b-users__item.m-subscriptions .b-profile-status span[title][data-v-19250307] { margin-left:0 } .m-main-dropdown .b-holder-options.dropdown-toggle { padding-right:84px } .m-with-extra-dropdown .m-extra-dropdown { position:absolute; right:36px; top:50%; transform:translateY(-50%); z-index:2 }