Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
chromed
/
err
/
css
:
37a8af4d6b03a0dc.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("../fonts/Roboto-Regular-176f8f5bd5f02b3abfcf894955d7e919.woff2") format("woff2"); font-display: fallback; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; src: url("../fonts/Roboto-Bold-c18ee39fb002ad58b6dc595476f88fef.woff2") format("woff2"); font-display: fallback; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; src: url("../fonts/Roboto-Light-37a7069dc30fc663c8781220e5669d25.woff2") format("woff2"); font-display: fallback; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; vertical-align: baseline; border: 0; margin: 0; padding: 0; font-size: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { scroll-behavior: smooth; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } strong { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } :root { --color-magenta: #e20074; --color-salemsfur: #171b26; --color-magentaLight: #f9cce3; --color-royalblue: #00a0de; --color-trout: #474c59; --color-manatee: #8d93a6; --color-snow: #ffffff; --color-botticelli: #cfd5e5; --color-whitelilac: #ebeff7; --color-alpine: #f7f9fc; --color-red: #ee3f54; --color-green: #0d8033; --color-cararra: #e7e6e0; --color-iceWater: #f2f6ff; --color-pro: #edfaf2; --color-con: #feecee; --color-black: #0a0c14; --color-cadetBlue: #a3aabf; --color-riverBed: #495166; --color-ebony: #262c3b; --color-goldenSand: #f5e198; } /*@media (prefers-color-scheme: dark) { :root { --color-salemsfur: #f7f9fc; --color-snow: #0a0c14; --color-trout: #a3aabf; --color-manatee: #a3aabf; --color-botticelli: #495166; --color-whitelilac: #262c3b; --color-alpine: #171b26; --color-pro: #0b231a; --color-con: #381721; } }*/ *, :before, :after { box-sizing: border-box; } :focus { outline: none; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-size-adjust: 100%; text-rendering: optimizelegibility; } body { -webkit-overflow-scrolling: touch; background-color: var(--color-snow); color: var(--color-salemsfur); font-family: "Roboto", Arial, sans-serif; font-size: 14px; line-height: 1.2; overflow-x: hidden; } a:not([href]):hover { color: currentColor; cursor: default; } @media (min-width: 0) and (max-width: 860px) { .css-j1ug9p { display: none; visibility: hidden; } } @media (min-width: 861px) { .css-10iycty { display: none; visibility: hidden; } } .css-wbytd1 { display: grid; grid-auto-columns: max-content; grid-auto-flow: column; grid-gap: 8px; grid-template-rows: 16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .css-wbytd1 a { text-decoration: none; } .css-kpioxh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 12px; border: 1px solid var(--color-botticelli); border-radius: 4px; background: var(--color-snow); color: var(--color-magenta); font-family: "Roboto", Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; cursor: pointer; text-decoration: none; } .css-kpioxh:hover { border: 1px solid var(--color-magenta); background: var(--color-magenta); color: var(--color-snow); } .css-kpioxh:hover svg { --color-magenta: var(--color-snow); --color-salemsfur: var(--color-snow); } .css-111wug5 { padding-right: 8px; } .css-11stn1j { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; min-width: 270px; } .css-1bdatyz { font-size: 18px; font-weight: bold; line-height: 1.2; } .css-in3yi3 { font-weight: bold; } .css-1mqt6yl { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } .css-zjik7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .css-4zleql { display: block; } .css-bjn8wh { position: relative; } .css-m94usz { display: grid; grid-auto-flow: column; grid-gap: 8px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; } .css-vkhcx0 { height: 1px; min-height: 1px; background-color: var(--color-whitelilac); } .css-s5xdrg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes animation-1d7j9t9 { 0% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 10px rgba(226, 0, 116, 0); } 100% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } @keyframes animation-1d7j9t9 { 0% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 10px rgba(226, 0, 116, 0); } 100% { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } @-webkit-keyframes animation-1acbpvw { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation-1acbpvw { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes animation-f1cmpm { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes animation-f1cmpm { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes animation-uq4gv3 { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes animation-uq4gv3 { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes animation-5b2mr5 { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes animation-5b2mr5 { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes animation-4dq0km { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes animation-4dq0km { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes animation-atwyuo { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes animation-atwyuo { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .css-so9c5o { display: inline-block; width: 25px; height: 24px; border: none; background: url("img/link-5ec68da35536d892244b8b4588a9e9b2.svg") no-repeat; font-size: 16px; text-indent: 99em; cursor: pointer; } /*@media (prefers-color-scheme: dark) { .css-so9c5o { background: url("img/link-dark-mode-87cbfb91359e8fb75eab6502651537aa.svg") no-repeat; } }*/ .css-1vtmyv2 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media (min-width: 861px) { .css-1vtmyv2 { -webkit-flex: 0 0 330px; -ms-flex: 0 0 330px; flex: 0 0 330px; width: 330px; } } .css-e85yjp { border-top: 1px solid var(--color-whitelilac); } .css-1grvztf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .css-1grvztf-image { padding: 30px 0 0 0; } @media (min-width: 861px) { .css-1grvztf { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .css-1oo7dmr { display: block; position: relative; color: currentcolor; } .css-u1hktw { display: grid; grid-auto-flow: row; grid-gap: 8px; grid-template-columns: 1fr; padding-top: 8px; border-top: 1px solid var(--color-whitelilac); } @media (min-width: 861px) { .css-u1hktw { grid-auto-flow: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .css-1qrq0jm { color: var(--color-manatee); font-size: 12px; line-height: 1.5; } .css-1l2lc5r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (min-width: 861px) { .css-1l2lc5r { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } .css-1fjcpzr { display: grid; grid-gap: 8px; } @media (min-width: 861px) { .css-1fn1nv8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: end; justify-content: end; } } .css-16086i2 { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .css-6f1m4i { display: grid; grid-auto-flow: row; } .css-18n8547 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 24px; } @media (min-width: 861px) { .css-18n8547 { padding: unset; } } .css-vetbs0 { display: grid; } .css-1vizc4q { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-height: 100px; margin-right: 16px; padding-top: 16px; } .css-1jv4eh4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 24px; } @media (min-width: 861px) { .css-1jv4eh4 { display: none; } } .css-833hqy { width: 200px; } .css-1hhe1i3 { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-height: 100px; margin-right: 16px; } .css-1cete8c { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .css-2h8enr { display: none; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 24px; } @media (min-width: 861px) { .css-2h8enr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .css-1azakc { text-align: center; } @media (min-width: 861px) { .css-2k2lok { min-height: calc(16px + 250px); } } .css-1fnsikk { padding: 24px; background-color: var(--color-alpine); } .css-1iuj5ih { padding-left: 8px; } .css-wzramg { font-size: 16px; line-height: 1.7; margin-bottom: 16px; } .css-1sf3xto { padding-top: 16px; padding-bottom: 16px; } .css-zg20n1 { display: grid; grid-auto-flow: column; grid-gap: 16px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .css-1ho1xft { font-weight: bold; -webkit-text-decoration: none; text-decoration: none; } .css-1wbll7q { -webkit-text-decoration: underline; text-decoration: underline; } .css-1qfbff0 { padding-left: 4px; color: var(--color-green); font-weight: bold; } .css-1qfbff0:empty { padding-left: 40px; } .css-na5faf { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; z-index: 10; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; height: 48px; margin-left: -4px; padding-right: 12px; padding-left: 12px; overflow: hidden; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; outline: none; background-color: var(--color-magenta); color: #f7f9fc; font-family: "Roboto", Arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; } .css-5ong6p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 48px; font-size: 16px; font-weight: 500; } .css-1hi4meq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .css-1ff36h2 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @-webkit-keyframes animation-1hzbs6q { 0% { height: auto; opacity: 0; } 100% { height: auto; opacity: 1; } } @keyframes animation-1hzbs6q { 0% { height: auto; opacity: 0; } 100% { height: auto; opacity: 1; } } .css-1ppyx7y { display: grid; grid-auto-flow: column; grid-gap: 16px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; overflow-x: scroll; overflow-y: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior: contain; } .css-1ppyx7y::-webkit-scrollbar { display: none; } @media (min-width: 861px) { .css-1ppyx7y { padding-right: unset; padding-left: unset; } } .css-1c1g68d { display: inline-grid; position: static; white-space: nowrap; } .css-kvylio { display: inline-grid; height: 100%; } .css-1s4v4up { display: grid; grid-auto-flow: column; grid-gap: 16px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .css-1f3uoxw { display: grid; grid-auto-flow: column; grid-template-columns: 414px 1fr; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-right: -48px; } .tablet-mode .css-1f3uoxw { margin-right: 0; } .css-7ks5so { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 16px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } .css-lstucw { display: grid; grid-auto-flow: column; grid-gap: 24px; } .css-1w4t7ks { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; font-size: 14px; font-weight: bold; line-height: 1.3; } @-webkit-keyframes animation-177ysk0 { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes animation-177ysk0 { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .css-gsg1pz { display: grid; grid-template-columns: minmax(0, 414px); grid-template-rows: 1fr; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .css-1gyvvcv { display: grid; grid-auto-flow: column; grid-gap: 16px; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; padding-right: 24px; padding-left: 24px; overflow-x: auto; overflow-y: hidden; } .css-1gyvvcv::-webkit-scrollbar { display: none; } @media (min-width: 861px) { .css-1gyvvcv { padding-right: unset; padding-left: unset; } } .css-imcp1n { background-color: var(--color-snow); } .tablet-mode .css-imcp1n { overflow: hidden; } @-webkit-keyframes animation-175kaz4 { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes animation-175kaz4 { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .css-p47lv9 { padding-top: 12px; } @media (min-width: 861px) { .css-p47lv9 { padding-top: unset; padding-bottom: unset; border-bottom: unset; } } .css-1updoxz { margin-bottom: 16px; } .css-1updoxz:last-child { margin-bottom: 0; } .css-189qznn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } @media (min-width: 861px) { .css-1a8ovao { width: 100%; height: 0; padding-bottom: 16px; border-bottom: 1px solid var(--color-whitelilac); } } .css-1cws1jf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px 16px; border: 1px solid var(--color-whitelilac); border-radius: 100px; background-color: var(--color-magenta); color: var(--color-snow); font-family: "Roboto"; font-size: 14px; font-weight: bold; line-height: 1.2; cursor: pointer; } .css-sqnu4o { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: baseline; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .css-obihfy { display: grid; grid-auto-flow: row; grid-gap: 24px; padding-right: 24px; padding-left: 24px; } @media (min-width: 861px) { .css-obihfy { padding-right: unset; padding-left: unset; } } .css-flwd76 { display: grid; grid-auto-flow: column; grid-gap: 24px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (min-width: 861px) { .css-flwd76 { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } } .css-14kyj6h { display: grid; grid-auto-flow: row; grid-gap: 24px; justify-items: center; padding: 24px; } @media (min-width: 861px) { .css-14kyj6h { grid-auto-flow: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 24px 48px; } } .css-1rpe5a2 { z-index: 700; border-radius: 8px; background-color: var(--color-alpine); padding-bottom: 12px; padding: 12px; } .css-1rwqq8c { display: grid; grid-gap: 16px; } .css-we1raa { display: grid; grid-gap: 12px; } .css-14psev9 { position: relative; padding-left: 20px; line-height: 1.5; } .css-14psev9::before { content: ""; position: absolute; top: 4px; left: 0; width: 12px; height: 12px; background-image: url(img/double-arrow-right-fac394ef15cea51fd52a50e72c01a7f4.svg); -webkit-background-position: top left; background-position: top left; -webkit-background-size: contain; background-size: contain; } .css-14psev9:not(:last-of-type) { padding-bottom: 12px; } .css-1sqgcdq { padding: 0 24px 24px 24px; background-color: var(--color-alpine); } .css-1fezxdr { position: -webkit-sticky; position: sticky; z-index: 701; top: 0; width: 100%; background-color: var(--color-snow); } @media (min-width: 861px) { .css-1fezxdr { position: relative; top: unset; } } .css-1o73dvr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; background-color: var(--color-alpine); } .css-1x2681d { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 40px; background-color: var(--color-alpine); } @media (min-width: 0) and (max-width: 860px) { .css-1x2681d { display: none; visibility: hidden; } } .css-889j7l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: 12px; width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-889j7l { margin-left: 36px; } .tablet-mode .css-889j7l { margin-left: 36px; } .sdi-center-body .css-889j7l { margin-left: auto !important; } } @media (min-width: 1366px) { .css-889j7l { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-889j7l { margin-left: auto !important; } } @media (min-width: 861px) { .tablet-mode .css-889j7l { margin-left: 24px; } } .css-15b93or { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: grid; grid-auto-flow: column; grid-gap: 12px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-color: var(--color-manatee); color: var(--color-manatee); } @media (min-width: 861px) { .css-15b93or:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-1qnnu94 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 8px; border-color: var(--color-manatee); color: var(--color-manatee); } .css-1qnnu94::after { content: ""; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 0; height: 0; margin-top: 4px; margin-left: 8px; border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; border-style: solid; border-color: transparent; border-top-color: inherit; } @media (min-width: 861px) { .css-1qnnu94:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-15apmts { position: relative; } @media (min-width: 861px) { .css-15apmts:hover, .css-15apmts:focus-within { cursor: default; } .css-15apmts:hover .Dropdown__content, .css-15apmts:focus-within .Dropdown__content { -webkit-animation-name: animation-1hzbs6q; animation-name: animation-1hzbs6q; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; pointer-events: unset; } } @media (min-width: 861px) { .css-15apmts:hover { background-color: var(--color-snow); } } .css-eb12w5 { position: absolute; z-index: 701; top: 100%; width: auto; height: 0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; pointer-events: none; display: grid; z-index: 711; grid-auto-flow: row; grid-gap: 12px; width: 100%; padding: 0 8px; border-style: solid; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-color: var(--color-magenta); background-color: var(--color-snow); box-shadow: 0 8px 16px rgba(125, 152, 178, 0.2); } .css-eb12w5::before { content: ""; border-top: 1px solid var(--color-magenta); } .css-eb12w5::after { content: ""; border-bottom: 1px solid transparent; } .css-tt8e7k { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; color: var(--color-salemsfur); } @media (min-width: 861px) { .css-tt8e7k:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-sd11t3 { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: grid; grid-auto-flow: column; grid-gap: 12px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-color: var(--color-manatee); color: var(--color-manatee); white-space: nowrap; } @media (min-width: 861px) { .css-sd11t3:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-1u9j99j { height: 1px; min-height: 1px; background-color: var(--color-whitelilac); } @media (min-width: 0) and (max-width: 860px) { .css-1u9j99j { display: none; visibility: hidden; } } .css-ypvv3a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-ypvv3a { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 861px) { .css-ypvv3a { margin-left: 36px; } .tablet-mode .css-ypvv3a { margin-left: 36px; } .sdi-center-body .css-ypvv3a { margin-left: auto !important; } } @media (min-width: 1366px) { .css-ypvv3a { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-ypvv3a { margin-left: auto !important; } } .tablet-mode .css-ypvv3a { margin-left: 0; padding-left: 24px; } @media (min-width: 0) and (max-width: 860px) { .css-ypvv3a { display: none; visibility: hidden; } } .css-19bu6wp { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 861px) { .css-19bu6wp { -webkit-flex: 0 0 348px; -ms-flex: 0 0 348px; flex: 0 0 348px; width: 348px; } } @media (min-width: 861px) { .css-19bu6wp { -webkit-flex: 0 0 257px; -ms-flex: 0 0 257px; flex: 0 0 257px; min-width: 257px; } .tablet-mode .css-19bu6wp { -webkit-flex: 0 0 233px; -ms-flex: 0 0 233px; flex: 0 0 233px; min-width: 233px; } } .css-1dbmcpc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: grid; grid-auto-flow: row; grid-gap: 16px; grid-gap: unset; } @media (min-width: 861px) { .css-1dbmcpc { grid-auto-flow: column; grid-gap: 24px; grid-template-columns: auto 1fr; } } @media (min-width: 861px) { .css-1dbmcpc { grid-gap: unset; } } .css-18jplui { width: 100%; min-width: 20em; border-left-color: var(--color-whitelilac); } @media (min-width: 861px) { .css-18jplui { position: relative; z-index: 1; border-right-width: 1px; border-right-style: solid; border-right-color: var(--color-whitelilac); } } @media (min-width: 861px) { .css-18jplui { border-right-width: 0; z-index: 710; } } .css-1ue435e { padding-top: 16px; padding-bottom: 16px; padding-right: 24px; padding-left: 24px; isolation: isolate; } @media (min-width: 861px) { .css-1ue435e { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 861px) { .css-1ue435e { padding-right: 48px; padding-left: 48px; } } .css-1flu3ze { width: 100%; padding: 8px; border: 1px solid var(--color-botticelli); border-right: 0; border-radius: 4px 0 0 4px; outline: none; background-color: transparent; color: var(--color-salemsfur); font-family: inherit; font-size: 16px; line-height: 1.4; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding-left: 48px; width: 100%; height: 48px; font-weight: 600; } .css-1flu3ze:hover { border-color: var(--color-salemsfur); } .css-1flu3ze:hover + .Input__clear-button { border-color: var(--color-salemsfur); } .css-1flu3ze:not([value=""]), .css-1flu3ze:focus, .css-1flu3ze:active { border-color: var(--color-magenta); } .css-1flu3ze:not([value=""]) + .Input__placeholder, .css-1flu3ze:focus + .Input__placeholder, .css-1flu3ze:active + .Input__placeholder { padding-right: 8px; padding-left: 8px; -webkit-transform: translate(-24px, -28px) scale(0.75); -moz-transform: translate(-24px, -28px) scale(0.75); -ms-transform: translate(-24px, -28px) scale(0.75); transform: translate(-24px, -28px) scale(0.75); color: var(--color-magenta); } .css-1flu3ze:not([value=""]) + .Input__clear-button, .css-1flu3ze:focus + .Input__clear-button, .css-1flu3ze:active + .Input__clear-button { border-color: var(--color-magenta); } .css-1flu3ze + .Input__placeholder { left: 48px; } .css-1flu3ze::-webkit-input-placeholder { opacity: 1; color: var(--color-manatee); font-weight: 600; } .css-1flu3ze::-moz-placeholder { opacity: 1; color: var(--color-manatee); font-weight: 600; } .css-1flu3ze:-ms-input-placeholder { opacity: 1; color: var(--color-manatee); font-weight: 600; } .css-1flu3ze::-webkit-input-placeholder, .css-1flu3ze::-moz-placeholder, .css-1flu3ze:-ms-input-placeholder, .css-1flu3ze::placeholder { opacity: 1; color: var(--color-manatee); font-weight: 600; } .css-1ch7c6y { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; left: 12px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .css-9uu57o { position: relative; background: var(--color-snow); width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-9uu57o { margin-left: 36px; } .tablet-mode .css-9uu57o { margin-left: 36px; } .sdi-center-body .css-9uu57o { margin-left: auto !important; } } @media (min-width: 1366px) { .css-9uu57o { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-9uu57o { margin-left: auto !important; } } .tablet-mode .css-9uu57o { margin-left: 0; padding: 0 24px; overflow: hidden; } @media (min-width: 0) and (max-width: 860px) { .css-9uu57o { display: none; visibility: hidden; } } .css-1iptnqs { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; font-size: 14px; font-weight: bold; line-height: 1.3; } .css-1d2fdp0 { position: relative; position: static; } @media (min-width: 861px) { .css-1d2fdp0:hover, .css-1d2fdp0:focus-within { cursor: default; } .css-1d2fdp0:hover .Dropdown__content, .css-1d2fdp0:focus-within .Dropdown__content { -webkit-animation-name: animation-1hzbs6q; animation-name: animation-1hzbs6q; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; pointer-events: unset; } } .css-16nj3vy { position: absolute; z-index: 701; top: 100%; width: auto; height: 0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; pointer-events: none; border-top: 4px solid var(--color-magenta); } .css-fpkm17 { display: grid; grid-auto-flow: row; grid-gap: 12px; width: 165px; padding: 16px 12px; background-color: var(--color-snow); box-shadow: 0 12px 24px rgba(125, 152, 178, 0.2); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .css-r48q5f { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; color: var(--color-salemsfur); font-weight: bold; white-space: normal; } @media (min-width: 861px) { .css-r48q5f:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-1wjnz40 { display: grid; grid-auto-flow: row; grid-gap: 12px; width: 165px; padding: 16px 12px; background-color: var(--color-snow); box-shadow: 0 12px 24px rgba(125, 152, 178, 0.2); border-top-left-radius: 8px; border-top-right-radius: 8px; } .css-1mpbboa { display: grid; grid-auto-flow: row; grid-gap: 12px; width: 165px; padding: 12px 12px; border-top: 1px solid var(--color-whitelilac); background-color: var(--color-alpine); box-shadow: 0 12px 24px rgba(125, 152, 178, 0.2); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .css-h2z8pq { color: var(--color-royalblue); font-weight: bold; line-height: 1.4; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; } .css-1alt6ib { height: 4px; background-color: var(--color-magenta); } @media (min-width: 0) and (max-width: 860px) { .css-1alt6ib { display: none; visibility: hidden; } } .css-t14elj { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 861px) { .css-t14elj { display: none; visibility: hidden; } } .css-1i9epqp { height: 4px; background-color: var(--color-magenta); } @media (min-width: 861px) { .css-1i9epqp { display: none; visibility: hidden; } } .css-11afnc1 { display: none; } @media (min-width: 861px) { .css-11afnc1 { position: fixed; z-index: 701; top: 0; left: 0; width: 100%; -webkit-animation-name: animation-177ysk0; animation-name: animation-177ysk0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; border-bottom: 4px solid var(--color-magenta); background-color: var(--color-snow); } } .css-1mecgmg { display: grid; grid-gap: 24px; grid-template-columns: 24px 144px 1fr min-content; grid-template-rows: 1fr; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 68px; padding-left: 24px; width: 100%; max-width: 997px; margin-right: auto; } .tablet-mode .css-1mecgmg { margin-left: 0; padding: 0 24px; } @media (min-width: 861px) { .css-1mecgmg { margin-left: 36px; } .tablet-mode .css-1mecgmg { margin-left: 36px; } .sdi-center-body .css-1mecgmg { margin-left: auto !important; } } @media (min-width: 1366px) { .css-1mecgmg { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-1mecgmg { margin-left: auto !important; } } .css-ff3k81 { background-color: var(--color-snow); width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-ff3k81 { margin-left: 36px; } .tablet-mode .css-ff3k81 { margin-left: 36px; } .sdi-center-body .css-ff3k81 { margin-left: auto !important; } } @media (min-width: 1366px) { .css-ff3k81 { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-ff3k81 { margin-left: auto !important; } } .css-klxrid { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; padding: 12px 0; color: var(--color-trout); font-size: 10px; line-height: 1.2; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; } .css-klxrid::after { content: url(img/breadcrumb-effa40ff6034da86897196f15ea4041a.svg); position: relative; top: 1px; right: -8px; width: auto; height: 7.5px; pointer-events: none; } .css-1qi3lf8 { display: inline; padding-right: 0; font-weight: bold; padding: 12px 0; color: var(--color-trout); font-size: 10px; line-height: 1.2; -webkit-text-decoration: none; text-decoration: none; white-space: nowrap; } .css-pr973b { padding-bottom: 8px; border-top: none; } @media (min-width: 861px) { .css-pr973b { position: -webkit-sticky; position: sticky; /* top: 72px;*/ top: 0; } } .css-1uto900 { width: 100%; min-width: 20em; border-left-color: var(--color-whitelilac); } .css-1uto900 a { color: inherit; text-decoration: none; } @media (min-width: 861px) { .css-1uto900 { position: relative; z-index: 1; border-right-width: 1px; border-right-style: solid; border-right-color: var(--color-whitelilac); } } .css-137i4lf { padding-top: 16px; padding-bottom: 16px; padding-right: 0px; padding-left: 0px; isolation: isolate; } @media (min-width: 861px) { .css-137i4lf { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 861px) { .css-137i4lf { padding-right: 0px; padding-left: 0px; } } .css-5kw47w { display: grid; grid-gap: 16px; padding-bottom: 16px; padding-right: 24px; padding-left: 24px; } @media (min-width: 861px) { .css-5kw47w { padding-bottom: 24px; } } @media (min-width: 861px) { .css-5kw47w { padding-right: 48px; padding-left: 48px; } } .css-4i5130 { color: var(--color-trout); font-size: 14px; font-weight: normal; } @media (min-width: 861px) { .css-4i5130 { font-size: 16px; } } .css-1uii5kk { font-size: 22px; font-weight: bold; line-height: 1.2; } @media (min-width: 861px) { .css-1uii5kk { font-size: 28px; } } .css-1qnopx { width: 100%; max-width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .css-1u2zggd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 8px; bottom: 8px; padding: 8px; border-radius: 4px; background-color: var(--color-snow); } .css-oemym7 { display: inline-block; font-size: 12px; line-height: 1.5; padding-top: 12px; padding-bottom: 12px; padding-right: 24px; padding-left: 24px; } @media (min-width: 861px) { .css-oemym7 { padding-right: 48px; padding-left: 48px; } } .css-16w7hqw { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow-x: auto; overflow-y: hidden; padding-right: 24px; padding-left: 24px; padding-top: 24px; } @media (min-width: 861px) { .css-16w7hqw { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; } .css-16w7hqw > *:not(*:last-of-type) { padding-right: 24px; } } @media (min-width: 861px) { .css-16w7hqw { padding-right: 48px; padding-left: 48px; } } .css-1vyds4y { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; } @media (min-width: 861px) { .css-1vyds4y { display: none; } } .css-1kk42jl { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: grid; grid-gap: 12px; grid-template-columns: 24px min-content; grid-template-rows: 24px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; border-radius: 8px; background-color: var(--color-whitelilac); color: var(--color-trout); font-weight: bold; } .css-wl96nl { padding-top: 16px; padding-right: 24px; padding-left: 24px; isolation: isolate; color: #2b2c31; line-height: 1.7; } .css-wl96nl img { max-width: 100%; } .css-wl96nl h1 { font-size: 30px; font-weight: bold; line-height: 1.2; color: #d81b76; padding-top: 34px; padding-bottom: 20px; } .css-wl96nl h4 { font-size: 18px; font-weight: bold; } .css-wl96nl ul { margin-bottom: 24px; } .css-wl96nl ul li { margin-bottom: 10px; } .css-wl96nl a { color: #d81b76; } .css-wl96nl hr { height: 2px; background-color: #e9edf5; } .css-wl96nl + .css-wl96nl { padding-top: 16px; } @media (min-width: 861px) { .css-wl96nl + .css-wl96nl { padding-top: 24px; } } .css-wl96nl:last-child { padding-bottom: 16px; } @media (min-width: 861px) { .css-wl96nl:last-child { padding-bottom: 24px; } } @media (min-width: 861px) { .css-wl96nl { padding-top: 24px; padding-right: 48px; padding-left: 48px; } } .css-wl96nl-list ul { list-style: disc; margin: 15px 0 15px 15px; } .css-wl96nl-list ul li { font-size: 16px; line-height: 1.7; margin-bottom: 16px; } .css-170a2tk { font-size: 18px; line-height: 1.7; font-weight: bold; } .css-12xre5y { padding-top: 16px; padding-bottom: 16px; padding-right: 24px; padding-left: 24px; padding-top: 16px; padding-right: 0px; padding-left: 0px; color: var(--color-trout); line-height: 1.7; } @media (min-width: 861px) { .css-12xre5y { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 861px) { .css-12xre5y { padding-right: 48px; padding-left: 48px; } } @media (min-width: 861px) { .css-12xre5y { padding-top: 24px; } } @media (min-width: 861px) { .css-12xre5y { padding-right: 0px; padding-left: 0px; } } @media (min-width: 861px) { .css-12xre5y { display: none; visibility: hidden; } } .css-gjd3fk { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; border-bottom: 1px solid var(--color-trout); color: var(--color-trout); color: var(--color-salemsfur); } @media (min-width: 861px) { .css-gjd3fk:hover { border-color: var(--color-royalblue); color: var(--color-royalblue); } } @media (min-width: 861px) { .css-gjd3fk:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-m8kmtl { font-size: 22px; font-weight: bold; line-height: 1.2; color: var(--color-salemsfur); scroll-margin-top: 72px; padding-top: 18px; padding-bottom: 20px; } @media (min-width: 861px) { .css-m8kmtl { font-size: 22px; scroll-margin-top: 96px; } } .css-h4snhm { padding-top: 16px; padding-right: 24px; padding-left: 24px; isolation: isolate; padding-top: 0; } .css-h4snhm + .css-h4snhm { padding-top: 16px; } @media (min-width: 861px) { .css-h4snhm + .css-h4snhm { padding-top: 24px; } } .css-h4snhm:last-child { padding-bottom: 16px; } @media (min-width: 861px) { .css-h4snhm:last-child { padding-bottom: 24px; } } @media (min-width: 861px) { .css-h4snhm { padding-top: 24px; padding-right: 48px; padding-left: 48px; } } @media (min-width: 861px) { .css-h4snhm { padding-top: 0; } } .css-qrqbal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-qrqbal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .css-qrqbal:not(:last-of-type) { border-bottom: 1px solid var(--color-whitelilac); } @media (min-width: 861px) { .css-qrqbal { margin-left: 36px; } .tablet-mode .css-qrqbal { margin-left: 36px; } .sdi-center-body .css-qrqbal { margin-left: auto !important; } } @media (min-width: 1366px) { .css-qrqbal { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-qrqbal { margin-left: auto !important; } } .tablet-mode .css-qrqbal { margin-left: 0 !important; } .css-1sviy4n { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: grid; grid-auto-flow: row; grid-gap: 16px; grid-gap: unset; padding: 24px; } @media (min-width: 861px) { .css-1sviy4n { grid-auto-flow: column; grid-gap: 24px; grid-template-columns: auto 1fr; } } @media (min-width: 861px) { .css-1sviy4n { grid-gap: unset; } } @media (min-width: 861px) { .css-1sviy4n { position: -webkit-sticky; position: sticky; z-index: 700; top: 72px; -webkit-flex: 0 0 267px; -ms-flex: 0 0 267px; flex: 0 0 267px; min-width: 267px; } } .css-ojjste { width: 100%; min-width: 20em; border-left-color: var(--color-whitelilac); display: grid; } @media (min-width: 861px) { .css-ojjste { position: relative; z-index: 1; border-right-width: 1px; border-right-style: solid; border-right-color: var(--color-whitelilac); } } .css-rw7bob { display: grid; grid-auto-flow: row; grid-gap: 24px; margin-top: 0; } .css-thca2m { padding-top: 16px; padding-bottom: 16px; padding-right: 0px; padding-left: 0px; isolation: isolate; } @media (min-width: 861px) { .css-thca2m { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 861px) { .css-thca2m { padding-right: 48px; padding-left: 48px; } } .css-a3dvja { font-size: 18px; font-weight: bold; line-height: 1.2; padding-right: 24px; padding-left: 24px; } @media (min-width: 861px) { .css-a3dvja { padding-right: unset; padding-left: unset; } } .css-l5wrmn { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 8px 16px; border: 1px solid var(--color-whitelilac); border-radius: 100px; background-color: var(--color-snow); white-space: nowrap; cursor: pointer; border-color: var(--color-alpine); background-color: var(--color-alpine); margin-top: 16px; margin-right: 16px; } @media (min-width: 861px) { .css-l5wrmn:hover { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-color: var(--color-salemsfur); background-color: var(--color-salemsfur); color: var(--color-snow); } } @media (min-width: 861px) { .css-l5wrmn { margin-top: 24px; margin-right: 24px; } } .css-1fd8r9j { height: 1px; min-height: 1px; background-color: var(--color-whitelilac); margin-right: 24px; margin-left: 24px; } @media (min-width: 861px) { .css-1fd8r9j { margin-right: unset; margin-left: unset; } } .css-1gu87cs { background-color: var(--color-alpine); } @media (min-width: 0) and (max-width: 860px) { .css-1gu87cs { display: none; visibility: hidden; } } .css-1holyo5 { font-size: 22px; font-weight: bold; line-height: 1.2; padding: 24px; } @media (min-width: 861px) { .css-1holyo5 { position: -webkit-sticky; position: sticky; z-index: 700; top: 72px; -webkit-flex: 0 0 267px; -ms-flex: 0 0 267px; flex: 0 0 267px; min-width: 267px; } } .css-b9097n { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 8px 16px; border: 1px solid var(--color-whitelilac); border-radius: 100px; background-color: var(--color-snow); white-space: nowrap; cursor: pointer; margin-top: 16px; margin-right: 16px; } @media (min-width: 861px) { .css-b9097n:hover { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-color: var(--color-salemsfur); background-color: var(--color-salemsfur); color: var(--color-snow); } } @media (min-width: 861px) { .css-b9097n { margin-top: 24px; margin-right: 24px; } } .css-vr3isn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-vr3isn { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 861px) { .css-vr3isn { margin-left: 36px; } .tablet-mode .css-vr3isn { margin-left: 36px; } .sdi-center-body .css-vr3isn { margin-left: auto !important; } } @media (min-width: 1366px) { .css-vr3isn { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-vr3isn { margin-left: auto !important; } } .tablet-mode .css-vr3isn { margin-left: 0 !important; } .css-10vs84b { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; } @media (min-width: 861px) { .css-10vs84b { -webkit-flex: 0 0 348px; -ms-flex: 0 0 348px; flex: 0 0 348px; width: 348px; } } @media (min-width: 861px) { .css-10vs84b { position: -webkit-sticky; position: sticky; z-index: 700; top: 72px; -webkit-flex: 0 0 267px; -ms-flex: 0 0 267px; flex: 0 0 267px; min-width: 267px; } } .css-6j2b4y { width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-6j2b4y { margin-left: 36px; } .tablet-mode .css-6j2b4y { margin-left: 36px; } .sdi-center-body .css-6j2b4y { margin-left: auto !important; } } @media (min-width: 1366px) { .css-6j2b4y { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-6j2b4y { margin-left: auto !important; } } .tablet-mode .css-6j2b4y { margin-left: 0 !important; } @media (min-width: 861px) { .tablet-mode .css-6j2b4y { padding-bottom: unset; } } @media (min-width: 861px) { .css-6j2b4y { padding-bottom: unset; } } .css-130yf0 { width: 100%; max-width: 997px; margin-right: auto; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: var(--color-whitelilac); background-color: var(--color-snow); background-color: var(--color-snow); } @media (min-width: 861px) { .css-130yf0 { margin-left: 36px; } .tablet-mode .css-130yf0 { margin-left: 36px; } .sdi-center-body .css-130yf0 { margin-left: auto !important; } } @media (min-width: 1366px) { .css-130yf0 { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-130yf0 { margin-left: auto !important; } } @media (min-width: 861px) { .css-130yf0 { border-right-width: 1px; border-left-width: 1px; } } .tablet-mode .css-130yf0 { margin-left: 0 !important; } .css-1urfkv2 { padding: 12px; } @media (min-width: 0) and (max-width: 860px) { .css-1urfkv2 { display: none; visibility: hidden; } } .css-tj1t28 { border-radius: 8px; padding: 12px; background-color: var(--color-alpine); } @media (min-width: 861px) { .css-tj1t28 { padding: 12px; } } .css-pxty5s { font-size: 18px; font-weight: bold; line-height: 1.2; padding-bottom: 12px; } @media (min-width: 861px) { .css-pxty5s { padding: unset; padding-bottom: 16px; } } .css-1mkg3ts { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .css-1ydhbst { font-weight: bold; color: var(--color-magenta); } .css-1ydhbst:hover { color: var(--color-salemsfur); } .css-q1efsi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 8px; } @media (min-width: 861px) { .css-n7kp8j { padding-top: 16px; padding-bottom: 0; } } @media (min-width: 0) and (max-width: 860px) { .css-n7kp8j { display: none; visibility: hidden; } } .css-16lm17w { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 8px; } @media (min-width: 861px) { .css-16lm17w { display: none; visibility: hidden; } } .css-7si87t { padding-top: 12px; padding-bottom: 4px; } @media (min-width: 861px) { .css-7si87t { padding-top: unset; padding-bottom: unset; border-bottom: unset; } } @media (min-width: 861px) { .css-7si87t { padding-bottom: 16px; } } .css-1dgylgn { color: var(--color-salemsfur); -webkit-text-decoration: none; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: start; min-width: 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .css-1dgylgn:hover { color: var(--color-magenta); } @media (min-width: 861px) { .css-1dgylgn { padding-right: unset; padding-left: unset; } } .css-1ldyrbd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; top: 2px; } .css-kf0m8t { font-size: 14px; font-weight: bold; line-height: 1.2; padding-left: 8px; font-size: 16px; } @media (min-width: 861px) { .css-kf0m8t { font-size: 14px; } } .css-fkgpj0 { display: none; visibility: hidden; } .css-fkgpj0:checked ~ .custom-collapsible-container { max-height: 2000px; overflow: unset; } .css-fkgpj0:checked ~ .schlagzeilenHiddenContent-1 { display: none; } .css-n6j72c { overflow: hidden; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; display: grid; max-height: 0; } @media (min-width: 861px) { .css-n6j72c { max-height: unset; } } .css-da3gc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 8px; line-height: 0; } .css-bhl8wc { display: none; padding: 12px; } @media (min-width: 861px) { .css-bhl8wc { display: block; } } @media (min-width: 861px) { .tablet-mode .css-bhl8wc { display: none; visibility: hidden; } } .css-18derx3 { color: var(--color-royalblue); font-weight: bold; line-height: 1.4; text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em; } .css-q32kku { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-weight: bold; line-height: 1.5; white-space: pre-wrap; color: var(--color-manatee); } .css-q964i6 { text-align: center; border-top: 1px solid var(--color-whitelilac); border-bottom: 1px solid var(--color-whitelilac); background-color: var(--color-alpine); padding-top: 16px; padding-bottom: 16px; } .css-s95nug { position: relative; margin-bottom: 12px; padding-left: 18px; color: var(--color-trout); font-size: 18px; line-height: 1.4; } .css-s95nug::before { content: ""; position: absolute; top: 6px; left: 0; } @media (min-width: 861px) { .css-s95nug:hover { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: var(--color-magenta); } } .css-s95nug::before { width: 12px; height: 12px; background-image: url(img/double-arrow-right-fac394ef15cea51fd52a50e72c01a7f4.svg); background-repeat: no-repeat; -webkit-background-position: top left; background-position: top left; -webkit-background-size: contain; background-size: contain; } .css-dv64d3 { padding-top: 16px; padding-right: 12px; padding-left: 12px; isolation: isolate; } @media (min-width: 861px) { .css-dv64d3 { padding-top: 24px; padding-right: 24px; padding-left: 24px; } } .css-dv64d3:last-child { padding-bottom: 16px; } @media (min-width: 861px) { .css-dv64d3:last-child { padding-bottom: 24px; } } .css-1fk19fp { border-radius: 8px; padding: 12px; background-color: var(--color-whitelilac); display: grid; grid-gap: 12px; } @media (min-width: 861px) { .css-1fk19fp { padding: 12px 24px; } } .css-1cdcpx3 { font-size: 18px; font-weight: bold; line-height: 1.2; font-size: 14px; } .css-e332e5 { font-size: 28px; font-weight: bold; line-height: 1.2; display: grid; grid-auto-flow: column; grid-gap: 8px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-right: 24px; padding-left: 24px; padding-bottom: 16px; text-align: end; } @media (min-width: 861px) { .css-e332e5 { padding-right: unset; padding-left: unset; } } .css-1d3ipws { display: inline-block; background-color: var(--color-royalblue); width: 4px; height: 4px; margin-left: 2px; } .css-5bs1mw { color: var(--color-royalblue); font-weight: bold; line-height: 1.4; text-transform: uppercase; font-size: 12px; letter-spacing: 0.08em; display: block; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; text-align: end; } .css-8ij5dk { display: grid; justify-items: center; grid-template-columns: repeat(3, 2fr); grid-gap: 10px; } .css-1re54u3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; content-visibility: auto; contain-intrinsic-size: auto calc(10 * 120px); } @media (min-width: 861px) { .css-1re54u3 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .css-1re54u3:not(:last-of-type) { border-bottom: 1px solid var(--color-whitelilac); } @media (min-width: 861px) { .css-1re54u3 { contain-intrinsic-size: auto calc(10 * 140px); } } .css-1s0zjue { display: grid; position: relative; grid-auto-flow: row; padding-bottom: 24px; margin: 24px 0 0; border-bottom: 1px solid var(--color-whitelilac); } @media (min-width: 861px) { .css-1s0zjue { z-index: 1; } } @media (min-width: 861px) { .css-1s0zjue { margin: 24px 48px 0; } } .css-7b1kcv { font-size: 28px; font-weight: bold; line-height: 1.2; display: grid; grid-auto-flow: column; grid-gap: 8px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-right: 24px; padding-left: 24px; } @media (min-width: 861px) { .css-7b1kcv { padding-right: unset; padding-left: unset; } } @media (min-width: 861px) { .css-7b1kcv { font-size: 40px; } } .css-g20fct { display: inline-block; background-color: var(--color-magenta); width: 6px; height: 6px; margin-left: 3px; } .css-1b3bf3e { padding-top: 16px; padding-bottom: 16px; padding-right: 24px; padding-left: 24px; isolation: isolate; } .css-1b3bf3e::after { content: ""; display: block; position: relative; top: 16px; width: 100%; height: 1px; border-bottom: 1px solid var(--color-whitelilac); } @media (min-width: 861px) { .css-1b3bf3e::after { top: 24px; } } @media (min-width: 861px) { .css-1b3bf3e { padding-top: 24px; padding-bottom: 24px; } } @media (min-width: 861px) { .css-1b3bf3e { padding-right: 48px; padding-left: 48px; } } .css-11l9yyl { display: grid; grid-auto-flow: row; grid-gap: 8px; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; grid-area: content; } .css-cvxaqo { position: relative; min-width: 0; display: grid; grid-auto-flow: row; grid-gap: 8px; grid-column-gap: 16px; grid-row-gap: 0; grid-template-areas: "image content" "authors authors"; grid-template-columns: 90px 1fr; grid-column-gap: 0; grid-template-areas: "content" "authors"; grid-template-columns: 1fr; } @media (min-width: 861px) { .css-cvxaqo { grid-column-gap: 24px; grid-row-gap: 16px; grid-template-areas: "image content" "image authors" "image ."; grid-template-columns: 168px 1fr; } } @media (min-width: 861px) { .css-cvxaqo { grid-template-areas: "content" "authors"; grid-template-columns: 1fr; } } .css-169b1y4 { color: var(--color-trout); font-size: 15px; font-weight: normal; } @media (min-width: 861px) { .css-169b1y4 { font-size: 16px; } } .css-10dk984 { font-size: 14px; font-weight: bold; line-height: 1.2; font-size: 18px; } @media (min-width: 861px) { .css-10dk984 { font-size: 22px; } } .css-1735wak { color: var(--color-salemsfur); -webkit-text-decoration: none; text-decoration: none; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; color: inherit; } .css-1735wak::before { content: ""; position: absolute; z-index: 700; top: 0; right: 0; bottom: 0; left: 0; } .css-1735wak:hover { color: var(--color-magenta); } .css-wo4lwz { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 861px) { .css-wo4lwz { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .css-wo4lwz:not(:last-of-type) { border-bottom: 1px solid var(--color-whitelilac); } .css-14i5wav { display: grid; grid-auto-flow: row; grid-gap: 24px; margin-top: calc(24px * -1); } .css-1cyszl2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 24px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-box-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; scroll-padding-left: 24px; } @media (min-width: 861px) { .css-1cyszl2 { padding: unset; } } @media (min-width: 861px) { .css-1cyszl2 { scroll-snap-type: x mandatory; } .css-1cyszl2 > * { scroll-snap-align: start; } } .css-1cyszl2::-webkit-scrollbar { display: none; } .css-1cyszl2::after { content: ""; border-right: 1px solid transparent; } @media (min-width: 861px) { .css-1cyszl2 { -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .css-1cyszl2::after { display: none; } } .css-7pjyv { position: relative; width: 100%; max-width: 997px; margin-right: auto; } @media (min-width: 861px) { .css-7pjyv { margin-left: 36px; } .tablet-mode .css-7pjyv { margin-left: 36px; } .sdi-center-body .css-7pjyv { margin-left: auto !important; } } @media (min-width: 1366px) { .css-7pjyv { margin-left: calc((100vw - 1366px) / 2 + 36px); } } @media (min-width: 1441px) { .games-chanel-center-body .css-7pjyv { margin-left: auto !important; } } .css-1p734nz { text-align: center; isolation: isolate; position: absolute; top: 16px; left: 16px; margin-left: 100%; } .css-pbfvs4 { -webkit-transition: 0.2s ease-in-out color; transition: 0.2s ease-in-out color; color: inherit; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; color: var(--color-salemsfur); display: grid; grid-auto-flow: row; grid-gap: 4px; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; } @media (min-width: 861px) { .css-pbfvs4:hover { border-color: var(--color-magenta); color: var(--color-magenta); } } .css-tuvm5v { height: 1px; min-height: 1px; background-color: var(--color-whitelilac); } @media (min-width: 861px) { .css-tuvm5v { display: none; visibility: hidden; } } .stroeer-videoplayer { position: relative; display: block; align-items: center; width: 100%; height: 100%; aspect-ratio: 16/9; max-width: 100%; } .stroeer-videoplayer video { margin: auto; width: 100%; height: 100%; aspect-ratio: 16/9; } .stroeer-videoplayer .stroeer-videoplayer-containment { display: flex; align-items: center; width: 100%; height: 100%; } .stroeer-videoplayer .stroeer-videoplayer-ui { position: absolute; z-index: 100; display: block; width: 100%; height: 100%; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner { top: 0; width: 100%; height: 100%; position: absolute; z-index: 201; display: flex; align-items: center; justify-content: center; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation { display: inline-block; position: relative; width: 80px; height: 80px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div { position: absolute; width: 6px; height: 6px; background: #fff; border-radius: 50%; -webkit-animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite; animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:first-child { -webkit-animation-delay: 0s; animation-delay: 0s; top: 37px; left: 66px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(2) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; top: 22px; left: 62px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; top: 11px; left: 52px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(4) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; top: 7px; left: 37px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(5) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; top: 11px; left: 22px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(6) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; top: 22px; left: 11px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(7) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; top: 37px; left: 7px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(8) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; top: 52px; left: 11px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(9) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; top: 62px; left: 22px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(10) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; top: 66px; left: 37px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(11) { -webkit-animation-delay: -1s; animation-delay: -1s; top: 62px; left: 52px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .loading-spinner .animation div:nth-child(12) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; top: 52px; left: 62px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .volume-container { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; position: absolute; bottom: 44px; left: 48px; height: 80px; width: 24px; border-radius: 8px; background: rgba(23, 27, 38, 0.9); } .stroeer-videoplayer .stroeer-videoplayer-ui .default .volume-container .volume-range { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; margin: 8px auto; height: 64px; width: 3px; background: #666; cursor: pointer; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .volume-container .volume-range .volume-level-bubble { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; left: -3px; background: #fff; border-radius: 50%; width: 9px; height: 9px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .volume-container .volume-range .volume-level { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; bottom: 0; background: #fff; height: 100%; width: 3px; } .livestreamUI .stroeer-videoplayer-ui .livestream-container { cursor: pointer; } .livestreamUI .stroeer-videoplayer-ui .livestream-container .livestream-bubble { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; background-color: #e20074; -webkit-transform: scale(1); transform: scale(1); -webkit-animation: livestream-pulse 2s infinite; animation: livestream-pulse 2s infinite; } .livestreamUI .stroeer-videoplayer-ui .livestream-container .livestream-bubble.delayed { background-color: #e20074; -webkit-animation: livestream-pulse-delayed 2s infinite; animation: livestream-pulse-delayed 2s infinite; } .livestreamUI .stroeer-videoplayer-ui .livestream-container .livestream-text { text-transform: uppercase; font-weight: 700; color: #e20074; } .stroeer-videoplayer.livestreamUI .stroeer-videoplayer-ui .default .controlbar .timeline { display: none; } @-webkit-keyframes livestream-pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); } to { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } @keyframes livestream-pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); } to { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } @-webkit-keyframes livestream-pulse-delayed { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); } to { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } @keyframes livestream-pulse-delayed { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); box-shadow: 0 0 0 5px rgba(226, 0, 116, 0); } to { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); box-shadow: 0 0 0 0 rgba(226, 0, 116, 0); } } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container { position: absolute; height: 96px; width: 114px; top: -96px; pointer-events: none; line-height: 16px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container video { position: relative; width: 100%; border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container .seek-preview { position: relative; background-color: #fff; width: 100% !important; border-radius: 4px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container .seek-preview-image { background-size: cover; background-repeat: no-repeat; width: 114px; height: 64px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container .seek-preview:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .seek-preview-container .seek-preview-time { text-align: center; font-size: 12px; padding-bottom: 3px; color: #000; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .stroeer-videoplayer .stroeer-videoplayer-ui .error { text-align: center; background-color: #171b26; color: #fff; border-radius: 8px; padding: 10px; display: table-cell; vertical-align: middle; } .stroeer-videoplayer .stroeer-videoplayer-ui .error svg { height: 146px; fill: #e20074; } @media screen and (max-width: 375px) { .stroeer-videoplayer .stroeer-videoplayer-ui .error { font-size: 13px; } .stroeer-videoplayer .stroeer-videoplayer-ui .error svg { height: 121px; } } #stroeer-videoplayer-default-ui-icons { display: none; } .stroeer-videoplayer video { border-radius: 5px; } .stroeer-videoplayer .stroeer-videoplayer-ui { top: 0; } .stroeer-videoplayer .stroeer-videoplayer-ui .default { position: relative; z-index: 202147483646; height: 100%; overflow: hidden; font-family: Roboto, Arial, Helvetica, sans-serif; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .hidden { display: none !important; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .video-overlay { background: rgba(0, 0, 0, 0.4); position: absolute; display: flex; width: 100%; height: 100%; text-align: center; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .video-overlay svg { fill: #fff; display: block; vertical-align: middle; width: 10%; cursor: pointer; margin: auto; -webkit-filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.4)); } .stroeer-videoplayer .stroeer-videoplayer-ui .default .video-overlay.startscreen { background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; background: initial; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .video-overlay:hover svg { fill: #e20074; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar-container { bottom: 0; padding-bottom: 5px; height: 40px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: absolute; z-index: 2147483647; width: 100%; background: #000; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.1)); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: initial; box-sizing: initial; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar { margin: 0 auto; position: relative; width: 95%; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline { position: absolute; top: -9px; display: flex; align-items: center; width: 100%; height: 18px; cursor: pointer; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline .background { position: relative; background-color: hsla(0, 0%, 100%, 0.5); width: 100%; height: 2px; pointer-events: none; -webkit-transition: height 0.15s 0.05s; transition: height 0.15s 0.05s; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline .elapsed { background-color: #e20074; position: absolute; left: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; pointer-events: none; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline .elapsed-bubble { -webkit-transition: height 0.15s 0.05s, width 0.15s 0.05s, left 0.15s 0.05s; transition: height 0.15s 0.05s, width 0.15s 0.05s, left 0.15s 0.05s; position: absolute; width: 10px; height: 10px; left: -5px; background-color: #e20074; border-radius: 50%; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline:hover .background { height: 6px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .timeline:hover .elapsed-bubble { left: -8px; width: 16px; height: 16px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .time { position: absolute; left: 96px; bottom: 4px; color: #fff; font-size: 12px; font-family: Roboto, Arial, Helvetica, sans-serif; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .time > div { display: inline-block; margin: 0 2px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons { display: block; height: 32px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons button { border: 0; margin: 4px 0; padding: 4px 8px; background-color: transparent; cursor: pointer; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons button:hover svg { fill: #e20074; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons button.hidden { display: none; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons button svg { fill: #fff; height: 24px; width: 24px; } .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons .enterFullscreen, .stroeer-videoplayer .stroeer-videoplayer-ui .default .controlbar .buttons .exitFullscreen { position: absolute; right: 0; } @media screen and (max-width: 360px) { .stroeer-videoplayer .stroeer-videoplayer-ui .default .volSliderBox { width: 80px; left: 110px; } } @media screen and (max-width: 340px) { .stroeer-videoplayer .stroeer-videoplayer-ui .default .volSliderBox { width: 60px; left: 100px; } } .ima-ad-container .ima .loading-spinner { top: 0; width: 100%; height: 100%; position: absolute; z-index: 201; display: flex; align-items: center; justify-content: center; } .ima-ad-container .ima .loading-spinner .animation { display: inline-block; position: relative; width: 80px; height: 80px; } .ima-ad-container .ima .loading-spinner .animation div { position: absolute; width: 6px; height: 6px; background: #fff; border-radius: 50%; -webkit-animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite; animation: stroeer-videoplayer-loading-spinner-animation 1.2s linear infinite; } .ima-ad-container .ima .loading-spinner .animation div:first-child { -webkit-animation-delay: 0s; animation-delay: 0s; top: 37px; left: 66px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(2) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; top: 22px; left: 62px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; top: 11px; left: 52px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(4) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; top: 7px; left: 37px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(5) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; top: 11px; left: 22px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(6) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; top: 22px; left: 11px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(7) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; top: 37px; left: 7px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(8) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; top: 52px; left: 11px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(9) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; top: 62px; left: 22px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(10) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; top: 66px; left: 37px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(11) { -webkit-animation-delay: -1s; animation-delay: -1s; top: 62px; left: 52px; } .ima-ad-container .ima .loading-spinner .animation div:nth-child(12) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; top: 52px; left: 62px; } @-webkit-keyframes stroeer-videoplayer-loading-spinner-animation { 0%, 20%, 80%, to { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes stroeer-videoplayer-loading-spinner-animation { 0%, 20%, 80%, to { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .stroeer-videoplayer-containment { position: relative; } .stroeer-videoplayer-containment .ima-click-layer { width: 100%; height: calc(100% - 36px); display: block; position: absolute; top: 0; left: 0; z-index: 100; cursor: pointer; } .stroeer-videoplayer-containment .ima-click-layer:before { content: ""; position: absolute; left: 2.5%; bottom: -36px; width: 40px; height: 36px; } .ima-ad-container { background: #000; display: none; position: absolute; z-index: 110; } .ima-ad-container, .ima-ad-container > div:not(.ima) { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ima-ad-container .hidden { display: none !important; } .ima-ad-container .controlbar-container { background: #000; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent); bottom: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: 40px; padding-bottom: 5px; position: absolute; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; width: 100%; z-index: 300; } .ima-ad-container .controlbar { margin: 0 auto; position: relative; width: 95%; } .ima-ad-container .controlbar .time { position: absolute; left: 96px; bottom: 4px; color: #fff; font-size: 12px; font-family: Roboto, Arial, Helvetica, sans-serif; } .ima-ad-container .controlbar .time > div { display: inline-block; margin: 0 2px; } .ima-ad-container .controlbar .buttons { display: block; height: 32px; } .ima-ad-container .controlbar .buttons button { border: 0; margin: 4px 0; padding: 4px 8px; background-color: transparent; } .ima-ad-container .controlbar .buttons button:hover svg { fill: #e20074; stroke: #e20074; } .ima-ad-container .controlbar .buttons button.hidden { display: none; } .ima-ad-container .controlbar .buttons button svg { fill: #fff; stroke: #fff; height: 24px; width: 24px; } .ima-ad-container .controlbar .buttons .enterFullscreen, .ima-ad-container .controlbar .buttons .exitFullscreen { position: absolute; right: 0; } .ima-ad-container .controlbar .volume-container { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; position: absolute; bottom: 44px; left: 48px; height: 80px; width: 24px; border-radius: 8px; background: rgba(23, 27, 38, 0.9); } .ima-ad-container .controlbar .volume-container .volume-range { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: relative; margin: 8px auto; height: 64px; width: 3px; background: #666; } .ima-ad-container .controlbar .volume-container .volume-range .volume-level-bubble { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; left: -3px; background: #fff; border-radius: 50%; width: 9px; height: 9px; } .ima-ad-container .controlbar .volume-container .volume-range .volume-level { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; bottom: 0; background: #fff; height: 100%; width: 3px; } .endcard-plugin-container { background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .endcard-hidden { display: none !important; } .endcard-plugin-overlay { position: absolute; width: 100%; bottom: 55px; top: 0; left: 0; right: 0; } .endcard-plugin-tile, .endcard-plugin-tile-replay { display: none; position: relative; float: left; width: 33.33%; height: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; overflow: hidden; } .endcard-plugin-tile-replay:before, .endcard-plugin-tile:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0; } .endcard-plugin-tile-replay { z-index: 101; } .endcard-plugin-tile-replay .endcard-plugin-overlay { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; bottom: 0; } .endcard-plugin-tile-0, .endcard-plugin-tile-single { display: block; width: 100%; height: 100%; } .endcard-plugin-tile-0:before, .endcard-plugin-tile-replay:before { opacity: 1; } .endcard-plugin-tile-1, .endcard-plugin-tile-2 { border-bottom: 2px solid #fff; } .endcard-plugin-tile-3, .endcard-plugin-tile-replay { border-right: 2px solid #fff; } .endcard-plugin-tile-single { border-right: none; } .endcard-plugin-thumbnail { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-color: #000; } .endcard-plugin-title-pre { display: block; margin-bottom: 4px; font-weight: 400; font-size: 14px; } .endcard-plugin-title-main { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .endcard-plugin-title { margin: 0; padding: 0 12px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-weight: 700; font-size: 14px; position: absolute; bottom: 0; } .endcard-plugin-replay-title { margin: 0; padding-top: 12px; text-align: center; font-size: 10px; } .endcard-plugin-button-pause, .endcard-plugin-replay-title { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .endcard-plugin-button-pause { position: absolute; top: 16px; right: 16px; background-color: hsla(0, 0%, 100%, 0.4); font-size: 12px; padding: 8px; border: none; border-radius: 4px; cursor: pointer; z-index: 1; } .endcard-plugin-play-icon, .endcard-plugin-revolverplay-icon { display: block; position: absolute; left: 50%; top: 40%; margin-left: -11px; margin-top: -14px; } .endcard-plugin-revolverplay-icon { margin-left: -51px; margin-top: -37px; } .endcard-plugin-replay-icon { display: block; } .endcard-plugin-progress-value { stroke: #424242; stroke-linecap: round; -webkit-transition: all 1s ease; transition: all 1s ease; } .stroeer-videoplayer .stroeer-videoplayer-ui.endcard-plugin-ui-small { height: 55px; top: inherit; bottom: 0; } .stroeer-videoplayer .stroeer-videoplayer-ui.endcard-plugin-ui-small .default .video-overlay { background: none; } @media only screen and (min-width: 861px) { .endcard-plugin-container { z-index: 101; } .endcard-plugin-tile { display: block; } .endcard-plugin-overlay { bottom: 0; } .endcard-plugin-title { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8)); padding-bottom: 12px; } .endcard-plugin-tile-0 .endcard-plugin-title { font-size: 16px; padding: 16px; } .endcard-plugin-tile-0 .endcard-plugin-title .endcard-plugin-title-main { -webkit-line-clamp: 3; } .endcard-plugin-tile-0 { width: 66.66%; height: 66.66%; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .endcard-plugin-tile-single { width: 100%; height: 100%; border-right: none; border-bottom: none; } .endcard-plugin-tile-replay { display: block; clear: left; } .endcard-plugin-tile-1 .endcard-plugin-overlay, .endcard-plugin-tile-2 .endcard-plugin-overlay, .endcard-plugin-tile-3 .endcard-plugin-overlay, .endcard-plugin-tile-4 .endcard-plugin-overlay { -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .endcard-plugin-tile-1:hover .endcard-plugin-overlay, .endcard-plugin-tile-1:hover:before, .endcard-plugin-tile-2:hover .endcard-plugin-overlay, .endcard-plugin-tile-2:hover:before, .endcard-plugin-tile-3:hover .endcard-plugin-overlay, .endcard-plugin-tile-3:hover:before, .endcard-plugin-tile-4:hover .endcard-plugin-overlay, .endcard-plugin-tile-4:hover:before { opacity: 1; } .endcard-plugin-revolverplay-icon { top: 50%; } .endcard-plugin-button-pause { -webkit-transition: all 0.4s; transition: all 0.4s; } .endcard-plugin-button-pause:hover { background-color: hsla(0, 0%, 100%, 0.2); } } #nativendo-artikel-muschel-1 { border-bottom:1px solid #EBEFF7; padding-bottom:15px } #nativendo-artikel-muschel-2 { border-bottom:1px solid #EBEFF7; padding-bottom:15px; padding-top:15px } #nativendo-artikel-muschel-3 { padding-top:15px } .nat-muschel-logo { position:relative } .nat-muschel-logo .nativendo-md-link { text-decoration:none; font-size:10px; font-family:arial, sans-serif; color:#171B26; background-color:rgba(255, 255, 255, 0.8); top:1px; right:1px; border-radius:0; line-height:1 } .nat-muschel-logo .nat-link { display:grid; grid-template-columns:auto 138px; gap:10px; text-decoration:none; color:#171B26; font-family:Roboto, Arial, Helvetica, sans-serif; margin-bottom:8px } .nat-muschel-logo .nat-link .nat-logo { height:16px; margin-bottom:3px } .nat-muschel-logo .nat-link .logo-dark { display:none } .nat-muschel-logo .nat-link .nat-title { padding:0px; margin:0; font-size:14px; line-height:16.8px; font-weight:700; margin:0; transition:color 0.2s ease-in-out } .nat-muschel-logo .nat-link .nat-title:hover { color:#00A0DE } .nat-muschel-logo .nat-link .nat-image { width:138px } .nat-muschel-logo .nat-more { font-size:12px; color:#00a0de; font-weight:bold; margin-top:8px; text-decoration:none } .recommended { margin-top: 80px; } .recommended-info-header-border { margin-top: 0; margin-bottom: 30px; border: 6px solid #016ca2; border-radius: 10px; } .recommended-info-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; -ms-flex-pack: distribute; justify-content: space-around; } .recommended-info-header:after { content: ''; display: block; height: 10px; width: 98%; background-color: #fefefe; margin-bottom: -10px; margin-top: 10px; } .recommended-info-header:before { content: ''; display: block; height: 10px; width: 98%; background-color: #fefefe; margin-top: -10px; margin-bottom: 10px; } .recommended-info-header h2 { font-size: 1.7rem; line-height: 2rem; font-weight: bold; color: var(--color-salemsfur); text-align: center; margin-top: 10px; margin-bottom: 14px; } .recommended__doc img { max-width: 100%; height: auto !important; } .recommended__doc p { font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .inline-article { margin-left: 0; position: relative; } } .inline-article { clear: left; margin: 32px 0 10px 0; /* margin-left: 0px;*/ font-weight: 500; background: #fff; } .inline-article article { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; padding: 8px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; position: relative; } .inline-article__content { padding: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .Carolinaz { font-weight: 900 !important; color: #000; text-transform: uppercase; } .inline-article__overtitle { font: 500 14px 'Eugenio Sans Text','Helvetica Neue',Helvetica,sans-serif; font-weight: 500; text-transform: uppercase; color: #d81b76; display: block; margin-bottom: 20px; } @media screen and (min-width: 768px) { .inline-article__title { font-size: 18px; line-height: 24px; } } .story__text .inline-article__title { font-style: normal; } .inline-article__media { margin-left: auto; margin-right: 8px; } .inline-article__media img { display: block; width: 125px; } .inline-article__author { display: inline-block; font-size: 12px; line-height: 14px; font-style: normal; color: #666; margin-top: 20px; } .story__content img { display: block; margin-bottom: 16px; } .story__content img, gdwc-video-component img { height: auto; width: 100%; } .inline-article__media { margin-left: auto; margin-right: 8px; } .inline-article__media img { display: block; width: 125px; margin-bottom: 4px; } .button_prod { padding: 10px 16px 8px 16px !important; background: linear-gradient(90deg,#ff467d 0,#a63456 35%,#ff467d 100%); color: #fff !important; display: block; text-align: center; font-weight: 700; border-radius: 5px; transition: .5s all; } .button_prod:hover { opacity: 0.8; } .noisy { background-image: url(../img/noisy-s.png); background-position: 50% 50%; }